Sass version

Netflix 개선 프로젝트  Netflix 개선 프로젝트 

  • SassScss를 사용해서 넷플릭스를 스타일링합니다.

    • main page는 Scss문법을, login page는 Sass문법을 사용해서 다양한 Sass 문법을 익히고 적용합니다.

  • 최신 레이아웃 기술인 Grid를 사용합니다.

  • 프로젝트에 사용된 Mixin은 EUID-mixin 오픈 소스를 참조했습니다.

네이밍 작성 규칙

커밋 메세지

[구축] 새로운 인터랙션 기능 추가 및 html, styling 구축
[개선] 개선 사항 반영을 위한 코드 수정
[설정] 코드 포맷 변경, 세미 콜론 누락, 코드 수정 없음
[변경] 오타 수정, 설정 파일 변경(예, gitignore), 클래스 변경 등 간단한 수정
[최적화] 최적화를 위한 코드 수정 (Light House 검사를 통한 개선사항)
[문서] TIL 및 README 등 마크다운 파일 생성 및 수정

파일 탐색 규칙

상대경로로 파일을 탐색한다. → ./, ../

<link href="./scss" />
<img src="../" />

빈 요소 사용 규칙

마지막에 공백을 두고 태그를 닫는다.

<input id="" /> 
<br />

최적화 결과

Last updated

Was this helpful?