코딩하는 IT개발자 로기

실무에서 많이 쓰는 자바스크립트 예제: 폼 입력값 유효성 검사웹 개발 실무에서 가장 자주 사용하는 기능 중 하나가 바로 "폼 입력값 유효성 검사(Validation)"입니다.회원가입, 로그인, 주문, 문의 등 거의 모든 입력 폼에서 필수로 사용되며,사용자의 잘못된 입력을 미리 걸러내어 서버와 데이터베이스를 안전하게 보호하는 역할을 합니다.주요 기능아이디, 이메일, 비밀번호 등 입력값의 형식과 길이 검사잘못된 입력 시 사용자에게 에러 메시지 표시모든 조건이 충족되면 폼 제출(또는 성공 메시지 출력)예제 코드 가입하기 코드 설명e.preventDefault()폼의 기본 제출 동작을 막고, 자바스크립트로 직접 유효성 검사를 진행합니다.입력값 읽기 및 공백 제거trim()을 사용해 불필요한 공백..

주문 기능 구현하기 주문하면 현재 상품의 재고에서 주문 수량만큼 재고 감소상품의 주문 수량보다 재고의 수가 적을 때 발생시킬 exception을 정의 com.shop.exception.OutOfStockException.java// OutOfStockException.javapackage com.shop.exception;public class OutOfStockException extends RuntimeException { public OutOfStockException(String message) { super(message); }} com.shop.entity.Item.java// Item.java... 생략 ... public void removeStock(int..

https://rogi221.tistory.com/177 Spring Boot - 쇼핑몰 프로젝트 06 (상품 등록 및 조회하기 - 1)상품 등록 및 조회하기 상품 등록하기 상품 이미지 엔티티는 이미지 파일명, 원본 이미지 파일명, 이미지 조회 경로, 대표 이미지 여부를 갖도록 설계 대표 이미지 여부가 “Y”인 경우 메인페이rogi221.tistory.com https://rogi221.tistory.com/179 Spring Boot - 쇼핑몰 프로젝트 06 (상품 등록 및 조회하기 - 2)상품 등록 및 조회하기 - 2 상품 수정하기 상품 등록 후 콘솔창을 보면 insert into item 쿼리문에서 item_id에 들어가는 binding parameter 값 확인 해당 상품 아이디를 이용해서 상품 ..

상품 등록 및 조회하기 - 2 상품 수정하기상품 등록 후 콘솔창을 보면 insert into item 쿼리문에서 item_id에 들어가는 binding parameter 값 확인해당 상품 아이디를 이용해서 상품 수정 페이지에 진입 예제 진행 상품 수정하기com.shop.service.ItemService.java// ItemService.javapackage com.shop.service;import com.shop.dto.ItemFormDto;import com.shop.dto.ItemImgDto;import com.shop.entity.Item;import com.shop.entity.ItemImg;import com.shop.repository.ItemImgRepository;import com...

https://rogi221.tistory.com/177 깃허브에서 자료 복사해서 입력 resources/templates/item/ItemFrom.html// ItemFrom.html 상품 등록 판매중 품절 상품명 Incorrect data 가격 ..

상품 등록 및 조회하기 상품 등록하기상품 이미지 엔티티는 이미지 파일명, 원본 이미지 파일명, 이미지 조회 경로, 대표 이미지 여부를 갖도록 설계대표 이미지 여부가 “Y”인 경우 메인페이지에서 상품을 보여줄 때 사용 상품 등록 구현하기com.shop.entity.ItemImg.java// ItemImg.javapackage com.shop.entity;import lombok.Getter;import lombok.Setter;import javax.persistence.*;@Entity@Table(name="item_img")@Getter@Setterpublic class ItemImg extends BaseEntity { @Id @Column(name="item_img_id") @G..

https://rogi221.tistory.com/174 Spring Boot - 쇼핑몰 프로젝트 05 (연관 관계 매핑 - 1)연관 관계 매핑 - 1 연관 관계 매핑 종류 엔티티들은 대부분 다른 엔티티와 연관 관계를 맺으며, JPA에서는 엔티티에 연관 관계를 매핑해두고 필요할 때 해당 엔티티와 연관된 엔티티를 사용하여rogi221.tistory.comhttps://rogi221.tistory.com/175 Spring Boot - 쇼핑몰 프로젝트 05 (연관 관계 매핑 - 2)https://rogi221.tistory.com/174 Spring Boot - 쇼핑몰 프로젝트 05 (연관 관계 매핑 - 1) 연관 관계 매핑 - 1 연관 관계 매핑 종류 엔티티들은 대부분 다른 엔티티와 연관 관계를 맺으며, ..

https://rogi221.tistory.com/174 Spring Boot - 쇼핑몰 프로젝트 05 (연관 관계 매핑 - 1)연관 관계 매핑 - 1 연관 관계 매핑 종류 엔티티들은 대부분 다른 엔티티와 연관 관계를 맺으며, JPA에서는 엔티티에 연관 관계를 매핑해두고 필요할 때 해당 엔티티와 연관된 엔티티를 사용하여rogi221.tistory.com 연관 관계 매핑 - 2 영속성 전이영속성 전이 : 엔티티의 상태를 변경할 때 해당 엔티티와 연관된 엔티티의 상태 변화를 전파시키는 옵션부모는 One에 해당하고 자식은 Many에 해당(ex) Order 엔티티(부모)가 삭제되었을 때 해당 엔티티와 연관되어 있는 OrderItem 엔티티(자식)가 함께 삭제 되거나, Order 엔티티를 저장 할때 Order ..

