Bibi's DevLog 🤓🍎

회원가입 기능 구현 회원가입 페이지에서 회원가입을 하면, 사용자의 입력 데이터를 서버에서 받아 출력한다. 서버로 데이터를 전달할 때 태그를 사용한다. 속성 action : 서버에 요청을 보낼 때 어떤 URL로 보낼지를 지정할 수 있음. : 해당 form으로부터 /create로 서버에 요청을 보냄 URL이 추가되면 항상 상응하는 Controller 및 메서드가 있어야 한다. form태그에 아무 속성을 입력하지 않으면 기본적으로 GET방식으로 통신한다. index.mustache 아이디 비밀번호 이름 이메일 제출 아무것도 입력하지 않고 제출했을 때의 URL : http://localhost:8080/create?userid=&password=&username=&useremail= UserController...

mustache 기본 문법 정리하기 복잡하지 않으므로 공부 및 연습해 본다! 공식페이지..를 번역한 블로그를 보고 공부했습니다. 1. 변수 {{, }} 사이에 변수명을 입력한다. 문자열은 자동 HTML 이스케이프 된다. 이스케이프 Escape란? 특정 문자를 HTML로 변환하는 행위. (제로초 참고) 이스케이프되지 않은 문자열을 출력하려면 {{{, }}}을 사용한다. 데이터 { "name" : "Chris", "company" : "Github" }템플릿 {{name}} {{age}} {{company}} {{{company}}}결과 Chris Github Github1-1. 복잡한 객체 : 객체 안에 객체가 포함되어 있을 때는 점 문법(dot-syntax)을 사용한다. 데이터 { "name..

mustache를 활용한 동적인 HTML과 MVC 설명 컨트롤러에서 mustache라는 템플릿엔진에 데이터를 전달해, 동적인 HTML을 만들어내는 법을 배운다. MVC의 개념 MVC는 한 곳에서 많은 로직을 처리하는 대신, 각 코드의 역할을 분담하기 위해 등장했다. Controller : 최초 진입 지점. 사용자의 입력 값이 유효한 지를 검증하고, 사용자가 입력한 데이터를 Model에 전달하고, Model의 처리 결과에 따라 이동할 View를 결정하는 역할 Model : 실질적인 비즈니스 로직을 구현하는 역할을 담당함. 비즈니스 로직 처리 결과를 DB에 저장하고 조회하는 역할. 애플리케이션의 엔진이라 할 수 있음. View : Controller에 의해 전달된 데이터를 단순히 출력하는 역할 템플릿 엔진이..

이 글은 인프런 김영한 님의 스프링 입문 강의 를 듣고 정리한 글입니다. (이어서) 스프링 DB 접근 기술 ... 순수 JDBC 애플리케이션과 DB를 연결해 저장하는 법을 배워볼 것이다. 쿼리문을 이용해 DB에 데이터를 넣고 빼는 방법 그 중에서도 20년 전 방식인 순수 JDBC API만을 사용한 방법을 먼저 보고, 점차 발전되는 기술들을 배울 것이다. 자바는 기본적으로 DB와 연결하려면 JDBC라는 드라이버가 꼭 있어야 한다. 1 build.gradle 아래 코드를 추가한다. dependencies { // codes ... implementation 'org.springframework.boot:spring-boot-starter-jdbc' runtimeOnly 'com.h2da..

이 글은 인프런 김영한 님의 스프링 입문 강의 를 듣고 정리한 글입니다. 스프링 DB 접근 기술 스프링을 통해 데이터베이스에 데이터를 저장하고 관리하는 법을 알아볼 것이다. DB : 데이터베이스 JDBC : DB와 자바 애플리케이션을 연결해주는 기술. 우선은 순수한 JDBC를 사용하는 법을 배워본다. JDBC 템플릿 : 순수한 JDBC의 사용이 어려워서 나온 스프링 기술. 애플리케이션에서 DB로 SQL문을 편하게 보낼 수 있다. JPA : SQL문을 사용하지 않고 객체를 직접 DB에 저장 및 관리할 수 있는 기술. 스프링 데이터 JPA : JPA를 더 편리하게 쓸 수 있도록 만든 스프링의 기술. 이제 지금까지 만들었던 MemoryMemberRepository를 JDBCRepository, JPARepos..

이 글은 인프런 김영한 님의 스프링 입문 강의 를 듣고 정리한 글입니다. 회원 관리 예제 - 웹 MVC 개발 회원 웹 기능 - 홈 화면 추가 아주 단순한 1.회원 등록 및 2.회원 조회 기능을 하는 화면을 만들어 본다. @GetMapping("/") : URL에서 /는 도메인으로 처음 들어왔을 때의 페이지를 말함. (홈 페이지) index.html과의 차이는?? (src/main/java/resources/static/index.html) (복습) 웹 브라우저에서 요청이 들어오면, 톰캣 서버는 스프링 컨테이너에서 관련 컨트롤러를 먼저 찾고, 관련 컨트롤러가 없으면 그 때 static폴더를 찾는다. 그래서 static에 있는 index.html보다 @GetMapping("/")이 먼저 찾아진다. @GetM..

이 글은 인프런 김영한 님의 스프링 입문 강의 를 듣고 정리한 글입니다. 스프링 빈과 의존관계 컴포넌트 스캔과 자동 의존관계 설정, DI 만든 서비스를 화면에 붙이기 위해 컨트롤러와 View템플릿이 필요하다. 예를 들어 회원가입을 하면 그 결과를 HTML로 화면에 뿌려주는 방법을 배울 것. 먼저 Member의 Controller를 만들어야 한다. 의존관계 Controller는 Service를 통해 회원가입을 하고, 데이터를 조회할 수 있어야. 이를 '컨트롤러가 서비스에 의존하고 있다'고 표현하며, '의존관계가 있다'고 할 수 있다. 회원 컨트롤러가 회원 서비스와 리포지토리를 사용할 수 있게 의존관계를 만들자. 스프링 컨테이너와 스프링 빈 @Controller 어노테이션으로 컨..

이 글은 인프런 김영한 님의 스프링 입문 강의 를 듣고 정리한 글입니다. 회원 관리 예제 - 백엔드 개발 비즈니스 요구사항 정리 회원 도메인과 저장소(리포지토리) 만들기 회원 리포지토리 테스트케이스 작성 회원 서비스 개발 회원 서비스 테스트 *회원 저장소(리포지토리) : 회원 도메인 객체를 저장 및 불러올 수 있는 객체. 비즈니스 요구사항 정리 예시이므로 가장 쉬운 것으로 만든다. 단순한 서비스로 스프링 생태계가 어떻게 개발, 동작되는지 이해하는 게 목표다. 데이터 : 회원 아이디, 이름 기능 : 회원 등록, 조회 (가상의 시나리오) 아직 데이터 저장소가 선정되지 않음 일반적 웹 애플리케이션 계층 구조 일반적인 웹 애플리케이션은 컨트롤러, 서비스, 리포지토리, 도메인, DB 의 5 요소로 구성된다. 컨트..