1. Doctype(DTD) 태그는 영역을 가짐. 2. HTML, HEAD, BODY 3. CSS, JS 연결하기 css 연결 js 연결 한국어 베이스로 만들어야 번역 기능 안 생김 4. 정보를 의미하는 태그 살펴보기 Document 5. 화면에 이미지 출력하기 6. 상대 경로와 절대 경로 상대 경로 : ./ 주변에서 찾는 기능 ../ 상위 폴더 절대 경로 : http 원격의 다른 사이트, / 최상위(루트) 경로 http://localhost:5500/ 로컬환경에서의 주소 ./images/heropy.png (출발 위치로부터 이동) /images/heropy.png 절대경로 (출발 위치랑 상관X) https://heropy.blog/images/heropy.png 원격으로 다른 사이트에서 가져오는 것도 ..

1) 개요 1. 첫 인사 및 강의 개요 프론트엔드 개발 : HTML, CSS, JS를 이용해 데이터를 그래픽 사용자 인터페이스(GUI)로 변환하고, 그것으로 사용자와 상호 작용할 수 있도록 하는 것. 2. HTML / CSS / JS HTML : 웹의 구조 담당 CSS : 시각적인 표현(정적) 담당 JS : 동적 처리 담당 3. 웹앱의 동작원리 페이지 주소 입력 → 최초 요청 (Request) → 서버 서버 → 최초 응답 (Response)(HTML) → 브라우저 브라우저 → 추가 요청 → 서버 서버 → 추가 응답 (CSS, JS, JPG 등) → 브라우저 4. 웹 표준과 브라우저 웹 표준 : 웹에서 사용되는 표준 기술이나 규칙. W3C에서 제정. 브라우저 공급업체도 웹 표준에 맞게 해석. 크로스 브라우..