💡 학습 목표account/save.jsp 파일 생성 및 AccountController 생성 및 구현AccountSaveDTO 설계 하기계좌 생성 기능 만들기 파싱이란?💡 파싱(parsing)주어진 데이터(예: 문서, 파일, 문자열 등)를 분석하여 구조를 이해하고, 필요한 정보를 추출 또는 변환하는 과정을 의미합니다. 프로그래밍에서는 주로 원시 데이터를 원하는 형태로 가공하기 위해 사용되며, 예를 들어 HTML 문서에서 특정 데이터를 추출하거나, JSON 문자열을 객체로 변환하는 등의 작업이 파싱에 해당합니다.클라이언트 측에서 데이터를 서버로 보내면 그 값을 분석해서 원하는 객체로 변경을 해 주는지 동작 흐름을 다시 한번더 조사해보세요 account/save.jsp 파일 생성 및 AccountC..
💡 작업 순서header.jsp 의 화면 수정과 링크 연결 작업JSTL 개념 및 기본 태그 살펴 보기JSTL 적용해 보기 1. header.jsp 의 화면 수정과 링크 연결 작업아래 그림에 해당하는 부분들을 변경해 봅시다. header.jsp My Bank 마이바이티스를 활용한 스프링 부트 앱 만들어보기 홈 로그인 회원가입 로그아웃 About Me Photo of me: 코린이 개발을 위한 뱅크 앱 서비스 목록 계좌목록,생성, 출금, 입금, 이체 페이지를 활용할 수 있어요 나의..
💡 학습 목표signin.jsp 파일 생성 및 로그인 화면 요청 기능 구현로그인 처리 기능 만들기로그아웃 기능 만들기 1. signin.jsp 파일 생성 및 로그인 페이지 요청 기능 구현더보기결과 화면 user/signIn.jsp 로그인 Bank App에 오신걸 환영합니다 username: Password: 로그인 UserController - 로그인 화면 요청 기능 추가 및 코드 수정 // 회원 가입 요청 처리 // 주소 설계 http://localhost:8800/user/sign-up // Get, Post -> sign-up 같은 도메인이라도 구분이 가능하다. // REST API 를 사용하는 이유에 대해한번 더 살펴 보세요 @Post..
💡 1. dto 설계 하기 및 개념 확인(사전 기반 지식) 2. UserController, UserService 설계 및 유효성 검사, 예외 처리 3. h2 스키마 및 초기 데이터 셋팅 4. 회원 가입 화면 구현 1. 사전 기반 지식더보기DTO 패키지와 Model 패키지를 분리하는 것이 바람직하다.💡 DTO(Data Transfer Object)와 모델 클래스를 분리하여 패키지를 만드는 것이 좋습니다. 그 이유는 다음과 같습니다:코드의 가독성 및 유지 보수성: DTO와 모델 클래스를 별도의 패키지로 구분함으로써 코드의 구조가 명확해지고, 관련 클래스를 찾기 쉬워집니다. 이를 통해 유지 보수성이 향상됩니다.객체의 역할 구분: 모델 클래스는 데이터베이스의 테이블 구조를 표현하는 반면, DTO는..
💡 학습 목표MyBatis 란 뭘까?MyBatis 의존성 설정 확인yml 파일 매퍼 설정 확인mapper 패키지 및 xml 파일 생성 공식 문서 확인 mybatis – MyBatis 3 | IntroductionWhat is MyBatis? MyBatis is a first class persistence framework with support for custom SQL, stored procedures and advanced mappings. MyBatis eliminates almost all of the JDBC code and manual setting of parameters and retrieval of results. MyBatis can usemybatis.org 1. MyBatis ..
@Autowired: 의존성 주입(Dependency Injection)을 수행할 때 사용되며, 필드, 생성자, 메서드에 적용할 수 있습니다.@Controller: 웹 애플리케이션의 컨트롤러 클래스를 표시합니다.@Service: 비즈니스 로직을 수행하는 서비스 클래스를 표시합니다.@Repository: 데이터 액세스 계층에 사용되는 리포지토리 클래스를 표시합니다.@RestController: RESTful 웹 서비스의 컨트롤러 클래스를 표시합니다. @Controller와 @ResponseBody를 함께 사용하는 단축 형태입니다. @Configuration과 @Component의 주요 차이점@Configuration은 스프링 빈을 정의하는 설정 클래스에 붙이는 반면, @Component는 단순히 스프링이 ..
💡 학습 목표@ControllerAdvice, @RestControllerAdvice 는 뭘까?@ControllerAdivce 와 @RestControllerAdivce 에 차이점을 이해 하자.사용자 정의 예외 클래스를 만들기@ControllerAdvice 구현해 보기에러 페이지 코드 수정 (errorPage.jsp)직업 예외 발생해보기 1. @ControllerAdvice, @RestControllerAdvice 는 뭘까?더보기HTTP 통신을 통해 예외 상황을 클라이언트에게 알려주는 방법은 여러 가지가 있으며, 이들을 적절히 사용하는 것이 중요합니다.@ControllerAdvice와 @RestControllerAdvice는 Spring Framework에서 제공하는 어노테이션들로, 애플리케이션 전역..
💡 작업 순서mainController.java 파일 생성간단한 CSS 설정하기외부 스타일 시트로 변경 하기하단에 붙는 푸터 설정하기 (가운데 컨텐츠가 작으면 푸터가 중간으로 올라 옴) 버그 확인 // TODO - tools xml 파일 error check providedCompile 'javax.servlet:javax.servlet-api:3.1.0' dependencies에 추가 후 Refresh Gradle Project를 해줘야 적용이 됨. 1. mainController.java 파일 생성package com.tenco.bank.controller;import org.springframework.stereotype.Controller;import org.springframework.web..
💡 재사용 가능한 파일로 분리 하기layout/header.jsplayout/footer.jspview/mainPage.jsp 코드 수정 하기 (JSP 태그 추가)도전 과제 - JSP 태그 조사하기 header.jsp My Bank 마이바이티스를 활용한 스프링 부트 앱 만들어보기 Navbar Link Link Link About Me Photo of me: Fake Image Some text about me in culpa qui officia deserunt mollit anim.. So..
💡 작업 순서부트스트랩 활용 하기main.jsp 파일 생성 W3Schools online HTML editorThe W3Schools online code editor allows you to edit code and view the result in your browserwww.w3schools.com 결과 확인 ! 간단하게 설명해서 우리가 생성한 서버에서 접근 방식을 호스명:포트번호:자원에위치를 통해서 요청을 하였고 HTML 파일 형식으로 응답 받은 후 우리 로컬 프로그램인 웹 브라우저가 태그를 분석해서 렌더링 과정을 확인 하였습니다. SSR 렌더링을 하기 위해서 yml 설정 파일을 한번더 확인해 봅시다.💡 SSR(Server-Side Rendering)은 서버 측에서 HTML을 렌더링하..