코딩 초보 개발 일지

Eclipse를 사용할 때와 너무 달라 당황했고, 독학중이라 인터넷 검색을 통해 알게되었다. jsp를 사용해서 예제를 만드는 영상이 있는지 찾아봤는데 인텔리제이에서 jsp를 지원하지 않아 mustache 또는 Thymeleaf를 많이 사용하였다... 여하튼, 나는 jsp 를 사용하기위해서 검색을 한 결과 나름의 방법을 찾았고 정리해보도록 하겠다. 1. jsp 를 권장하지 않는 이유 스프링부트에서는 jsp가 자동설정되지 않으며 권장되지 않는다. why? jsp 를 사용하면 JAR패키징이 불가하며, 최근 만들어진 서블릿 엔진이 JSP를 지원하지 않는 등의 제약이 발생한다. 2. pom.xml 파일 수정 - 아래의 코드를 추가해준다. maven Dependencies(의존성)을 관리하는 파일이 pom.xml이..

! 템플릿 페이지가 출력되기까지, MVC의 역할과 실행 흐름 ! Controller : 클라이언트로 부터 요청을 받음 view : 최종 페이지를 만들어줌 Model : 최종 페이지에 쓰일 데이터들을 뷰에게 전달한다. 웹 서비스란 client 와 server의 흐름을 말하는데 spring boot 는 server의 역할을 해주고 있음 spring boot 의 역할을 한단계 더 들여다보면 MVC의 역할을 하고 있음을 알 수 있음 1. 요청은 Controller가 받는데 , @GetMapping 어노테이션을 통해 받는다. 2. 해당 어노테이션에 의해 메소드가 수행되는데, return값이 보여줄 페이지가 된다. 3. 보여줄 페이지에서 사용할 변수는 model을 통해서 등록한다! 영상에서는 mustache를 가지..

1. start.spring.io 프로젝트 생성 (maven) 2. 다운로드 받은 파일 원하는 위치에 압축 풀기 3. intelliJ로 해당 파일 open 하기 4. pom.xml 세팅 com.mysql mysql-connector-j runtime org.springframework.boot spring-boot-starter-test test org.apache.commons commons-dbcp2 2.8.0 org.mybatis mybatis 3.5.11 junit junit test org.junit.jupiter junit-jupiter test 5. application.properties 파일 세팅 #mysql spring.datasource.url=jdbc:mysql://localhost..

NullPointerException >> 배열에서 많이 나오는 오류 >> Sysout.out.println 으로 값이 제대로 나오는지 console에 찍어보기 String[] hb = vo.getHobby(); // '1','0','1','0','0' >> hb[0] = 1 System.out.println(hb); String[] lists = {"인터넷", "여행", "게임", "영화", "운동" }; for(int i=0; i

Connection con = null; PreparedStatement pstmt = null; ResultSet rs = null; String sql = null; boolean flag = false; try { con = pool.getConnection(); sql = "select id from tblMember where id =?"; pstmt = con.prepareStatement(sql); pstmt.setString(1, id); flag = pstmt.executeQuery().next(); /*flag = rs.next(); // next() 는 쿼리문의 실행 결과가 있으면 다음행으로 커서를 옮기며, 다음행이 있으면 true, 없으면 false를 반환한다. */ } catch(..

package com.member; public class MemberVO { private String id; private String pwd; private String name; private String gender; private String birth; private String email; private String zipcode; private String addr; private String hobby[];//checkbox로 여러개의 데이터를 하나의 변수에 저장하여 전달하므로 배열을 선언하여 받는다. private String job; public String getId() { return id; } public void setId(String id) { this.id = id; } ..

Member Join 성별 : 남자 여자 생일 :

import React, { useState } from 'react'; const Say = () => { // 배열 비구조화 할당 문법 : const array = [1,2]; >> const[1,2] = array; const [ message, setMassage ] = useState(''); //배열 비구조화 할당 문법 // useState('')의 인자(매개변수:숫자, 문자열, 객체, 배열)가 state의 초기값을 설정한다. // userState()를 호출하면 배열이 반환된다. 첫번째 배열의 원소가 현재 상태(state)이고, 두번째 배열의 원소가 상태를 바꾸어 주는 세터함수(setState)이다. const onClickEnter = () => setMassage("안녕하세요."); //..

★ 파일 업로드 구현 1. 환경설정 a. 파일을 업로드 하고 입력폼을 분석하는 cos.jar 라이브러리를 WEB-INF/lib 폴더에 복사한다. b. 프로젝트에서 오른쪽 마우스 버튼을 클릭한 후 Build Path 메뉴의 Configure Build Path 메뉴를 클릭한다. Java Buil Path에서 Libraries 탭을 클릭하고 Classpath를 클릭한 후 [Add JARs...] 버튼을 클릭해 cos.jar를 추가한다. c. src/main/webapp/exam-fileupload 폴더에 uploadFile 폴더를 생성한다. > 2. form 태그에 enctype 속성을 추가하고 속성 값으로 multipart/form-data를 지정한다. form 태그의 type 속성값을 post로 지정한다..

[Windwo] > [Editor] > 'Toggle Word Wrap' 선택