개인 공부 + 이직 위해 미니프로젝트 해보기!! 시작한지 일주일정도 됐고 뒤늦게 블로그에 차근차근 정리해보기로 한다. 학원 스터디원들과 해본 것 말고 혼자서 처음부터 끝까지 다 해보는 것은 처음인데 혼자 하니까 확실히 공부는 많이 되는 것 같다. 💡 프로젝트 소개 뮤지컬을 기반으로 한 커뮤니티 사이트 구축 뮤지컬의 대중적인 인지도가 높아지고 있는 반면에 뮤지컬 팬들이 자유롭게 소통할 수 있는 커뮤니티 사이트는 아직 마련되어 있지 않음. 👩💻 작업 목표물 (아직 경험이 없는) Open API 가져와서 쓰기 -> 신청, XML JSON 파싱, DB까지 넣기 뮤지컬 목록 출력 로그인, 회원가입 뮤지컬 평점 회원 게시판 💡 개발 환경 Java 11 IntelliJ SpringBoot + Thymeleaf My..
💡프로젝트 소개 온라인 쇼핑몰 + 레시피 커뮤니티 웹 애플리케이션 구축을 목표로 한 RecipeToYou 프로젝트 기획 마켓컬리 클론코딩 (+레시피 커뮤니티) 기존 마켓컬리에 사용자들이 쇼핑몰에서 구매한 식재료를 활용하여 레시피를 올리는 레시피 커뮤니티를 추가했다. 기획 의도 : 코로나 장기화로 인해 온라인 시장 규모가 확대 / 건강한 가정식에 대한 관심도 증가 / 정보통신기술의 발달로 다양한 온라인 커뮤니티 활성화 🔨기술 스택 ⌛️작업 기간 ⭐️2021. 12. 20 ~ 2022. 03. 10 💡작업 목표물 메인(사용자) 페이지 로그인, 회원가입 상품 목록 출력, 마이페이지, 상품 상세 페이지 레시피 커뮤니티 관리자 페이지 회원 관리, 탈퇴 회원 관리 주문, 결제 관리 상품 CRUD 기능 💻Front-..
🤍서버 템플릿 엔진이란? 템플릿 엔진이란, 지정된 템플릿 양식과 데이터가 합쳐져 HTML 문서를 출력하는 소프트웨어를 이야기함. JSP, Freemarker - 서버 템플릿 엔진 / 리액트, 뷰 - 클라이언트 템플릿 엔진 서버 템플릿 엔진은 서버에서 구동됨. 서버 템플릿 엔진을 이용한 화면 생성은 서버에서 Java 코드로 문자열을 만든 뒤 이 문자열을 HTML로 변환하여 브라우저로 전달함. 반대로 자바스크립트는 브라우저 위에서 작동하기 때문에 뷰,리액트를 이용한 SPA는 브라우저에서 화면을 생성함. 서버에서는 Json, Xml 형식의 데이터만 전달하고 클라이언트에서 조립합. 🤍머스테치란? 머스테치는 루비, 자바스크립트, 파이썬, PHP, 자바 등 현존하는 대부분 언어를 지원하는 가장 심플한 템플릿 엔진임..
게시판 글 등록, 수정, 삭제, 상세 조회 기능 참고 블로그 : https://tychejin.tistory.com/25?category=765216 (정말 감사합니다....) 백앤드 작업 1. BoardForm.java 에 아래 내용 추가 1 2 3 4 5 6 7 8 9 private String search_type; public String getSearch_type() { return search_type; } public void setSearch_type(String search_type) { this.search_type = search_type; } Colored by Color Scripter cs 2. BoardDTO.java 에 아래 내용 추가 1 2 3 4 5 6 7 8 9 priv..
스프링 게시판 만들기에 수업 시간에 배운 내용을 복습하는 것보다 새로운 코드를 참고하는 게 좋을 것 같아서 아래 블로그를 참고했습니다. 언제나 좋은 글,,좋은 정리로 공부에 도움 주는 많은 분들 항상 감사합니다...😍 참고 블로그 : https://tychejin.tistory.com/24?category=765216 [Spring] 게시판 만들기(14) - 게시글 조회(SELECT) 모델2 방식에 MVC(Model, View, Controller) 패턴과 관련된 파일을 추가한 후 목록을 구현하는 작업을 진행하도록 하겠습니다. Model 영역 애플리케이션에 비즈니스 로직과 사용되는 데이터를 다루는 tychejin.tistory.com 0. 패키지 구조 잡기 MVC 패턴 Controller : Dispat..
1. pom.xml 수정 (mybatis 이외에도 이번에 수업 시간에 추가했던 의존성 함께 추가했다.) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 org.mybatis mybatis 3.5.9 org.mybatis mybatis-spring 2.0.6 org.aspectj aspectjweaver ${org.asp..
1. pom.xml에 mysql 관련 의존성 추가 1 2 3 4 5 6 7 8 mysql mysql-connector-java 8.0.23 system ${basedir}/src/main/webapp/WEB-INF/lib/mysql-connector-java-8.0.23.jar Colored by Color Scripter cs 2.DB 연결 테스트 확인하기 위한 MySQLConnectionTest.java 생성 3. MySQL 스키마&테이블 생성 -- 나는 이전 학원에서 만들었던 테이블을 다시 활용했다. 4.JUnit Test로 실행 후 연결 잘 되었는지 확인하기 1. jdbc 관련 data.xml 파일 생성 2. spring 우클릭 - Spring Bean Configuration File 5. ao..
복습을 목적으로 간단한 게시판 만들기 수업 시간에는 오라클을 사용했지만 이번에는 -STS -MySQL 을 사용해보기로 한다. 1. STS 우클릭 - Spring Legacy Project 선택 2. Spring MVC Project 선택 이미 프로젝트를 생성하고 캡쳐하는 거라 저렇게 나온다. 3. 패키지명 입력 4. 톰캣 추가 window - preferences - Runtime Environments 5. pom.xml 수정 ★ pom.xml 역할 : 프로젝트 구조, 내용 설명 / 프로젝트 빌드에 필요한 전체 환경 설정, 의존성 등의 정보 기술 기본 디렉토리 구조는 이러하다. pom.xml 설정 전 기본 내용 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ..