본문 바로가기

Web[웹]

Object 생성자의 메서드와 Object 프로토타입 메서드 1. Object.assign() - 객체를 병합하는 메서드 Object.assign(target, ...sources) 해당 메서드는 하나 이상의 원본 객체들로부터 모든 속성들을 대상 객체로 복사합니다. 첫번째 인자는 타겟으로, 그 뒤 인자부터는 타겟오브젝트에 병합될 객체입니다. 1 2 3 4 5 6 7 let obj1 = { a: 1 }; let obj2 = { b: 2 }; let obj3 = { c: 3 }; var newObj = Object.assign(obj1, obj2, obj3); console.log(obj1); // --> { a: 1, b: 2, c: 3 } console.log(newObj); // --> { a: 1, b: 2, c: 3 } cs 위 예제에서는 obj1값 자체가 .. 더보기
배열과 객체의 개념과 차이 (Array vs Object) #1 배열과 객체의 정의 배열의 선언방법 let arr = []; 1 2 3 let arr = []; // 빈 배열 선언 arr = [1, 3, 5, 7, 9]; // 배열에 값 할당 console.log(arr); // --> [1, 3, 5, 7, 9] cs - 배열은 순서가 있는 값으로, 그 순서는 인덱스로 구성이 되어있습니다. (번호는 0부터 매김) - 그 값들은 요소(element)라고 부르며, 각각의 요소들은 쉼표(comma)로 구분해줍니다. - 대괄호'[ ]'를 통해 배열을 만듭니다.​ 객체의 선언방법 let user = {}; 1 2 3 4 5 6 7 let user = {}; // 빈 객체 선언 user = { name: "Jun", email: "jun@gmail.com", city: .. 더보기
[Spring] JDBC 와 JdbcTemplate 그리고 커넥션 풀 JDBC와 JdbcTemplate JDBC JDBC(Java Database Connectivity)는 자바에서 데이터베이스에 접속할 수 있도록 하는 자바 API이다. JDBC는 데이터베이스에서 자료를 쿼리하거나 업데이트하는 방법을 제공한다. JDBC로 데이터 베이스 중 mysql을 이용하는 방법을 한번 보자. /* Insert 쿼리 실행 */ @Repository public class MemberDao implements IMemberDao { private String driver = "oracle.jdbc.driver.OracleDriver"; private String url = "jdbc:oracle:thin:@localhost:1521:xe"; private String userid = "s.. 더보기
[Spring] 컨트롤러에서 뷰를 분기하는 리다이렉트 & 인터셉트 리다이렉트와 인터셉트 리다이렉트 리다이렉트(redirect)는 컨트롤러에서 뷰를 분기하는 방법으로, 지금의 페이지에서 특정 페이지로 전환하는 기능을 한다. // Modify @RequestMapping(value = "/modifyForm") public String modifyForm(Model model, HttpServletRequest request) { HttpSession session = request.getSession(); Member member = (Member) session.getAttribute("member"); /* member의 존재 여부 */ if(null == member) { return "redirect:/"; // null일 경우 메인페이지로 리다이텍트 } else.. 더보기
[Spring] 클라이언트와 서버간 연결을 유지하는 세션 & 쿠키 쿠키 & 세션 웹 서비스는 HTTP 프로토콜을 기반으로 하는데, 이 프로토콜은 클라이언트와 서버의 관계를 유지하지 않는 특성이 있다. 이를 'Connectionless Protocol' 이라고 부르는데, 서버의 부하를 줄일 수 있는 장점이 있으나, 클라이언트의 요청 시마다 서버와 매번 새로운 연결이 생성되기 때문에 일반적인 로그인 상태 유지, 장바구니 등의 기능은 구현하기 어렵다. 이러한 'Connectionless Protocol' 의 불편함을 해결하기 위해 세션과 쿠키를 이용한다. 세션 1. HttpServletRequest를 이용한 세션 사용 파라미터로 HttpServletRequest를 받은 후, getSession()으로 세션을 얻는다. @RequestMapping(value = "/login".. 더보기
[Spring] Controller 객체 구현 : MVC 프로젝트 (2) Controller 객체 구현 (1) 이전챕터에서 했던 예제를 이어서 진행해보자. ▶이전챕터: https://opentogether.tistory.com/91 그 중에 @RequestMapping 에 대해서 알아보자. ... ID : PW : MAIL : PHONE : - - ... ... ID : PW : ... /* MemberController.java */ ... @Controller public class MemberController { MemberService service; @RequestMapping(value="/memJoin", method=RequestMethod.POST) public String memJoin(Model model, HttpServletRequest request.. 더보기
[Spring] Service & Dao 객체 구현 : MVC 프로젝트 (1) Service & DAO 객체 구현 이번에 구현해볼 객체는 Service & DAO 구간이다. 먼저, spring regacy project를 통해 웹 어플리케이션을 만들어주자. 그냥 프로젝트를 만들고 바로 서버를 통해 실행을 해보면 한글처리가 안됬음을 알 수 있다. 이를 따로 한글처리를 해주어야 한다. web.xml에 다음 코드를 추가해준다. encodingFilter org.springframework.web.filter.CharacterEncodingFilter encoding UTF-8 forceEncoding true encodingFilter /* 이제 실습해볼 3개의 로그인 html을 만들 것인데, src/main/webapp/resources/html/ 에 'index.html', 'mem.. 더보기
[Spring] MVC 웹 프로그래밍 설계 모델 (With. STS) 웹 프로그래밍 설계 모델 스프링 MVC 프레임워크 기반의 웹 프로그래밍 구조에 대해서 알아보자. 기본적으로 동작을 하는 과정을 그림으로 나타내면 다음과 같다. DispatcherServlet 클래스가 브라우저의 요청을 받고, 그 요청을 HandlerMapping에게 넘겨준다. HandlerMapping은 많은 Controller중에 가장 적합한 것(URL, HTTP 메서드 및 정보, 파라미터 참고)을 선택해준다. Controller가 결정되었다면, 실제로 해당되는 컨트롤러의 메소드를 호출해야 되는데 호출방법이 타입에 따라 다르므로 아무리 Controller를 결정했다고 하더라도, DispatcherServlet은 알 길이 없기에 컨트롤 타입을 지원하는 HandlerAdapter라는 인터페이스가 적합한 파.. 더보기