영부터 구까지 영부터 구까지

개요 쿠키(Cookie) 쿠키(Cookie)의 목적 쿠키(Cookie)의 구성 요소 쿠키(Cookie)의 동작 방식 세션(Session) 세션(Session)의 동작 방식 쿠키(Cookie)와 세션(Session)의 차이 개요 쿠키와 세션을 이해하기 위해서는 먼저 HTTP의 특징에 대해 이해해야 한다. HTTP(Hypertext Transfer Protocol)는 인터넷상에서 데이터를 주고 받기 위해 서버/클라이언트 모델을 따르는 통신규약을 말한다. HTTP 프로토콜에는 비연결성(Connectionless)과 비상태성(Stateless)라는 특징이 있다. - 비연결성(Connectionless) : 클라이언트가 요청을 한 후 응답을 받으면 연결을 끊어버림 - 비상태성(Stateless) : 통신이 끝나면..

시나리오 전체 코드 HTML을 통해 간단한 회원 가입 페이지를 만들어 보았다. [ 시나리오 ] 사용자의 정보를 담을 수 있는 틀인 표, 태그를 만들고 그 안을 태그와 태그로 묶는다. 사용자는 본인의 정보를 에 입력한다. ( 단, 아이디, 비밀번호, 비밀번호 확인은 4~12자 글자 수 제한 ) 주민등록번호는 13자리를 입력해야 한다. ( ex) 1234561234567 = 13자리 ) 생일의 월과 일은 태그 안에 태그를 통해 설정한다. 관심분야의 체크박스는 를 통해 만든다. 자기소개란은 태그를 통해 구성한다. 위의 사용자 정보를 태그로 묶어 버튼이 가질 정보들을 묶는다. 회원 가입 버튼은 위의 조건들이 만족했을 때 태그의 action을 통해 메일을 보낼 수 있도록 한다. 다시 입력 버튼은 입력했던 내용들이..

시나리오 HTML 코드 JavaScript 코드 전체 코드 HTML, CSS, JavaScript를 배우고 만들어 낸 첫 결과물이다. [ 시나리오 ] 사용자는 'inputText'라는 id를 가진 태그에 입력을 하고 [미리보기] 버튼을 누르게 되면 색상, 크기, 체크된 글자 형태에 따른 결과값을 태그에 담아 미리 볼 수 있다. JavaScript의 String method를 사용하여 글자의 형태를 바꾸었다. JavaScript의 Document 객체의 getElementByID(), getElementsByName()을 이용하여 HTML에 있는 공통된 ID와 Name들을 모았다. 또한 이를 사용하기 위해 HTML에서도 태그들의 ID와 Name을 지정해 주었다. [ HTML ] 색상: 빨강 파랑 초록 크기..