코딩 일지

request.setAttribute(name(이름), value(데이터));서버(컨트롤러)에서 JSP(뷰)로 데이터를 전달할 때 사용하는 메서드 nameJSP(뷰)에서 사용할 변수명 (문자열)value저장할 데이터 (객체, 리스트, 문자열 등) JSP(뷰)에서는 request.getAttribute("boardDatas")로 데이터를 가져와서 바로 사용할 수 있다!!별도의 변수 선언은 필요하지 않다. request.setAttribute()를 사용하는 경우1. 뷰(JSP)에서 데이터를 출력해야 할 때 사용2. 게시글 상세 조회 (DETAILPAGE) request.setAttribute()를 사용하지 않는 경우1. 데이터를 JSP에서 직접 사용할 필요가 없을 때2. response.sendRedirec..

.

INSERT_ADDRESS = "INSERT INTO MEMBER (MEMBER_ID, MEMBER_NAME, MEMBER_PASSWORD, IS_ADMIN, EMAIL, ADDRESS) VALUES (?, ?, ?, ?, CONCAT(?,'@',?), ?)"; sql에서는 문자열 연결 시 + 가 아닌 , (쉼표) 사용dto의 두 변수를 연결하여 저장하려면 concat 사용 추가로 찾아본 것1. JOIN 시 양쪽 테이블에서 VARCHAR(10), VARCHAR(50) .. 이런 자료형의 크기도 같아야 하는가?-> 아니다. 같은 문자열 자료형이므로 가능하다. 다만, 성능 저하 및 데이터 손실 가능성이 있으므로 웬만하면 통일하고 필요 시에는 CASTING을 사용하자. SQL에서는 GR..

SECTION 02 캔버스를 사용한 애니메이션 와 상호작용하는 애니메이션도 자바스크립트를 사용해서 쉽게 만들 수 있음. [캔버스에 애니메이션 구현하기 순서]1. 캔버스 클리어 : ClearRect()어떤 모양을 그리든지 그리기 전 캔버스 클리어 필요 2. 캔버스 저장 : save() 3. 애니메이션으로 만들 형태 그리기 : 애니메이션에 필요한 작업을 메서드로 그림: drawImage() 등등.. 4. 캔버스 상태 재저장 : 새 형태를 그리기 전 기존 상태 저장. restore()5. 애니메이션 제어 : 메서드를 사용해서 원하는 형태 그리기.: window.setInterval(), window.setTimeout(), window.requestAnimationFrame() 과 같은 애니메이션 동작(실행)..

캔버스 : 각종 도형, 문자열 및 그림을 그릴 수 있는 메서드 제공자바스크립트에서 제어하기 위해 id 속성 필수구역을 지정하는 태그와 같이 쓰이면 좋다. HTML5의 태그는 그래픽을 그릴 영역만 제공하고, 실제로는 그래픽을 그리기 위해 자바스크립트를 사용한다.만들어진 캠버스에 도형이나 그림을 그리고, 그려진 것들을 움직이게 만드는 등의 제어는 JS에서 담당JS는 HTML 페이지가 모두 로드된 후에 사용. 캔버스를 제어하는 코드는 $(document).ready(function() { } 안에 작성! 자바스크립트에서 캔버스를 제어하기 위해서는 그림이 그려질 캔버스 영역을 var cvs = $("#canvas1")[0];와 같이 사용해서 얻어낸 후 그리기 작업을 위한 그래픽 2D 콘텍스트를 cvs, ge..

■ 프로그램 코드는 함수에 넣어서 사용하며 함수에는 시스템이 제공하는 내장 함수와 사용자가 만드는 사용자 정의함수가 있다. ■ 함수는 특정 작업을 기술하는 곳으로 함수명(인수리스트){ } 로 구성되며 실행결과는 return문을 사용해서 리턴한다. ■ 익명함수 function () { } 는 이름이 없는 함수로 필요한 곳에서 이름을 정의하거나 이름을 굳이 줄 필요가 없는 경우에 사용한다. ■ 즉시 실행함수 함수 정의와 동시에 실행하는 함수로, 함수 호출 없이 자동으로 실행된다. ■  클로저는 즉시 실행 내부함수로, 함수의 캡슐화, 런타임 실행 시 인자 값을 넘겨서 자동 동작되는 작업에 사용한다.

프로그램의 실행 순서를 제어하는 제어문에는 조건문, 반복문, 기타 제어문이 있다. if문, if~else문, for문, switch문, while문, do-while문은 자바와 동일하다. 1. for-in문 : 객체 내 프로퍼티 반복for(var 변수 in 객체명) { // 처리할 문장} 2. for-of문 : 객체 반복for(let 변수 of 컬렉션) { // 처리할 문장}□ for of문 : 컬렉션 내 객체 반복□ let문 : 객체 저장 변수에 값 할당

[ JSON : JavaScript Object Notation ] : Javascript 객체 문법구조화된 데이터를 표현하기 위한 문자 기반의 표준 포맷키(Key)와 값(Value)의 쌍으로 이루어져있다.{ Key : Value } ※ 배열은 [ ] (대괄호) 로, 객체는 { } (중괄호)로 표현한다.{ key1 : { Key : Value }, key2 : [arr1, arr2 arr3] }값을 여러 개 넣을 수도 있다.데이터의 값으로는 다양한 자료형을 사용할 수 있다.빠른 응답이 가능하다.※ JSON 이전에는 XML을 통해 값을 주고 받았다.XML은 모든 데이터에 태그를 붙여주어야 했지만, JSON은 그렇지 않다.JSON 예시{ "name" : "감자", "age" : ..

[ 자바스크립트 ] : 웹 문서의 각 요소를 가져와서 필요에 따라 스타일을 변경하거나 움직임. UI에 많이 활용 - 웹 애플리케이션을 만들고, 다양한 라이브러리를 활용할 수 있다. Node,js를 이용하면 서버 개발 또한 가능하다.자바스크립트는 웹 문서 어디든 위치할 수 있고 하나의 문서에서 여러 개 쓰일 수도 있다.HTML, CSS와 달리 영어 대소문자를 구별하므로 주의1) querySelector(): css선택자(id, name)를 사용하여 요소를 찾는다.2) 외부 스크립트 연결하기3) 알림 창 띄우기alert('메시지');: 알림의 기능 (메시지 표시)4)  확인 창 띄우기confrim(메시지): 사용자가 확인 이나 취소 버튼을 선택함. 선택한 결과에 따라 프로그램 동작5) 프롬프트 창으로 입력받..

[ 자바스크립트 ]웹 페이지의 처리 능력을 향상시킬 목적으로 개발한 LiveScript 기반 스크립트 언어. 웹 브라우저를 제어하고 웹 페이지의 동적인 변화를 처리하는 역할자바스크립트는 서버가 아닌 웹 브라우저에서 처리된다.HTML 태그에 어떤 동작을 부여해서 작업을 처리한다.1. 사용 방법1) HTML 페이지 내부에 포함해서 작성 >> 다른 페이지에서 재사용 불가 2) 별도 파일로 작성 후 필요한 페이지에서 가져다 쓰기 >> 재사용 가능. HTML 페이지에 JS 파일을 src 속성으로 연결 외부 파일로 하는 것이 좋음2. 문장구조자바스크립트는 유니코드 기반의 프로그래밍 언어이다. 자바스크립트는 대소문자를 구분한다. 키워드, if문은 무조건 소문자로 작성하기자바스크립트에서 문장의 끝은 세미콜론(;)으로 ..