---

📌 소개 📌

백엔드 개발의 핵심 개념 3가지를 배우고 이를 활용한 게시판 만들기 프로젝트 수행

---

👀 내용 👀

1. 백엔드 개발 핵심 개념 3가지

- MVC 패턴
- JPA
- REST API


2. 게시판 만들기 프로젝트

- 게시판 만들고 웹 브라우저에 띄우기
- 서버와 통신해 게시글 CRUD 하기
- 서버와 통신해 댓글 CRUD 하기
- 테스트 코드 작성하기


3. 그 밖에 관련 기술

- 머스테츠(mustache) 문법
- 부트스트랩 활용(v5.0.2)
- 자바스크립트 API 호출
- SQL 기본 구문
- DB 데이터 설계

---

🔧 Development Environment 🔧

언어 : Java(jdk 11), JavaScript(3.22)
서버 : Apache Tomcat 9.0 (3.9.18)
프레임워크 : Spring(5.3.23)
라이브러리 : Lombok
DBMS : H2 Database
ETC : Git

---

🔔 Prerequisite 🔔

H2 Database 연결 
Tomcat 8181 포트 연결

---

👨‍👦‍👦 Team_Member 👨‍👦‍👦

😆 Chordingg 👉 GitHub

---

📓 Notion 📓

😆 Chordingg 👉 Notion

---

🛠️ Tech Stacks 🛠️

---

📂 PPT 📂

PPT

 <div>
     <h4>메인 페이지</h4>
    <img src="https://github.com/Chordingg/Spring_Boot_study1/assets/157094467/13401918-14f8-473f-b272-90fc25343293">
 </div>
 
 <div>
     <h4>게시글 작성</h4>
    <img src="https://github.com/Chordingg/Spring_Boot_study1/assets/157094467/d7df19b2-c862-4f6c-8416-928a73943993">
 </div>
 
 <div>
     <h4>{id}값으로 상세보기</h4>
    <img src="https://github.com/Chordingg/Spring_Boot_study1/assets/157094467/ed4112f0-c39a-4918-a268-88a2e3475e41">
 </div>
 
 <div>
     <h4>추가된 게시글 메인 페이지에서 보기</h4>
    <img src="https://github.com/Chordingg/Spring_Boot_study1/assets/157094467/49e3619e-ed20-47b5-a350-aa5aa70169d4">
 </div>
 
 <div>
     <h4>게시글 수정</h4>
    <img src="https://github.com/Chordingg/Spring_Boot_study1/assets/157094467/643c86cf-2db0-473a-9bdd-98cfcf87c2b7">
 </div>
 
 <div>
     <h4>게시글 삭제</h4>
    <img src="https://github.com/Chordingg/Spring_Boot_study1/assets/157094467/b5aaa2c5-59a6-499f-8166-a23dab6f56e5">
 </div>
 
 <div>
     <h4>댓글 확인</h4>
    <img src="https://github.com/Chordingg/Spring_Boot_study1/assets/157094467/371d8100-9aa9-474d-a6c2-a7a5d6beacfe">
 </div>
 
 <div>
     <h4>댓글 등록</h4>
    <img src="https://github.com/Chordingg/Spring_Boot_study1/assets/157094467/fa728aa1-9049-4d25-b2e8-ada3a41175db">
 </div>
 
 <div>
     <h4>댓글 삭제</h4>
    <img src="https://github.com/Chordingg/Spring_Boot_study1/assets/157094467/3cb25f3c-807f-4ea5-a47f-c208b717de8d">
 </div>
 
 <div>
     <h4>댓글 수정</h4>
    <img src="https://github.com/Chordingg/Spring_Boot_study1/assets/157094467/7bda164f-c058-4183-ade9-657d984006c3">
 </div>
 
 <div>
     <h4>댓글 수정 확인</h4>
    <img src="https://github.com/Chordingg/Spring_Boot_study1/assets/157094467/a666cc7b-8a6e-4059-a2e0-7e258a5b45a4">
 </div>
 
 <div>
     <h4>REST API 형식</h4>
    <img src="https://github.com/Chordingg/Spring_Boot_study1/assets/157094467/96be6652-fa22-401f-acbe-c48bbc61db10">
 </div>

---