목록전체 글 (208)
각진 세상에 둥근 춤을 추자
선택문인 switch문은 변수에 저장된 값과 switch문에 있는 경우(case)의 값을 검사하여 변수와 경우의 값에서 일치하는 값이 있을 때, 그에 해당하는 코드를 실행한다. let 변수 = 초깃값; switch(변수){ case 값1: 코드1; break; case 값2: 코드2; break; case 값3: 코드3; break; ... default: 코드5; } 변수에 저장된 값은 switch문을 만나면 case의 값과 비교, 검사한다. 만약 변수의 초깃값이 case 값1과 일치하면 코드1을 실행하고 break를 통해 switch문을 종료한다. 만약 일치하는 case 값이 없다면 마지막 default의 코드5를 실행하고 switch문을 종료한다. 간단한 예제를 통해 switch문을 이해해 본다.
제어문은 프로그램의 흐름을 제어할 수 있도록 도와주는 문장을 말한다. 제어문에는 조건 만족 여부에 따라 코드를 제어하는 조건문, 변수 일치에 따라 코드를 제어하는 선택문 그리고 특정 코드를 여러 번 반복해서 실행하는 반복문이 있다. 조건문에는 if문, else문, else if문이 있고, 선택문에는 switch문, 반복문에는 while문과 for문이 있다. if문 if문은 조건식을 만족(true)할 경우에만 코드를 실행한다. if(조건식){ 자바스크립트 코드; } (예제1) (예제2) if-else문 조건식을 만족할 경우와 만족하지 않을 경우에 따라 실행되는 코드가 다르다. if(조건식){ 자바스크립트 코드1; }else { 자바스크립트 코드2; } (예제1) (참고) confirm() 메서드 confi..
적정 체중 구하기 테스트의 작동 원리는 다음과 같다. 적정 체중 = (신장 - 100) X 0.9 은지의 신장은 165cm이고 체중은 65kg이라고 했을 때 체중 상태를 알아 본다. 은지의 적정 체중을 계산하면 다음과 같은 결과가 나온다. 신장: 165(cm) 체중: 65(kg) 적정 체중: (165-100) X 0.9 = 58.5 (kg) 결과: 적정 체중은 58.5kg이며, 현재 적정 체중에서 6.5kg 초과한 것을 알 수 있다. (물론 근육량을 포함하지 않은 신장과 체중 수치만으로는 적정 체중을 가늠할 수 없다.) (1) step1_heiweight.html 은지의 신장에 맞는 적정 체중을 출력하는 프로그램을 작성한다. (2) 은지의 신장과 체중이 바뀌었다. 새로워진 신장과 체중을 입력받은 후 적정..
변수에 저장되는 데이터의 가공을 위해 연산자(Operator)를 사용한다. 연산자에는 산술, 증감/감소, 복합 대입, 관계, 논리, 일치, 조건 연산자 등이 있다. 산술 연산자 문자 결합 연산자 문자 결합 연산자는 연산 대상 데이터가 문자형 데이터이다. 여러 개의 문자를 하나의 문자형 데이터로 결합할 때 사용한다. 대입 연산자 증감 연산자 증감 연산자에는 숫자형 데이터를 1씩 증가시키는 증가 연산자(++)와 1씩 감소시키는 감소 연산자(--)가 있다. 비교 연산자 논리 연산자 삼항 조건 연산자 삼항 조건 연산자는 조건식(true or false)의 결과에 따라 실행 결과가 달라지는 삼항 연산자이다.
변수(Variables)는 변하는 데이터를 저장하는 메모리 공간이다. 변수에 저장할 수 있는 데이터 종류는 문자형(String), 숫자형(Number), 논리형(Boolean), 빈(Null) 데이터가 있다. 변수를 선언하는 방법은 크게 두 가지가 있다. var 변수명; var 변수명 = 값; let 변수명; let 변수명 = 값; ES5에서는 var를 사용했지만 ES6부터는 프로그래밍의 정확성과 안정성을 위해 let이나 const를 주로 사용한다. 간단한 예제를 통해 변수를 이해해 본다.
자바스크립트 선언문 선언문에 자바스크립트 코드를 작성할 영역을 선언한다. 스크립트 영역은 태그까지이다. 선언문은
(1) 새 문서: 비주얼 스튜디오 Explorer 창 - 마우스 우클릭 - New File (또는 Cmd+N) (2) 원하는 파일명 + .html 입력 (3) 빈 문서에 키보드 ! + Enter 버튼 (4) 부분에 코드를 작성해 본다. (맛보기 코드) (5) 실행: 마우스 우클릭 - [Open with Live Server] (6) 해당 질의응답창에 나이를 입력하면 작성한 코드에 맞는 결과가 출력된다.
request 내장 객체가 클라이언트의 요청 정보를 저장하는 역할을 했다면, response 내장 객체는 그와 반대로 요청에 대한 응답을 웹 브라우저로 보내주는 역할을 한다. 주요 기능으로는 리다이렉트(redirect)와 HTTP 헤더에 응답 헤더 추가가 있다. sendRedirect(): 페이지 이동하기 간단한 로그인 폼을 제작하여 리다이렉트 기능을 확인해 본다. (1) Response.jsp: 로그인 폼과 응답 헤더 설정 페이지 1. 로그인 폼 아이디: 패스워드: 2. 응답 헤더 설정하기 날짜 형식: 숫자 형식: 문자 형식: (2) ResponseLogin.jsp 로그인 폼 영역에 아이디와 패스워드를 입력한 후 [로그인] 버튼을 클릭하면 요청이 에 의해 ResponseLogin.jsp 페이지로 전송된..
웹 프로그래밍에 있어 기본적인 요청과 응답, 화면 출력 등 JSP의 내장 객체는 필수라고 할 수 있다. 웹은 클라이언트가 서버로 요청을 보내면, 서버는 그에 맞는 결과를 응답한다. 이때 JSP의 내장 객체는 요청과 응답 혹은 HTTP 헤더(header)등의 정보를 쉽게 다룰 수 있도록 한다. 내장 객체의 특징은 다음과 같다. - 컨테이너가 미리 선언해 놓은 참조 변수를 이용한다. - 별도의 객체 생성 없이 각 내장 객체의 메서드를 사용한다. - JSP 문서 안의 과 에서만 사용할 수 있다. - 에서는 즉시 사용할 수 없으나 매개변수로 전달받아 사용할 수 있다. 대표적인 내장 객체의 종류는 다음과 같다. 내장 객체 타입 설명 request HttpServletRequest 클라이언트의 요청 정보를 저장한다..
지시어는 JSP 페이지를 자바(서블릿)코드로 변환하는 데 필요한 정보를 JSP 엔진에 알려준다. 주로 스크립트 언어나 인코딩 방식 등을 설정하며 지시자 혹은 디렉티브로 부른다. 지시자의 기본 구문은 다음과 같다. 지시어의 종류는 크게 세 가지가 있다. 1. page 지시어= JSP 페이지에 대한 정보를 설정한다. 2. include 지시어= 외부 파일을 현재 JSP 페이지에 포함시킨다. 3. taglib 지시어= 표현 언어에서 사용할 자바 클래스나 JSTL을 선언한다. 1. page 지시어 page 지시어는 JSP 페이지에 대한 정보를 설정한다. 속성 내용 기본값 info 페이지에 대한 설명을 입력한다. - language 페이지에서 사용할 스트랩팅 언어를 지정한다. java contentType 페이지..