언젠가는 펼쳐 볼 아카이브

좋은 앱을 만들기 위한 고려사항 번들 사이즈 CSS 코드가 차지하는 사이즈는 무척 중요한 요소임 서버로부터 받아오는 파일들은 다양한데 크기가 클수록 페이지의 로딩 속도가 느려질 수 있음 앱 성능 animation, transition 등 유저와의 상호작용에서 스타일 코드의 성능이 중요한 요소임 사용자에게 유리한 UI/UX 자바스크립트를 이용한 다양한 스타일 기법 UI toggling, anmation, 다크모드, 복잡한 UI 컴포넌트 등은 자바스트립트에 대한 지식만으로 구현하기 힘듦 유지보수가 용이하고 확장 가능한 코드를 작성해야함 스타일에 관련된 코드를 어떻게 작성하고 관리하는 가에 대한 지식이 필요함 React 앱에서의 스타일링 방법 CSS import : CSS(or SCSS, Sass) 파일을 i..

> - 부제 : HTML & CSS 는 무시할만한 것들이 아니다! ✨- 0) 반응형 웹 사이트란? 하나의 웹 사이트로 접속하는 기기의 화면 크기에 맞춰 자동으로 레이아웃 및 콘텐츠를 구성하는 개발 방법 왜 반응형 웹이 성행하게 되었나? 스마트폰 & 태블릿 등의 대중화로 인한 중요성이 인식됨 즉, 인터넷에 접속되는 기기가 다양해지면서 다양한 스크린 사이즈에 대응해야하는 이슈가 생김 1) 반응형 웹 사이트의 범위 화면크기 (viewport) 화면방향 (가로, 세로) 픽셀밀도 얼마나 고해상도 폰인가? Ratio가 얼마나 되는가? 화면 비율 ex) 2:3, 9:16비율 등 마우스 포인터 pointer: corase pointer: fine hover ... 등등 참고하면 좋은 블로그 : https://marsh..