shine의 개발 노트

1. AJAX JSON/XML response 하기 : 게시판 목록 list를 request 받아서 response 하기 [AJAX 첫번째 미션] response는 JSON 포맷, XML 포맷 양측 다 작성해보기 [AJAX 두번째 미션] response 받는 클라이언트 측에서 JSON, XML 포맷을 받아서 화면 업데이트 하기 2. [AJAX 첫번째 미션] Java로 JSON와 XML 만들 수 있는 방법 1) Java로 JSON을 만드는 방법 방법1. StringBuilder 사용해서 JSON 텍스트 모두 만듦(단순하지만 노가다) 방법2. 외부 라이브러리 사용 2) Java로 XML을 만드는 방법 방법1. StringBuilder 사용해서 XML 텍스트 모두 만듦(단순하지만 노가다) 방법2. org.w3..

1. Expression Language(EL, 표현언어) : 표현식 또는 액션 태그를 대신하여 값을 표현하는 언어 [주의!] Java도 아니고, JSP도 아니지만 JSP를 보완하는 스크립트 언어! : 표현식(익스프레션) --> ${value} : EL 2. EL 장점 : 자바코드로 나타내기 번거로운 값(특히 속성값)의 표현을 단순하게 표현 가능, 액션태그, JSTL 등과의 조합에서도 코딩이 간결해진다. 3. EL의 기본 구문 : ${식} : 식 부분에는 EL이 정의한 문법에 따라 값을 표현하는 식이 온다(액션태그 또는 커스텀 태그의 속성값, 표현식), JSP의 스크립트 요소(스크립트릿, 표현식, 선언부)를 제외한 나머지 부분에서 사용될 수 있다. 4. 액션태그로 사용되는 EL은 스크릿트릿의 Java변수..

