쿠팡 로그인 페이지

쿠팡 로그인 페이지

🎈사전과제 피드백

1. Flexbox를 사용할 때는 크로스 브라우징을 조심하자

• 나와 같이 아마 대부분의 수강생들이 flexbox를 이용하여 해당 페이지를 구성했으리라 생각이 든다.
• flex를 사용하면 정렬에 대한 고민이 확 줄어들기에 나 역시 flexbox를 선택했으나
  크로스 브라우징 이슈는 생각지도 못했다.
  • 좀 더 꼼꼼해져야겠다.

2. 웹 접근성

• 내가 만든 쿠팡 로그인 페이지는 탭 순서가 아이디 > 비밀번호 > 로그인 > 회원가입
• 위의 네가지 항목에만 탭이 가도록 설정했다.
• 나는 해당 페이지를 만들 당시 나의 기준으로 편한 태핑을 설정했기에 키보드 사용자를 고려하지 못한 웹을 만든 것이다.
  • 반성하자

3. CSS 파일의 분리

• 나는 하나의 CSS파일에 모두 몰아넣었을 때 가독성이 떨어진다고 생각하여 기능별로 파일을 분리해서 관리했다, 하지만 CSS @import 기능은 파일을 직렬적으로 가져오기 때문에 성능이 저하될 수 있다는 말을 듣고 이 후 Sass를 사용해 병렬적으로 가져오는 경험을 꼭 해보고 싶어졌다.