연관 관계 매핑 - 1 연관 관계 매핑 종류 엔티티들은 대부분 다른 엔티티와 연관 관계를 맺으며, JPA에서는 엔티티에 연관 관계를 매핑해두고 필요할 때 해당 엔티티와 연관된 엔티티를 사용하여 좀 더 객체지향적으로 프로그래밍할 수 있도록 도와줌 연관 관계 매핑 종류일대일(1:1): @OneToOne일대다(1:N): @OneToMany다대일(N:1): @ManyToOne다대다(N:M): @ManyToMany 연관 관계 매핑 방향단방향양방향 연관 관계 매핑 종류 : 일대일 단방향 매핑회원들은 각자 자신의 장바구니를 하나 갖고 있으며 장바구니 입장에서 보아도 자신과 매핑되는 한 명의 회원을 갖는 일대일 매핑 구조 장바구니 엔티티 설계하기 장바구니 엔티티는 현재 회원 엔티티에 대한 정보를 알고 있..

https://rogi221.tistory.com/172 Spring Boot - 쇼핑몰 프로젝트 04 (스프링 시큐리티를 이용한 회원 가입 및 로그인 - 1)스프링 시큐리티를 이용한 회원 가입 및 로그인 스프링 시큐리티 소개 애플리케이션을 만들기 위해서는 보통 인증/인가 등의 보안이 필요 웹에서 인증이란 해당 리소스에 대해서 작업을 수행할rogi221.tistory.com스프링 시큐리티를 이용한 회원 가입 및 로그인 - 2 로그인/로그아웃 구현 로그인/로그아웃 기능 구현하기MemberService.java// MemberService.java@Service@Transactional@RequiredArgsConstructorpublic class MemberService implements UserDe..

스프링 시큐리티를 이용한 회원 가입 및 로그인 스프링 시큐리티 소개애플리케이션을 만들기 위해서는 보통 인증/인가 등의 보안이 필요웹에서 인증이란 해당 리소스에 대해서 작업을 수행할 수 있는 주체인지 확인하는 것인가는 인증 과정 이후에 일어나며 리소스에 접근 시 인가된 유저인지 확인(접근 권한 확인)스프링 시큐리티를 이용하여 인증과 인가 구현 스프링 시큐리티 설정 추가 pom.xml// pom.xml... 생략 ... org.springframework.boot spring-boot-starter-security ... 생략 ... 스프링 시큐리티 의존성 추가 시 모든 요청은 인증을 필요로함기존에 진행했던 예제 URL (http://localhost/thymeleaf/ex07) 에 접근 시 스프링 ..

https://rogi221.tistory.com/170 Spring Boot - 쇼핑몰 프로젝트 03 (Thymeleaf 학습하기 - 1)Thymeleaf 학습하기 - 1 Thymeleaf 소개 서버 사이드 렌더링 : 미리 정의된 템플릿(Template)을 만들고 동적으로 HTML 페이지를 만들어서 클라이언트에 전달하는 방식, 요청이 올 때마다 서버에서 새로운 HTrogi221.tistory.com Thymeleaf 학습하기 - 2 Thymeleaf 예제 진행 - th:hrefth:href : Thymeleaf에서 링크를 처리하는 문법Absolute URL : ‘http://’ 또는 ‘https://’로 시작Context-relative URL : 가장 많이 사용되는 URL 형식이며 애플리케이션의 ..

Thymeleaf 학습하기 - 1 Thymeleaf 소개서버 사이드 렌더링 : 미리 정의된 템플릿(Template)을 만들고 동적으로 HTML 페이지를 만들어서 클라이언트에 전달하는 방식, 요청이 올 때마다 서버에서 새로운 HTML 페이지를 만들어 주기 때문에 서버 사이드 렌더링 방식이라고함.Thymeleaf : 서버 사이드 템플릿 엔진의 한 종류 Thymeleaf의 가장 큰 장점은 ‘natural templates’Thymeleaf를 사용할 때 Thymeleaf 문법을 포함하고 있는 html 파일을 서버 사이드 렌더링을 하지 않고 브라우저에 띄워도 정상적인 화면을 볼 수 있음스프링에서 권장하는 서버 사이드 템플릿 엔진 웹 브라우저에서 Thymeleaf 파일 열어보기 Hello Thymelea..

https://rogi221.tistory.com/167 Spring Boot - 쇼핑몰 프로젝트 02 (Spring Data JPA - 1)JPA 1. JPA(Jave Persistence API’)는 자바 ORM 기술에 대한 API 표준 2. ORM이란 ‘Object Relational Mapping’의 약자로 객체와 관계형 데이터베이스 매핑 JPA 장점 특정 데이터베이스에 종속되지 않음 객체지향rogi221.tistory.comhttps://rogi221.tistory.com/168 Spring Boot - 쇼핑몰 프로젝트 02 (Spring Data JPA - 2)https://rogi221.tistory.com/167 Spring Boot - 쇼핑몰 프로젝트 02 (Spring Data JPA ..

https://rogi221.tistory.com/167 Spring Boot - 쇼핑몰 프로젝트 02 (Spring Data JPA - 1)JPA 1. JPA(Jave Persistence API’)는 자바 ORM 기술에 대한 API 표준 2. ORM이란 ‘Object Relational Mapping’의 약자로 객체와 관계형 데이터베이스 매핑 JPA 장점 특정 데이터베이스에 종속되지 않음 객체지향rogi221.tistory.com Spring Data JPA Repository 설계Data Access Object의 역할을 하는 Repository 인터페이스 설계첫 번째 제네릭 타입에는 엔티티 타입 클래스, 두 번째 제네릭 타입에는 클래스의 기본키 타입 세팅// ItemRopository.java..