초보개발자 개발일지

64일차(1)/Spring Boot(13) : static 폴더 활용하기 - webapp-resources 폴더 대신 static 폴더를 사용하는 구조로 전환하기 STS Boot07_Final에 추가하기 - feature/upload_download 브랜치로 이동 - src-main-webapp 이 있는 구조. 직접 webapp 폴더를 만들어주고 그 안에 jsp를 위치시켜주었다. - 정적인 자원은 resources 폴더를 만들어주었다. Spring Boot가 jsp 친화적이지 않아서! - 하지만 Spring Boot 프로젝트에서는 jsp(webapp폴더 포함)를 아예 만들지 않을 때도 있다. - 지금 EL, c:choose 등 jstl을 다양하게 사용하고 있는데, jsp 없이 어떻게 작성할 수 있을까? ..

59일차(1)/Spring Boot(5) : Boot에서 jsp 사용하기 Starter Project로 생성 - 프로젝트 기본 구성 설정 - 필요한 의존 Dependency를 설정하는 창이 나옴 - Maven의 특징 pom.xml - 생성시에 한 기본세팅과 dependency가 들어가있다. - 메인메소드가 있는 java 파일. 여기서 spring Framework가 시작된다. - Legacy Project 에서는 tomcat을 start해서 서비스하는데, boot에서는 tomcat 서버가 내장되어있다. 따로 서버를 잡을 필요가 없다. - 메인메소드만 실행해주면 알아서 서버가 시작된다. - Run 하면 내부적으로 Tomcat 서버가 시작되고, 이 프로젝트를 서비스하게 된다. - application.pro..

46일차(3)/React(11) : React 에서 만든 결과물 배포하기(build) [ React에서 만든 결과물을 얻어내서 tomcat 서버에서 사용해 보기 ] 1. tomcat에서 일부 페이지에서만 사용하는 경우 ← 이쪽을 실습해볼 예정 2. tomcat에서 모든 기능을 react를 활용해서 구현하는 경우(SPA) (이건... 규모가 너무 커짐) - 이번에는 npm start / npm run build 를 해볼 것! my_app 생성 import puff from './images/puff1.png'; import './css/custom.css'; import React from 'react'; function App() { //margin-left를 상태값으로 관리하도록 하고 초기값 100을 ..

42일차(2)/JSTL(2) : java 코드로 작성된 페이지 JSTL로 작성하기 - java code로 작성된 페이지를 EL, JSTL을 사용해 재작성해보기 index - 원본, java 코드 사용 회원정보보기 로그아웃 회원가입 로그인 index - JSTL, EL을 사용한 수정본 회원정보보기 로그아웃 회원가입 로그인 - 셋 다 대체 가능하다. - empty 연산자는 비어있는지 여부를 알 수 있다. → 위와 같이 작성하면 id라는 키값으로 session영역의 값이 비어있는지 아닌지 알 수 있다. 1. sessionScope.id != null 2. id != null 3. id ne null 4. not empty id 전부 같다! - 위의 java 영역 없이 EL만으로도 session영역의 값을 가져..

42일차(1)/JSTL(1) : JSTL 사용법, 작성법 *mvnrepository : https://mvnrepository.com/ - 자바 의존 라이브러리를 다운받는곳 - jstl 을 검색해서 두번째 클릭 (사용자가 많은 쪽) - JSTL이란 jsp의 기능을 더욱 확장한 라이브러리라고 할 수 있다. - 1.2 버전으로 들어가준다. - java의 빌드 시스템은 보통 maven / gradle 둘 중 하나이다. - 이 경우 아래의 텍스트를 복사해서 붙여넣으면 된다. - 그런데 지금 우리가 하고있는 프로젝트는 둘다 아니다.. 그래서 jar파일을 다운받았다. - web-INF 안의 lib 안에 넣어주기 - 이 라이브러리가 있으면 jsp페이지의 기능을 더 확장해서 사용할 수 있다. test_jstl 폴더생성..

37일차(2)/jsp(26) : cookie 예제 - test_cookie폴더 예제 - ${ } EL을 사용하는 방식이 아닌, jsp에서 쿠키를 저장하는 방법! 쿠키 테스트 클라이언트의 웹브라우저에 특정 key 값으로 문자열을 저장할수 있다. 저장할수 있는 문자열은 Base64 인코딩 형식의 64가지 문자열을 저장할수 있다. 웹브라우저(client side)에 저장할 문자열 저장 - msg라는 키값에 입력된 내용을 쿠키로 저장한다. 웹 브라우저에 savedMsg 라는 키값으로 "" 를 저장했습니다. 저장된 문자열 확인 해보기 - 특정 키값으로 문자열을 빼내서 저장한다. - new Cookie() 로 객체를 생성하고 유지시간을 입력한 후 addCookie()로 쿠키 값이 저장된다. response.addC..

37일차(1)/jsp(25) : EL, cookie * EL (Expression Language) - jsp에서 사용되는 ${ } 안에 작성되는 특별한 언어 - 이 ${ } 안에 EL로 작성하면 해석된 결과를 출력하거나 사용한다. ex) ${pageContext.request.contextPath } : context 경로를 출력하는 용도 - EL로 작성하면 클라이언트 웹브라우저에 그대로 출력하는 것이 아니라, ${ } 부분은 실제 값을 얻어내서 반환해준다. - ${ } 괄호안의 EL을 해석한 결과를 반환한다! 편리하게 작업할 수 있다. - jsp가 클라이언트에게 EL을 어떻게 출력해주는지를 확인하기! Expression Language (EL) jsp 페이지에서 특별하게 해석되는 코드 블럭 EL 영역..

