🔔 27일차
오늘은 그토록 많은 시간을 쏟아 부었던 랜딩페이지의 마지막 점검을 하는 날이다..!! 랜딩 페이지에 일주일 가량의 시간을 쏟았다… 정말 많은 시간을 쏟아 부었음에도 이슈들이 막 터진다..ㅠㅠ
이번에 피드백을 받은 내용은 랜딩페이지에서 가로로 웹 크기를 줄이면 가로 스크롤이 생긴다는 것이다..!! 개발을 하면서 이런 점에 대해서 캐치하지 못했다는 것이 너무 아쉬웠고, 말씀해주신 팀원분에게 무척이나 감사했다.
💪 오늘은 어떻게 프로젝트에 기여했나요?
사용자의 모니터 해상도를 고려하여 vw를 사용하였다. 큰 틀을 차지하는 최상위 엘리먼트는 width: 100%를 주었다. 그리고 자식 엘리먼트들에게 view width를 활용하여 화면을 구상하였다.
🤔 오늘의 프로젝트에서 힘든 점은 무엇인가요?
이전에는 다른 사람의 모니터 인치의 크기에 대해서는 전혀 고려하지 않았던 것 같다. 모든 페이지는 px로 개발하였고, 내 화면에 맞게 웹을 그려 나아갔다.
하지만 이러한 문제는 13인치 노트북을 쓰는 팀원에게서부터 발견할 수 있었다. 내가 보는 화면이랑은 전혀 다른 모습이였다. 그리고 px을 써서 절대값인 만큼 웹 페이지의 크기를 줄였을 때, 안에 내용들의 크기가 넘치기 때문에 스크롤이 생기는 것은 당연했다.
다른 사람의 해상도를 신경쓰지 않았다니… 정말 치명적이였다.. 그리고 그 죗 값은 고스란히 왔다. 랜딩 페이지를 다 뜯어 고치는데 정말 하루 종일 걸렸기 때문이다. px로 맞춘 내용들은 다 view width로 바꿨다. 아침에 시작한 작업이 밤 쯤 되서야 스크롤을 안 볼 수 있었다. 너무 행복했다..
🔥 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
내일은 프로젝트 마지막날이다!! 웹 페이지를 전체적으로 마지막 점검을 하고 발표준비를 한다!!