[TIL]2022.09.07

당일에 포스팅을 하고 싶었는데, 수요일 저녁마다 보는 코딩테스트가 생각보다 시간이 너무 길어져서 오늘로 미루게 되었다. 건너뛸까 하는 생각도 들었지만 그래도 정리하면서 공부하는게 있으니 열심히 해야겠다!

오늘은 드디어 반응형 웹사이트를 만들어보기 시작했다. 마크업 설계부터 기본적인 배치를 진행했는데 고정형 웹사이트를 만들어보며 배운것들이 많아서 상대적으로 수월했다.

다만 유연한 변화를 위해 px보다는 rem, em 단위를 주로 사용해 어느정도 크기인지 한번에 와닿지 않았다는 점과 모바일 뷰와 데스크탑 뷰를 오고가며 만들어야 했기에 조금 정신이 없었단는 점이 달랐던 것 같다.

오늘 배운 점들을 정리해보면 다음과 같다.

1. AWD vs RWD - 기술면접에 나온다고도 하니 예시를 찾아보며 다시 정리를 해야 할 것 같다.
2. .gitignore의 위치가 상위 폴더가 아니여서 mv명령어를 통해 이동 시켰다. - mv는 move와 rename 두가지 기능을 수행한다.
3. break point의 처리 - 매년 바뀔 수 있으니 year breakpoints css와 같은 검색어를 통해 찾아보자.
4. grid 사용 - display: grid는 이번에 처음 사용했는데 start ~ end 의 배치와 grid-template-areas를 활용한 2가지 방법으로 레이아웃을 구성해 보았다.
5. input 요소의 appearance를 none으로 설정해야 크로스 브라우징 문제를 해결 할 수 있다.

오늘은 평상시보다 코딩테스트가 너무 어려워서 제한시간을 다 사용하고도 문제를 다 풀지 못했는데, 해답이 올라오면 다시 정리해봐야겠다.