[JSP16_DAODTO : 자바빈을 활용한 DAO, DTO 개발 기술을 사용하여 게시판 만들기] MVC Model1 1. 기존에 만든 게시글의 문제점 1) 프로그래밍(비지니스 로직) 부분과 웹 구조(프론트엔트) 부분이 섞여 있다. 2) DB커넥션’을 만드는 과정들이 매 페이지 요청 마다 계속 동일하게 반복된다. 3) 규모가 커지면 분업 제작하기도 힘들고 유지관리도 어렵다. [이러한 문제점을 해결하기 위해] 프로그래밍과 웹 구조를 분리 자바빈을 활용한 DAO, DTO 개발 기술 사용하기! 2. DB, SQL 관련 상수 정의 클래스 : DB접속 정보, 쿼리문, 테이블명, 컬럼명 등은 별도로 관리하는 것이 좋다 ** common > D 클래스 package common; /* * DB 접속 정보, 쿼리문, ..

CRUD : Create Read Update Delete [JSP15_JDBC] JDBC 연결 + 게시판 작성 1. 게시판 설계 1) 게시판 사이클 : 글 생성 - 글 목록보기 - 글 내용읽기 - 글 수정 - 글 삭제 2) 글 작성시 작성자와 글제목은 필수사항 3) 조회수 구현 2. Dynamic Web Project 생성 후 DB Connect : 데이터베이스 > 새 데이터베이스 연결 > Oracl, Project는 JSP15_JDBC > Next 클릭 > Host, Datebase, Username, Password 기입 후 Test Connection해보고 정상적으로 연결되면 Finish 클릭 3. ER Diagram 사용하여 실습용 데이터베이스와 테이블 생성 ** test_write_orcle...

1. 쿠키 : 사용자가 웹사이트를 처음 방문할 때 웹사이트에서 클라이언트의 컴퓨터에 저장해 놓은 작은 파일 2. 쿠키를 사용하게된 이유 : http 프로토콜은 웹브라우저에 응답 후에 일정한 시간이 지나면 접속을 끊는 특징이 있다.(서버 오버로딩 방지) 끊어진 뒤(일정시간 지난 뒤) 사용자가 접속요청 해도, 매번 인증작업을 할 번거로움을 피하기 위해, 쿠키 기술이 등장..!! ** 쿠키는 서버에서 생성, 저장은 클라이언트 PC 된다. ** response 객체를 통해 서버에서 클라이언트로 전달, txt 파일 형태로 저장되며 이때 중요한 점은 서버는 쿠키를 저장안한다는 점...!! ** 쿠키관리는 웹브라우저가 한다. ** 쿠키의 크기는 4KB로 제한적이다. ** 보안중요성이 높은 정보는 쿠키보다는 세션을 선..

** 웹프로그래밍? : 웹어플리케이션을 만드는 행위 ** 웹어플리케이션이란? : 웹을 기반으로 동작하는 프로그램을 의미 ** 웹? : 인터넷 서비스의 형태 의미 ** 인터넷? : 하나 이상의 네트워크가 연결되어 있는 형태를 의미 1. JAVA 웹 : JAVA플랫폼(JavaSE, JavaEE, JavaME)중에서 JavaEE를 이용한 웹프로그래밍 [상식!] 오라클이 JAVA플랫폼 중의 JavaEE를 아파치에 팔았으나 이름은 팔지 않았기 때문에 자바라는 이름 대신 jakarata를 사용하고 있다고 한다. 2. 웹프로그램의 동작 웹 브라우저 -> request -> webServer -> WebApplicationServer -> 데이터베이스 웹 브라우저 웹어플리케이션 서버] : 톰켓이 이 역할을 하고 있음 ..

1. JSP 개발 환경 설정(Tomcat 9 설정하기) 1) 서버 설치할 디렉토리 만들기 : C드라이브에 tomcat 폴더 만들기 2) Tomcat 서버 다운로드 : 구글에 톰켓 검색, tomcat.apache.org/ > Download > Tomcat 9 클릭 > core의 64bit Windows zip 다운 3) C드라이브에 만든 tomcat 폴더에 다운받은 파일 압축 풀고 복사 4) Eclipse 와 연동 ① Server 뷰 띄우기 : Window > Show view > Servers ② Tomcat Server 정의 : No servers are available. Click this link to create a new server... 클릭 > Apache, Tomcat v9.0 Serv..

1. 주제/소재 자유 2. 분량 : 3~5 페이지 내 (메인페이지 포함) 3. 사용 기술 : HTML, CSS, JavaScript (필수) 4. 제작 툴 : 자유 5. 옵션 : jQuery (추천 + 포인트) 반응형 웹 (추천 + 포인트) AJAX 사용한 동적인 웹 (추천 + 포인트) 6. 모든 웹 리소스는 myweb/ 폴더 이하에 작성하세요 7. 최대 용량 2M를 넘지않게 해주세요. (외부 리소스 링크 가능) 8. 최소한 한 페이지 (이상)은 form 적용 (필수), form validation 기획 구현 9. 메뉴를 활용한 네비게이션 구현 (필수) 10. CSS, JS 는 기본적으로 external 방식으로 외부 파일로 만들기 [내가 만든 결과물] ** UI 설계 문서 작성(화면흐름도 flow ch..

1. JS(JavaScript)는 Prototype 기반 언어(Prototype oriented language)이다. 2. 15_비구조화할당.js // const 상수 const ironman = { name: '토니 스타크' , actor: '로다쥬' , alias: '아이언맨' }; const captain = { name: '스티브로져스' , actor : '크리스 에반스' , alias: '캡틴 그분' }; console.log(ironman); console.log(captain); // 객체를 매개변수로 받기 function print(hero){ let text = `${hero.alias}(${hero.name}) 배우: ${hero.actor}`; console.log(text) } p..

1. 레이어드 팝업 ** ModalBoxes1.html Modal 팝업 × 팝업창의 내용입니다. 어쩌구 저쩌구 ** ModalBoxes1.css @charset "UTF-8"; .modal { width: 100%; /* 윈도우 전체 차지 */ height: 100%; /* 윈도우 전체 차지*/ position: fixed; background-color: rgba(0, 0, 0, 0.4); left: 0; top: 0; z-index: 1; /* 최상단에 보이게 하기 */ overflow: auto; /* 필요한 경우 스크롤바 생기기 */ display: none; /* 기본적으로 팝업 안보이기 */ } .modal-content { width: 80%; background-color: #FEFEFE;..