upgrade and develop

HTML이 구조를, CSS가 표현을 맡는다면, 자바스크립트는 웹페이지에 동작과 논리를 불어넣는다. 버튼을 누르면 반응하고, 입력값을 계산하고, 화면을 바꾸는 일이 모두 자바스크립트의 영역이다. 오늘은 변수·자료형·연산자·제어문·함수 같은 언어의 기본기를 정리했다.1. 변수와 자료형변수를 선언하는 키워드는 세 가지이며, 각각 성격이 다르다.키워드특징var함수 스코프 (예전 방식, 지금은 권장하지 않음)let블록 스코프, 재할당 가능const블록 스코프, 재할당 불가 (상수) let name = "정주호";const PI = 3.14; 자료형은 숫자(Number), 문자열(String), 논리(Boolean), 객체(Object), 그리고 값이 없음을 나타내는 undefined와 null이 있다. 기본은 c..

HTML이 문서의 뼈대라면, CSS는 그 위에 입히는 옷이다. 색·크기·여백·배치 같은 시각적 표현을 모두 CSS가 담당한다. 오늘은 CSS를 적용하는 방법, 어떤 요소를 꾸밀지 고르는 선택자, 그리고 자주 쓰는 속성을 정리했다.1. CSS를 적용하는 세 가지 방법CSS는 HTML에 세 가지 방식으로 연결할 수 있다. 방법작성 위치예인라인태그 안 style 속성내부의 외부별도 .css 파일 연결 기본 문법은 "어떤 요소를(선택자) 어떻게(속성: 값)" 꾸밀지 적는 구조다. 선택자 { 속성: 값; 속성: 값; }body { font-family: Arial; background-color: #f4f4f4; padding: 20px; } 실무에선 외부 CSS를 쓴다인라인은 간편하지만 태그마다 스타일이 흩어져..

웹 페이지는 결국 브라우저가 읽어 화면으로 그려내는 문서다. 그 문서의 뼈대를 기술하는 언어가 HTML이다. 이 글에서는 HTML 문서의 기본 구조, 자주 쓰는 태그, 그리고 사용자 입력을 받는 폼(Form)까지 정리한다.1. HTML 문서의 기본 구조HTML은 태그로 내용을 감싸 의미와 구조를 부여하는 마크업 언어다. 모든 문서는 다음 골격에서 출발한다. 크게 두 영역으로 나뉜다.: 문서의 메타 정보. 문자셋, 제목, 스타일·스크립트 연결 등 화면에는 보이지 않지만 문서를 설명하는 정보가 들어간다.: 실제로 브라우저 화면에 표시되는 내용. DOCTYPE와 charset은 왜 쓸까은 "이 문서를 HTML5 표준 모드로 해석하라"고 브라우저에 알리는 선언이다. 은 문자 인코딩을 지정해 한글이 깨지지..