참고링크Spring : 자바 기반의 웹 어플리케이션을 만들 수 있는 프레임워크 Python : Django, RubyJavaScript : Node.jsJava : Spring 을 이용해서 웹을 만들 수 있다. 자바 백엔드 개발자는 웹 애플리케이션을 만들 때 대부분 스
참고한 유튜브 강의JDK, IDE를 설치해야함JDK는 이미 설치했고 IDE는 IntelliJ를 사용할것IntelliJ도 이미 설치했음SpringBoot 프로젝트를 만들어보자https://start.spring.io/여기로 들어가서 만들 수 있음 들어가면 이렇게
유튜브스프링부트가 서버역할함서버역할하는 스프링부트를 실행하지 않으면 localhost:8080 드가도 표시안됨앞에서 한 main 메소드를 run 하는게 웹 서버를 동작시키는거임 main을 다시 run 해보면 이렇게 표시되는데, 여기서 중요한건 Tomcat started
뷰 탬플릿, mvc 패턴이런게 뷰 탬플릿임 웹 페이지를 만들때 변수를 이용해서 표시하는것처음에 스프링부트를 만들때 추가한 mustache가 뷰 탬플릿을 만드는 도구다.화면을 담당하는 뷰 탬플릿은 Controller와 Model이 있다.Controller는 처리, Mod
유튜브뷰 탬플릿이 출력되는 과정에서 MVC의 역할과 실행흐름을 분석해보자 스프링부트가 서버 역할을 했고세부적으로 보면 MVC 유기적 역할분담이 존재함Controller : 클라이언트로부터 요청을 받는다 View : 최종페이지를 만들어줌Model : 최종페이지에 쓰일 데
유튜브화면에 요소를 배치하는 것 가장 기본이 되는 header - footer 레이아웃 header-footer 레이아웃을 사용할 때 header와 footer는 거의 모든 페이지에 공통적으로 들어가는데 (nav bar, 사이트 정보 등)이러한 내용을 모든 html 페
유튜브 게시물을 CREATE, READ, UPDATE, DELETE 하는 CRUD를 배우자 폼 데이터 : html form 태그에 담긴 데이터 폼 데이터를 컨트롤러는 DTO 객체에 담아서 받는다. ![](https://velog.velcdn.com/images/
유튜브전 포스트에서는 폼으로 데이터를 받아서 바로 표시함이번에는 데이터를 받아서 DB에 저장까지 해보자 DataBase는 데이터를 저장하는 창고DB의 종류는 MySQL, ORACLE 등등 ..지금은 h2를 사용함 DB가 사용하는 언어는 SQL임. 자바를 이해하지 못함
유튜브데이터를 직접 db 안에서 확인해보자db에 저장된 데이터는 테이블에서 관리된다 테이블은 행, 열로 이루어짐 세로 column 가로 row SQL은 db에서 명령을 내리기 위한 문법으로 insert select update delete가 기본이다 먼저, 서버를 실행
유튜브Lombok을 이용해서 코드를 리팩터링 할 수 있다.개발하다 보면 생성자, toString 등 코드 양이 많은데 Lombok을 이용해 이걸 간단하게 한다. 리팩터링은 코드의 구조, 성능을 개선하는 작업이다.로깅은 프로젝트의 수행 과정을 기록으로 남기는 것이다. b
유튜브유튜브 11강인데 11강부터는 회원 전용 동영상이라 그냥 올리면 문제되니까 비공개로 정리하자.DB에 저장된 데이터를 웹 페이지에서 확인해 보자DB에서 데이터를 가져와서 화면에 표시하는 과정은 다음과 같다클라이언트가 요청 컨트롤러가 요청 받아서 리포지토리가 DB에게
데이터 목록조회(https://www.youtube.com/watch?v=rxRcIxU_d4I&list=PLyebPLlVYXCiYdYaWRKgCqvnCFrLEANXt&index=12\\)단일 데이터가 아닌 여러 데이터를 조회해보자 ( 데이터 목록 ) 단일 데이
유튜브링크 : 보다 편리한 요청리다이렉트 : 보다 편리한 응답 링크 : 미리 정의된 요청을 간편히 전송, html의 a태그, form 태그를 이용 때떄로 리다이렉트가 응답되기도 한다리다이렉트 : 클라이언트에게 재 요청을 지시한다 클라이언트는 리다이렉트 주소로 다시 요청
유튜브데이터 수정을 위한 수정 폼을 만들자 데이터 상세 페이지에 수정하기 링크를 만들자 show.mustache가 상세 페이지인데 여기다 edit 을 a태그로 링크해준다.articles/id/edit 으로 보낼건데 id를 사용하기 위해 {{article.id}}ㄹ 사용
유튜브수정 폼에 입력한 데이터를 db에 저장해보자 클라이언트에서 서버로 데이터를 전송할 때 HTTP를 사용한다 HTTP 메소드는 네가지가 있고 각각 CRUD를 위해 사용한다.SQL의 쿼리도 마찬가지 서버를 재시작 할 때마다 데이터를 새로 만들어줘야 해서 귀찮다.이걸 해
유튜브데이터를 db에서 삭제하고 확인해보자 먼저 상세 페이지에 삭제 버튼을 추가하자 상세 페이지인 show.mustache를 이렇게 바꿔줬다. 단순히 삭제 링크만 만들어 줬다. /articles/{{article.id}}/delete로 링크된다. 참고로 삭제 요청을 보
유튜브DMLDDLCRUD 과정을 해보면서 sql 쿼리를 연습해보자먼저 application.properties 에 설정을 몇가지 해줘야 한다. sql을 로깅하기 위한 설정과 db url을 고정해주기 위한 설정을 해줬다. 그리고 sql 쿼리가 보일 때 파라미터는 ?로 보
유튜브웹 서비스를 사용하는 클라이언트는 브라우저 뿐만 아니라 다양한 기기가 존재한다. 스마트폰, 스마트 워치 등등... 클라이언트의 종류가 다양하다.웹 서버는 모든 클라이언트의 요청에 적절한 응답을 해야한다.브라우저를 위한 html 문서 뿐만 아니라 아이폰, 안드로이드
유튜브상태코드는 크게 5가지 분류로 정리 JSON은 {Key : Value} 의 형태 Value 로 또다른 JSON이나 배열을 넣을 수 있다.REST API의 주소설계 GET : 조회 POST : 생성 PATCH : 수정 DELETE : 삭제 request를 받아서 j
유튜브서비스는 컨트롤러와 리포지토리 중간에 위치한다주방을 예로 들면 컨트롤러가 웨이터, 서비스가 셰프, 리포지토리가 보조셰프다. 클라이언트가 메뉴를 요청하면 컨트롤러가 주문을 받아서 서비스한테 전달하고 서비스가 요리를 만드는데 필요한 재료는 리포지토리가 가져다준다. 서
유튜브서비스의 동작을 확인하기 위해 테스트코드를 작성해보자 프로그램의 품질 검증을 위한 것의도대로 프로그램이 동작하는지 확인 일일히 요청 보내고 응답 하고 하는 테스트 과정을 최소화 3단계로 구성 예상 시나리오 작성, 실제 코드 결과와 비교, 검증 통과 : 더 좋은 코
유튜브인텔리제이 한글깨짐 해결법한글깨지는거 해결함 Article에 달릴 댓글을 위해 엔티티, 리포지토리를 만들어보자 Article과 Comment는 1대 다 관계 댓글은 PK와 FK를 가진다 PK : 나의 id FK : 대상을 가리키는 id 댓글에서 게시글을 찾아갈 수
유튜브댓글 엔티티와 리포지토리를 만들었는데, 컨트롤러와 서비스를 추가해서 Rest API를 완성해 보자 CommentService를 만들어줘야 한다.. CommentRepository뿐만 아니라 ArticleRepository도 @Autowired로 가져와준다.
유튜브댓글 조회를 위한 뷰페이지를 만들어보자.게시글 상세 페이지 아래에 댓글 목록 + 새 댓글 로 만들자.전에 만든 article 상세 페이지 ArticleController에서 요청 받아서 뷰페이지 반환해준다show.mustache 하단에 comments/\_comm
유튜브목표 : 댓글 등록 뷰페이지를 만들고, JS로 REST API를 호출해서 새 댓글 등록\_new.mustache를 이렇게 작성했다 히든 인풋은 댓글은 article의 id를 가져야 해서 보이지 않게 article의 id가 값으로 들어가게 input 태그를 넣었다.
유튜브댓글 수정 페이지를 작성해보자댓글이 표시되는 부분에 닉네임 옆에 수정 버튼을 만들고 클릭해서 수정할 수 있게 하자.버튼을 누르면 모달을 띄워서 수정할 내용을 입력받고 수정 완료를 누르면 반영되게 한다.모달은 부트스트랩에서 제공하는 디자인인데 이런 모양이다. 이런
유튜브댓글 삭제 기능을 만들어보자 수정 버튼 옆에 삭제 버튼을 추가해주자 전체코드이고 주석을 참고하며 보면 된다.삭제 버튼은 이렇게 만들었다. 자바스크립트 코드이다. querySelectorAll로 버튼의 그룹을 가져온다.querySelector로 할 경우 맨 위의 버
홍팍님 유튜브 강의지금까지 H2 DB를 사용했다 메모리에서 작동하기 때문에 서버를 재시작 할 때마다 data.sql로 더미 데이터를 넣어줬다.이제 외부 DB랑 연동해서 써보자..DB 설치드라이버를 스프링부트에 추가 연동설정 작성 PostgreSQL을 사용할 건데, 다른
유튜브 강의링크 지금까지 강의를 진행하면서 객체를 만든 적이 없다. 왜그럴까 IoC Container Ioc Container는 핵심 객체를 만드는 창고다. 각종 객체를 만들고 관리함 Ioc container의 객체들은 다른 객체에 주입될 수 있고 이것은 개발자
유튜브 홍팍님 강의지금까지 컨트롤러-서비스-리포지토리로 다양한 기능을 구현했다CRUD 기능을 만들었다.하지만 이러한 핵심 기능과는 별개로 부가적인 코드가 필요할 수 있다. 로깅, 보안, 트랜잭션 등의 부가기능이 각 기능에 반복적으로 작성되어야부가기능을 특점 지점에 잘라
유튜브 홍팍님 강의클라이언트가 서버에게 JSON 데이터 전송 -> 서버는 DTO로 변환해서 받음서버가 클라이언트에게 DTO 전송 -> 클라리언트는 JSON으로 변환해서 받음ObjectMapper로 이게 가능하다ObejctMapper는 JSON과 자바 객체간 변환을 제공
홍팍님 유튜브 강의소셜 로그인 기능 : Spring Security데이터관리, 설계 : Spring JPA & SQL프론트엔드 : JS인터넷으로 서비스 배포 : Linux & AWS
다른 사람이 스프링부트로 만든 프로젝트를 clone 해와서 스프링 환경에서 작업하고 싶다면 이렇게 해야 한다메뉴 바에서 file > project from existing sources로 들어가서 clone 해온 스프링부트 프로젝트의 build.gradle을 선택해주자