태그는 사용자로부터 입력을 받을때 사용합니다 태그에서 사용 가능한 속성은 여러가지 있습니다 우리는 우선 기본적인 3개의 속성에 대해 알아봅시다 action method name 1. action : 폼 데이터가 서버로 제출될 때 해당 데이터가 도착할 URL을 지정해주는 것입니다 2. method : 폼 데이터가 서버로 제출할 때 사용할 HTTP 메서드를 지정합니다 HTTP 메서드는 GET과 POST 두가지 있습니다 기본 HTTP 메서드는 GET이기 때문에 method를 따로 지정해주지 않으면 GET 방식으로 제출을 합니다 GET 특징 제출된 데이터가 URL에 표시됩니다(보안에 취약) URL의 길이는 제한되어 있기 때문에 긴 데이터를 보낼순 없습니다 POST 특징 HTTP 요청 본문 내부에 데이터를 포함시..

그럼 본격적으로 JS를 사용해 보도록 하겠습니다. 저희는 우선 night와 day라는 이름을 가진 두 개의 버튼을 만들 것입니다. 아직 이 두 버튼은 아무런 역할을 하지 못합니다 말 그대로 버튼만 생성했기 때문입니다 이제 이 버튼을 클릭했을 때 어떠한 사건, 이벤트가 일어날 수 있도록 만들 것입니다. JS에는 이벤트를 발생 시키는 속성 들은 여러개 있습니다. 그중 가장 대표적으로 사용되는 기본적인 3가지의 이벤트만 먼저 배워보도록 하겠습니다 1. onclick : HTML 요소를 사용자가 클릭을 했을때 예시) 사용자가 버튼을 클릭 했을때 2. onchange : HTML 요소에 변화가 생겼을때 예시) 텍스트 내용값이 변했을때 3. onkeydown : 사용자가 키보드의 키를 눌렀을때 예시) 키보드의 아무..

HTML은 한번 화면에 출력이 되면 언제나 그 모습 그대로입니다. 즉 정적입니다. 사람들은 웹 페이지를 사용자와 상호작용 가능하도록 만들고 싶어 했으며 그래서 태어난 기술이 JS, 자바스크립트입니다 JS는 HTML 위에서 동작하는 언어이며 HTML를 사용해 웹 페이지의 기본적인 틀을 만들고 나면 사용자와 상호작용 할 수 있도록 기능을 추가해주는 역할을 합니다 HTML과 JS는 둘다 컴퓨터 언어입니다 하지만 JS는 HTML과는 다르게 컴퓨터 프로그래밍 언어라고도 합니다 왜 그런것일까요? HTML은 웹 페이지를 묘사하는 목적의 언어이기 때문에 시간의 순서에 따라 실행되도록 하는 기능이 없습니다 하지만 반면에 JS는 사용자와 상호작용하기 위해 고안된 컴퓨터 언어이기 때문에 시간의 순서에 따라서 웹 브라우저의 ..

HTML(Hypertext Markup Language)은 웹페이지를 만들기 위하여 사용하는 기본적인 웹 언어의 한 종류입니다 HTML에서 사용하는 명령어는 태그(tag)라고 하는데 를 사용하여 나타냅니다. 첫 시간에는 HTML에서 주로 사용하는 기본 태그에 대해 알아보겠습니다. HTML에는 여러 버전이 있으며 우리는 HTML 5 버전을 사용할 것입니다. 태그를 배우기 앞서 HTML의 기본적인 구조에 대해 알아봅시다 HTML 기본 구조는 다음과 같은 형태를 가지게 됩니다 HTML를 사용하려면 맨 처음에 , 즉 HTML 5 버전을 사용한다고 선언을 해줍니다 그 이후에 태그를 열어 본격적으로 웹페이지를 만들어 줍니다 html 태그는 head 태그와 body 태그를 감싸고 있으며 html 문서의 시작과 끝을 ..

내부에 기술하며 주석문(/* ~ */) 사용도 가능하다. 선택자 { 속성 : 값 ; [ [ 속성 : 값 ; ] . . . ] } 선택자(selector) 기본 형식의 선택자는 CSS 적용 대상을 의미하며 HTML 요소(태그 이름), 아이디, 클래스 등을 선택하여 스타일을 지정할 수 있다. 1. element 선택자 HTML 요소이름(태그이름)을 기준으로 CSS 적용 태그이름 { 속성 : 값 ; [ [ 속성 : 값 ; ] ... ] } 예) b { color : green; } 태그 ~ 를 사용하면 글자색이 초록색으로 적용이 될 것이다. 예) 안녕하세요 2. id 선택자 id명을 기준으로 CSS 적용 #식별자 {속성 : 값 ; [ [ 속성 : 값 ; ] ... ] } 예) #apple { backgroun..