본문 바로가기

프로그래밍/HTML, CSS, JavaScript63

자바스크립트(JavaScript)란 무엇인가? 자바스크립트(JavaScript)란 무엇인가? 티스토리 블로그를 운영하시는 분들은 한번쯤은 웹 프로그래밍에 대하여 배우고 싶다라는 생각을 해 보셨을 것 같습니다. 웹 프로그램밍을 배우기 위해서 가장 기초가 되는 부분이 HTML, CSS 그리고 자바스크립트 입니다. 이 시간에는 과연 자바스크립트란 무엇인지 간단하게 알아보도록 하겠습니다. 웹프로그램이 동작하는 장소는 크게 두 곳이 있습니다. 서버 와 클라이언트(사용자PC) 입니다. 흔히 블로그의 경우 서버영역에서의 동작을 제어 할 수는 없습니다. 블로그 운영자들이 제어 할 수 있는 부분은 클라이언트 쪽에서 실행되는 부분들입니다. 클라이언트 영역에서 제어 가능한 부분들이 웹 프로그래밍의 기초가 되는 HTML, CSS, 자바스크립트(JavaScript) 부분들.. 2018. 1. 14.
HTML 입력태그(텍스트박스, 라디오버튼, 체크박스) HTML 입력태그 텍스트박스, 라디오버튼, 체크박스 이전 포스팅에서 INPUT 태그에 대하여 알아보았습니다. 이번 포스팅에서는 예제를 통하여 어떻게 사용 하는지 알아 보도록 하겠습니다. 2018/01/07 - [프로그래밍/HTML, CSS, JavaScript] - HTML 입력양식 태그(INPUT) INPUT 태그의 경우 타입 속성에 따라서 그 모양이 다릅니다. 추가로 TEXTAREA박스에 대하여도 알아보도록 하겠습니다. 블로그에서 댓글 입력 부분이 TEXTAREA박스 입니다. 예제 소스 그리고 바로 아래에 예제소스를 그대로 코딩 해 보았습니다. 예제 결과에 입력 또는 클릭을 해 보시면 됩니다. ■ 텍스트 입력 이름 : 블로그 : 이름 : 블로그 : ■ 패스워드 입력 비밀번호 : 비밀번호 : ■ 체크박.. 2018. 1. 10.
HTML 입력양식 태그(INPUT) HTML 입력양식 태그 HTML 입력양식 태그에 대하여 알아 보도록 하겠습니다. 블로그를 운영 할 경우는 사용 할 일이 없겠지만 개인 홈페이지 또는 쇼핑몰을 운영하고자 하는 분들은 알아 두어야 할 부분입니다. 입력양식 태그는 사용자와 웹 서버간의 상호적인 정보 교류를 위해 필요한 부분입니다. 블로그에서 댓글 쓰기 부분이 바로 입력 태그 부분입니다. 즉, 사용자로부터 정보를 입력받는 기능 입니다. 사용 형식 알아보도록 하겠습니다. 태그 ▶ ACTION : 입력 데이터를 받아서 처리 할 주소를 설정 합니다. ▶ METHOD : 사용자가 입력한 데이터를 서버(처리 할 주소)에 전달하는 방법 입니다. - GET : 디폴트로 데이터가 환경변수(주소 뒤에 파라미터)를 통하여 서버에 전달 되는 방법입니다. - POS.. 2018. 1. 7.
HTML 콤보박스(SELECT) 태그 HTML 콤보박스 태그 드롭다운 리스트(DropdownList) 입력 태그에 대하여 알아보도록 하겠습니다. 그 첫번째 포스팅으로 콤보박스(SELECT) 또는 드롭다운 리스트라고도 부르는 태그에 대하여 알아보도록 하겠습니다. ■ 형태 표시 될 문구 표시 될 문구 표시 될 문구 ■ 속성 - ONCHANGE : 선택박스 값이 변경 되었을 때 이벤트를 발생 시킵니다. - SELECTED="SELECTED" : 해당 옵션이 선택되어 나타나게 합니다. ■ 예제소스 목록 1 목록 2 목록 3 ※ 예제 추가 설명(자바스크립트) alert는 알림메시지이며 this.value 는 선택 된 값(value) 을 타나냅니다. 따라서 다른 콤보박스 항목을 선택하게 되면 해당 값이 알림 메시지로 나타나게 됩니다. style="he.. 2018. 1. 3.

티스토리툴바