원하는대로

관심분야에 대해 원하는 모든 것을 발행하는 곳

미정 자세히보기

웹프로그래밍 10

[웹프로그래밍] Spring MVC 기본 설정

1. 프로젝트 생성 Maven Project의 Maven web-app archetype으로 프로젝트를 생성한다. 2. 의존성 추가 maven project이기 때문에 pom.xml에서 의존성을 추가한다. - jsp, servlet, jstl을 사용할 것이기 때문에 관련 의존성을 추가한다. servlet은 Spring에서 Dispatcher Servlet로 사용되어 frontController 역할을 한다. javax.servlet javax.servlet-api 3.1.0 provided javax.servlet.jsp javax.servlet.jsp-api 2.3.1 provided javax.servlet jstl 1.2 - Spring 의존성을 추가한다. version이 바뀌어도 문제가 되지 않게..

[웹 프로젝트] TO DO LIST

TO DO LIST 페이지 만들기 1. jsp(jstl/el) (★★) DB에서 가져온 값을 동적으로 jstl과 el로 표현하는게 어려웠다. 2. css/js(★★) css는 전혀 어렵지 않았다. JS에서 XMLHttpRequest을 처음 써봐서 찾아보면서 하는 것 빼고는 크게 어렵지 않았다. 3. servlet 연결 (★★★) 페이지를 만드는 것에 있어서는 배웠던 내용을 응용하면 되서 크게 어렵지 않았지만, 페이지가 작동하는 process를 파악하기 어려워서 그것을 이해하는 것이 어려웠다. 4. DB 연동 (★) 실습할 때 했던 코드를 약간 변형하면 되서 어렵지 않았다. DTO를 만들어 DB에서 값을 가져오고, DAO로 DB와 통신함 [진행 과정] 1일차 main.jsp, form.jsp, css, D..

[웹프로그래밍] Maven/ JDBC

Maven : 자바용 프로젝트 관리 도구 : 라이브러리 관리가 쉬움 (pom.xml) Group ID: org.apache.maven.archetypes Artifact: maven-archetype-quickstart pom.xml에 추가 -자바 컴파일러 버전을 1.8로 사용하기 위함 org.apache.maven.plugins maven-compiler-plugin 3.6.1 1.8 1.8 JDBC pom.xml에 추가 -sql 사용을 위한 드라이버 mysql mysql-connector-java 8.0.22 [boostcourse 웹프로그래밍 실습코드 직접 코딩하기] package kr.or.connect.jdbcexam.dao; import java.sql.Connection; import jav..

[웹프로그래밍] EL/JSTL

EL(Expression languege) JSP에서 JAVA코드를 간략화한 문법 출력을 더 쉽게함 JSP 스크립트요소 이외에서 사용 가능 ${expr} 표현언어 비활성화 다른 Scope에서 쓰인 변수와 이름이 중복될 경우 작은 범위에서 부터 찾음 ---------------------------------------------------------------------------------- pageContext.getAttribute("p1"): pageContext.getAttribute("p1"): ${pageScope.p1} request.getAttribute("r1"): ${requestScope.r1} session.getAttribute("s1"): ${sessionScope.s1} ap..

[웹프로그래밍] JSP

JSP jsp는 톰캣(server)가 servlet으로 바뀌어 동작하게 됨 =/= html 서블릿이 html 코드를 출력하기 불편해서 등장 : 지시자 : Scriptlet/ 자바코드를 입력할 수 있음 : 표현식/ 출력할 응답결과 == out.print(); : 선언식/ 메서드선언,필드(전역변수) 선언-> service 메서드 바깥에 생성 [workspace]\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps :JSP [workspace]\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\work\Catalina\localhost :JSP 변환 JAVA 코드, class 코드 JSP 주석: HTML(응..

[웹프로그래밍] JavaScript

JavaScript -변수 타입: var/const/let (각각 유효 범위가 다름 ) - forEach메서드 - 반복 가능한 객체에서 사용: for...of문-속성 값으로 탐색 for...in문(객체 탐색)-속성 이름으로 탐색 (ex) 배열 [10,20,30]이 있다면 for...of는 10,20,30(배열값/속성값)으로 반복문이 돌아가고, for...in은 0,1,2(배열주소/속성이름)로 반복문이 돌아감 developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Loops_and_iteration#for_%EB%AC%B8 루프와 반복 - JavaScript | MDN 루프는 어떤 것을 반복적으로 시행할때 빠르고 간편한 방법을 제공합니다. JavaScript Guide의..

[웹 프로젝트] 자기 소개 페이지 만들기

자기 소개 페이지 만들기 1. 레이아웃 배치 (html 구성) (★★) 2. css 배치 및 디자인 (★★★) 오랜만에 하려니까 html/css 태그 어떻게 썻는지 기억이 안나서 애먹음 3. servlet 연결 (★★) 새로운 프로젝트를 만들었기 때문에 eclipse에 Tomcat서버 연결을 다시 해야한다는 걸 몰라서 잠깐 헤맴 import javax.servlet이 오류나서 프로젝트 Properties>Targeted Runtimes에서 Tomcat을 appy함 a 태그에서 servlet 페이지로 href 연결을 어떻게 해야할지 감이 안잡혔음 4. servlet 현재 시간 보여주는 페이지 구성 (★★) java.text.SimpleDateFormat; java.util.Date; 사용해서 출력함 [결과..

[웹프로그래밍] Servlet

eclipse 화면에서 perspective을 설정할 수 있다. - 레이아웃을 설정하는 것이라고 보면됨 - java EE는 웹을 개발할 때 편리하게 짜놓은 레이아웃 다이나믹 웹을 하나 만들고, 웹어플리케이션 파일, 디렉토리 확인 servlet: url 요청을 처리하는 프로그램 url Mapping - http://localhost:8080/{프로젝트이름}/{URL Mapping값} servlet 3.0 이상은 어노테이션으로 java 에서 작성 @WebServlet("/{url Mapping 값}") servlet 3.0 미만은 web.xml에서 수정 exam25 index.html index.htm index.jsp default.html default.htm default.jsp TenServlet T..