자바스크립트 작성 1) 웹 문서 안에 작성 태그 사이에 실행할 자바스크립트 소스를 작성 - 웹 문서 안 어디든 위치할 수 있고 삽입된 위치에서 바로 스크립트가 실행 - 되도록 태그 안에서 작성하고 직전에 작성 - 단점은 웹 문서가 복잡해짐 2) 외부 스크립트 파일로 연결 - HTML 문서에서 자바스크립트 파일 연결하면 됨 - 외부 스크립트 파일은 자바스크립트 소스만 작성하고 확장자 .js로 저장 기본 문법 1) 변수 var 변수명; - 변수란 프로그램 실행하는 동안 값이 여러 번 달라질 수 있는 데이터(상수) - 변수 이름은 영어 문자, 언더바(_), 숫자를 사용(다만 첫 글자는 영어 문자와 언더바만 사용 가능) ex1 var age; /* 나이 변수 선언 */ ex2 var currentYear, bi..
CSS(Cascading Style Sheets) - HTML이 웹 사이트의 내용을 나열하고 CSS는 웹 문서의 디자인을 구성 - 웹 문서에서 스타일이란 HTML 문서에서 자주 사용하는 글꼴이나 색상, 정렬, 각 요소의 배치 방법과 같이 문서의 겉모습을 결정짓는 것 - 반응형 웹 디자인이란 PC나 모바일 등 웹 브라우저 크기에 따라 화면 레이아웃을 자동으로 바꿔주는 방법 CSS 스타일 형식 선택자 { 속성1 : 속성값1; 속성2 : 속성값2 } - 속성과 값이 하나의 쌍으로 이루어진 것을 스타일 규칙이라 함 ex) p { text-align: center; color: blue } - 스타일 형식은 한 줄 또는 여러 줄로 표기해도 됨 - 주석 표기 : /*와 */ 사이에 내용 입력 - CSS 소스 경령화..
HTML(HyperText Markup Lauguage) - 기본 기능 : 웹 브라우저에 보여 줄 내용에 마크업하고 문서끼리 링크하는 것 TIP) HTML 기본구조 자동으로 만들기 : ! 입력한 후 Tab 누르면 자동으로 기본구조 입력된다. - 블록(Block) 요소 : y축 정렬 형태로 출력(줄바꿈 현상 나타남), 공간 만들 수 있고, 상하 배치 작업 가능, width와 height 사용 가능, margin과 padding 등 사용 가능 - 인라인(Inline) 요소 : x축 정렬 형태로 출력(한 줄에 출력), 공간 만들 수 없고, 상하 배치 작업 불가능, width와 height 사용 불가, margin과 padding 등 사용 불가 Block 요소를 갖는 대표적인 태그로는 , 가 있고, inline..
