프론트 기본적인 화면구성잡는방식

1.HTML 마크업 2.style잡기(기본틀) 3.js 1. HTML 마크업 - 화면을 모듈화하여 분리하는 단계 태그생성, 태그 class 설정 ※ HTML에는 UI적인 요소만 기능적인 부분은 js파일에서 하는게 좋다. (영역 분리) 예 ) 로고 --------------- 메뉴 --------------- 화면 컨테이너 2. style잡기(기본틀) 기본설정 목록 display, vh, 자주 쓰이는 속성 변수 선언 :root{ /* annimation */ --animation-duration: 300ms; } height: 100vh - 부모 태그와 상관없이 화면 전체 1~100 에서 얼마만큼을 보여줄지 정하는 설정이다. body에 설정해두는 편이다. body { height: 92vh; display..

2023.06.22