TIL 13 (미니프로젝트)

오늘 9시 O.T를 듣고 강의 커리큘럼이나 운영원칙에 대해 설명을 들었다.

 

10시 이후 새로운분들과 조편성을 하게되었고 간단한 자기소개 및 미니 프로젝트를 위해 가이드를 읽어갔다.

 

이번에 맡은 역할은 프론트엔드였다. 

 

ChatGPT 웹개발 강좌를 수강했지만 아직 모르는 부분이 엄연히 남아있는터라 어떤 문제가 닥칠지 고민이되었고, 그 고민

 

은 정확했다.

 

웹 서칭을 하며 팀원분들과 협의를 통해 양식을 참조해서 작업에 들어갔다.

 

총 세명이 작업진행했고, 프론트엔드 "나" , 백엔드 "팀원 두분"으로 진행되었다

 

약 100% 중 60~70%정도 작업물이 완성되었고, 중간중간 오류과정들을 해결하느라 제법 시간을 썼다.

 

※ 어떤 문제가 있었는지

- 이미지 태그 하단에 두 문단의 글자를 작성해야하는데, 우측 세로로 표기가 되거나, 하단으로 내려오지않는 문제가 발생

- 박스 그라데이션을 작업했고 백그라운드-이미지로 잡아뒀는데 이미지로 쓸 라운드 진 사각박스가 중첩되지않고 바닥에 깔리는 문제가 발생

- 스크롤은 내려가나 박스가 중간지점부터 바닥에 닿지않거나, 상단으로 튀어오르거나 하는 문제가 발생

- 이미지 태그 하단에 글작성은 고쳤으나, 크롬 배율조정(90% ~ 150%)을 하면 글자가 이미지에서 벗어나는 문제가 발생

ㄴ 빨간 부분은 아직 미해결 문제

 

※  내가 시도해본 것들

- chatgpt한테 물어보고, 열심히 웹서핑도 했다.

 

※  어떻게 해결했는지

- 이미지 태그 하단의 문제의 경우는 css absolute 명령문을 통해 사진 아래에 배치하는데엔 성공했지만 후술한 배율조정 문제때문에 온전히 내보낼수 없는 상태이기에 내일 튜터님들에게 확인절차를 해봐야겠다.

- 스크롤 문제는 챗지피티를 통해 알아낸 min-height를 1000px 설정한게 문제였기때문에 스크립트 삭제로 해결했다.

(바닥부가 깔리지않아 스크롤이 안되는 문제가 발생해서 사용했던부분이었는데, 그라데이션을 넣었을때 문제없이 스크롤이 작동했다!)

 

※  무엇을 새롭게 알았는지

1. 강의에서 이게 맞는지, 어떤걸 해야하는지 갈피잡기가 힘든부분이 있었다면, 미니프로젝트에선 팀원분들과 꾸준히 소통하며 내가 할일을 찾을수있었다.

 

2. 끝이없는 공부의 길을 느꼈다.