*회원가입시 입력값에 대한 유효성 검증 - 중복 아이디 확인 기능 구현 - 비밀번호 확인시, 동일한 비밀번호를 넣었는지 확인하는 기능 구현 - 이메일을 양식에 맞추어 작성했는지 확인하는 기능 구현 *bootstrap 홈페이지- docs - form - validation : 링크 - 사용자가 폼 입력시 입력한 값이 사용 가능한지 불가능한지 여부에 따라 보이는 방식을 다르게 해주는 CSS가 있다. (유효성 검증) /users/ 회원 가입 폼입니다. 아이디 사용할 수 있습니다. 사용할 수 없는 아이디입니다. 비밀번호 비밀번호를 확인하세요. 비밀번호 확인 이메일 이메일 형식에 맞게 입력하세요. 회원가입 - bootstrap의 내용을 참고하여 class="is-valid" 추가 - 위와 같이 해당 input 요..

35일차(3)/jsp(23) : 게시판 조회수 기능, 페이징 처리 기능 구현 - 조회수 기능 구현 - 게시판 페이징 처리 - 글 자세히 보기(detail.jsp) 페이지에 들어가면 viewCount의 숫자가 늘어나도록 코딩하면 된다. - 조회수를 올리는 메소드 addViewCount 추가 //글의 조회수를 올리는 메소드 public boolean addViewCount(int num) { Connection conn = null; PreparedStatement pstmt = null; int rowCount = 0; try { conn = new DbcpBean().getConn(); String sql = "UPDATE board_cafe" + " SET viewCount=viewCount+1" + ..

35일차(2)/jsp(22) : 게시판 Smarteditor 적용 / 글 수정, 삭제 기능 구현 - 게시판에 SmartEditor 적용 (insertform) - 게시판 글 수정 (updateform, update) - 게시판 글 삭제 (delete) (수정) 새글 작성 폼입니다. 제목 내용 저장 - 글쓰기 창에 스마트 에디터(네이버) jar파일 추가 - 스마트에디터의 압축을 풀면 폴더 한개와 jar파일 두개가 있다. - 폴더는 사용자가 사용하려면 공개폴더에 있어야하므로 webapp에 붙여넣기! - jar파일 2개는 lib안에 넣어준다. - 스마트에디터가 적용된 모습! [ SmartEditor 를 사용하기 위한 설정 ] 1. webapp 에 SmartEditor 폴더를 복사해서 붙여 넣기 2. webap..