⏳ 2023. 4. 24. - 2023. 4. 30. 기본 선택자 우선순위 : 전체 < 태그 < 클래스 < 아이디 전체 선택자 *을 사용하여 모든 요소를 선택 * { color: red; font-size: 100px; } 태그 선택자 태그로 선택 div { color: red; font-size: 100px; } 클래스 선택자 .을 사용하여 선택 .box { background-color: blue; padding: 20px; } 아이디 선택자 #을 사용하여 선택 #box { background-color: blue; padding: 20px; } 복합 선택자 일치 선택자 선택자를 동시에 만족하는 요소를 선택 : 모든 선택자를 공백없이 작성 div.orange { color: orange; } div이..

⏳ 2023. 4. 24. - 2023. 4. 30. 기본 문법 선택자 : { 속성: 값; 속성: 값; } div { color: red; font-size: 100px; } /* 주석은 이렇게 */ 선언 방식 내장 html의 head 태그 안에 style 태그를 사용하여 스타일을 적용하는 방법 하나의 html 파일 안에서 스타일을 관리할 수 있지만.. 유지 보수 측면에서 불리하다. html과 css 파일을 구분하는 것이 권장하는 방법!! 인라인 html의 요소에 직접 스타일을 작성하는 방법 인라인 방식은 스타일의 우선 순위가 너무 높기 때문에 유지 보수가 어렵다. 링크 link 태그를 사용하여 css 문서를 연결하는 방법(병렬) 가장 권장하는 방법! @import css 문서 안에서, 또 다른 css ..

⏳ 2023. 4. 10. - 2023. 4. 16. 프론트엔드 개발이란 HTML, CSS, JS를 사용해 데이터를 그래픽 사용자 인터페이스(GUI)로 변환하고, 그것으로 사용자와 상호작용할 수 있도록 하는것 HTML(Hyper Text Markup Language) 페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당 CSS(Cascading Style Sheets) 실제 화면에 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정해 콘텐츠를 꾸며주는 시각적인 표현(정적)을 담당 JavaScript 콘텐츠를 바꾸고 움직이는 등 페이지를 동작시키는 동적 처리를 담당 웹 기초 웹앱의 동작원리 웹 어플리케이션은 사용자의 요청(request)과 서버의 응답(response)이 이루어지면서 동작..