고인돌 프로젝트

Spring Boot Web 직접 만들어보기

고인돌개발자 2022. 11. 17. 09:00

#0 Spring boot 오리엔테이션 (2022.09)

- 프론트엔드로 웹개발 진행하기 과정을 해보고자 합니다. | Springboot Web HTML JavaScript | 개발 로드맵

YouTube - https://www.youtube.com/watch?v=xwvT8EspQjU&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=1 


#1 Spring boot HTML웹 언어의 중심 

 - HTML 을 작성해보고 웹서버에 대해서도 생각해 봅니다. | Springboot Thymeleaf HTML

 

YouTube - https://www.youtube.com/watch?v=_qTkXNVhmn4&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=2  


#2 Spring boot DBMS 설치 

 - DB에 대해 간단히 살펴보고 MariaDB 설치, Table 생성. | Springboot MariaDB

YouTube -  https://www.youtube.com/watch?v=bjM3LM-9lJw&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=3  


#3 Spring boot 프로젝트 환경을 만들어 봅니다. by IntelliJ

YouTube -  https://www.youtube.com/watch?v=LIDIc443bns&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=4   


#4 Spring boot MVC 환경 만들기

-  MVC 패키지 구조 생성. | Model View Controller

YouTube -  https://www.youtube.com/watch?v=T38hiEwG6Fw&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=5    

 


#5 Spring boot DB연결 Data 처리(Getmapping)

   - Back-end 에서 빈번한 DB 작업 | Thymeleaf Mybatis SqlMapper

YouTube -  https://www.youtube.com/watch?v=pYxuWtZZ74c&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=6     


#6 Spring boot 에서 어떻게 DB에 연결되는지 과정을 살펴봅니다.
     (아시는 분은 Pass) JDBC Connection
 

 

YouTube -  https://www.youtube.com/watch?v=_gqmvkQaAp0&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=7      


#7 Spring boot Mybatis SqlMapper

  - DB연결 Data 처리(post) | HTML post 방식, PostMapping

YouTube -  https://www.youtube.com/watch?v=AxskTLjFyoA&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=8       


#8 Spring boot - Mybatis

- SqlMapper 등록 수정 삭제 노잼작업 | 재미는 없지만 주로 하는 작업이죠.

YouTube -  https://www.youtube.com/watch?v=GAiMRuWn8r8&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=9 


#9 Spring boot AJAX 활용 비동기처리 (Front 부분)

- 실무에서 중요한 부분으로 웹과 백엔드 모두에 연결되는 개발기술 입니다.

YouTube -  https://www.youtube.com/watch?v=p2U2y_qCkqU&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=10 


#10 Spring boot AJAX 활용 비동기처리 (BackEnd 부분)

- HTML - Ajax:Post , Springboot -JSONObject JSONArray

YouTube -  https://www.youtube.com/watch?v=yJyzD4jVgvk&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=11 


#11 웹 화면의 처리

- 자바스크립트의 처리를 한곳에서 처리되도록 html, javascript 를 수정해 줍니다.

YouTube -  https://www.youtube.com/watch?v=1UKwBLz0F_8&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=12  


#12. AJAX 사용의 위험성 경고 (feat 콜백함수)

- 동기 비동기의 처리 순서의 중요성 & AJAX 사용 시 꼭 생각해야 하는 것

YouTube -  https://www.youtube.com/watch?v=dF9cOXkskpg&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=13 


#13 이전내용을 기초로 버전2 를 만들기 위한 기초작업을 해봅니다.

- 패키지 생성 , 타임리프, , Controller Service Dao SqlMapper 추가

YouTube -  https://www.youtube.com/watch?v=kjQ3DRbV49E&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=14 


#14 Spring boot YAML 적용 

- 요즘은  application.properties 보다는 application.yml 을 많이 사용하는것 같아 yaml 형태로 변경해 봅니다.

YouTube -  https://www.youtube.com/watch?v=QpRl-rojq_Y&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=15  


#15 Vanilla Js 에서 - jQuery 적용 | Web Front 만지기

Springboot 백엔드 공부도 중요하지만 웹의 Front 부분 특히 자바스크립트에 대한 공부도 중요합니다.

YouTube -  https://www.youtube.com/watch?v=EMORCd1pKcI&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=16   


#16 Spring boot | Map 에서 VO 객체로 변환하기 | Json - Map - Vo - DB 모두 Key : Value 의 형태 

- Springboot 처리에서 기존 List(map) 형태의 데이타 처리를 VO 객체(클래스)를 사용하여 처리 하도록 합니다.

YouTube -  https://www.youtube.com/watch?v=UEkrGjcRj6U&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=17    


#17 웹 화면에서 배열로 넘어온 데이타 처리 (다중처리)

- 여러개의 배열값을 받아서 처리. 좀더 실무처럼 ~ | Mybatis Dynamic SqlMapper

YouTube -  https://www.youtube.com/watch?v=Iftx8aZMMhE&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=18 


#18. Spring boot DB Transaction (feat 당근마켓) 의 이해 @Transational , auto-commit 이해해보기

DB Transaction 과 autocommit 에 대해 알아보고 둘의 밀접한 관계를 알아봅니다. Spring boot 공부에도 도움이 됩니다.

YouTube -  https://www.youtube.com/watch?v=E_vL4yP_iZg&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=20  


#19 Spring boot & DB

- Auto-commit true or false 세팅에 의한 DB Connection 공부 | Transaction

YouTube -  https://www.youtube.com/watch?v=PWP7zQwBjK0&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=21 


#20 Spring boot & DB

- @Transactional 예외처리 공부 | 예외를 커스텀으로 Ccustom exception

YouTube -  https://www.youtube.com/watch?v=aoQMRDB5Znk&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=22 


#21 Spring boot Transactional Exception 처리

- 프로그램 에러 발생 시 에러페이지를 통해 처리해 봅니다.

YouTube -  https://www.youtube.com/watch?v=vyzb3gUyvxE&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=23  


#22 Spring boot @Transactional propagation

- 트랜잭션을 분리하여 사용하는 부분에 대한 공부를 해봅니다.

YouTube -  https://www.youtube.com/watch?v=ZJ1GSLHaox8&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=24   


#23 Spring boot PlatformTransactionManager

- 트랜잭션의 범위를 내가 정하고 직접 commit / rollback 처리 하기

YouTube -  https://www.youtube.com/watch?v=DdSUKBE3_b0&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=25    


#24. Spring boot TransactionTemplage

- 템플릿을 통해 트랜잭션처리를 매뉴얼로 직접 처리하기

YouTube -  https://www.youtube.com/watch?v=LBesEvcltDE&list=PL3036mp45iYw1HyNNvSXHaqURIDDslg60&index=26