실습 1만 시간의 법칙
지난번에 실습 한 페이지를 피그마를 보면서 사이즈를 맞추고 했지만 배치가 정확하게 맞는가 확인이 필요하다.
-
피그마 디자인 페이지와 구현한 페이지 맞추기
-
피그마에서 페이지 화면 크기를 100% 설정 후, 주소창을 살짝 걸쳐서
뷰포트 시작점에 맞춰 스크린샷을 찍는다 -
크롬 웹스토어 'pixel perfect'를 사용하여 만든 페이지와 위치가 맞는지 확인한다.
--
- 반응형 작업을 할 때는 모바일 하나의 기종을 선택 후 기준으로 작업한다.
- Mobile에서 디자인에 맞게 보이는지 핸드폰에서 확인을 해야 한다.
- 코드에서 중복으로 같은 클래스명은 사용하고 있는지 확인해야 한다.
회고 🔨
피그마를 보면서 사이즈 맞췄을 때 정확히 했다고 생각했는데 스크린샷을 찍어서 보니
다르다는 것을 알게 되었다. 보면서 하나씩 맞춰야한다. 몰랐던 부분을 알게 되었다.
혼자서 직접 맞춰 보면서 익숙해지도록 해야겠다.
