[TIL] 23.10.06

오늘 한일

🐾 개발자국 팀소개페이지 제작 프로젝트

1. 팀소개페이지 메인페이지 내 profile창 bootstrap 사용하여 수정
2. 메인페이지 내 방명록 버튼 추가 및 헤더 쏠림현상 수정 -> 레이아웃 정리
3. 중복 css 정리

⚠️ 마주한 문제

bootstrap 기능을 사용하여 css를 수정을 하는 와중 레이아웃을 수정하는데에 어려움을 겪었다. 풀화면으로 봤을 때는 문제가 없었지만 창을 줄일 때 배열이 깨지는 현상을 발견했기 때문이다. 창을 줄일 때에도 최대한 안깨지도록 (중앙에 있어야 할 건 중앙에, 모서리에 있어야할 건 모서리에) 레이아웃을 수정하는 와중 grid와 flex를 막 사용했다.
그 결과 화면을 휴대폰 화면에서 쏠림 현상이 발생하였다.
flex안에 grid를 사용해서 그런듯. 임시방편으로 제일 바깥쪽 컨테이너에 grid를, 그 안의 컨테이너들에 flex를 설정했다. 기초 작업에서 레이아웃을 잘잡고 설계해야겠다고 느꼈다.

📚 Today I Learned

1. 크롬 개발자도구에서 페이지 사이즈별로 보는 방법
2. flex와 grid의 차이 (나중에 정리해볼까?)
3. sha256 암호화

부족한 부분 & 더 찾아보기

1. git fork 방법
2. 레이아웃 구성 방법