728x90
반응형

자바 42

웹 개발 실무 필수! 자바스크립트 폼 Validation 완벽 가이드

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

HTML,CSS,JS 2025.05.13

자바 초급 예제: 콘솔 기반 사칙연산 계산기

자바 예제 프로젝트 추천1. 초급 – 콘솔 계산기사용자가 두 숫자와 연산자(+, -, *, /)를 입력하면 결과를 출력하는 간단한 콘솔 계산기.Scanner 클래스를 사용해 입력을 받고, 조건문과 반복문을 활용해 구현할 수 있습니다.실전 팁입력은 Scanner: 사용자 입력이 필요하다면 Scanner 클래스를 사용하세요.코드 가독성: 변수명과 메서드명은 직관적으로 작성하면 주석 없이도 이해하기 쉽습니다.객체지향 연습: 클래스와 메서드를 적절히 분리해 설계해보세요. 예를 들어, 회원 정보를 관리하는 Member 클래스를 만들어 Builder 패턴을 써보는 것도 좋습니다.StringBuilder 사용: 문자열을 반복적으로 합칠 때는 StringBuilder를 사용하면 성능이 좋아집니다.!향상된 for문, S..

자바 2025.05.13

Spring Boot - 쇼핑몰 프로젝트 07 (주문 기능 구현하기)

주문 기능 구현하기 주문하면 현재 상품의 재고에서 주문 수량만큼 재고 감소상품의 주문 수량보다 재고의 수가 적을 때 발생시킬 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..

Spring boot & JPA 2023.04.06

Spring Boot - 쇼핑몰 프로젝트 06 (상품 등록 및 조회하기 - 3)

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 값 확인 해당 상품 아이디를 이용해서 상품 ..

Spring boot & JPA 2023.04.06

Spring Boot - 쇼핑몰 프로젝트 06 (상품 등록 및 조회하기 - 2)

상품 등록 및 조회하기 - 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...

Spring boot & JPA 2023.04.06

Spring Boot - 쇼핑몰 프로젝트 06 (상품 등록 및 조회하기 - 1)

상품 등록 및 조회하기 상품 등록하기상품 이미지 엔티티는 이미지 파일명, 원본 이미지 파일명, 이미지 조회 경로, 대표 이미지 여부를 갖도록 설계대표 이미지 여부가 “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..

Spring boot & JPA 2023.04.05

Spring Boot - 쇼핑몰 프로젝트 05 (연관 관계 매핑 - 3)

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 연관 관계 매핑 종류 엔티티들은 대부분 다른 엔티티와 연관 관계를 맺으며, ..

Spring boot & JPA 2023.04.05

Spring Boot - 쇼핑몰 프로젝트 05 (연관 관계 매핑 - 2)

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

Spring boot & JPA 2023.04.05

Spring Boot - 쇼핑몰 프로젝트 05 (연관 관계 매핑 - 1)

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

Spring boot & JPA 2023.04.05

Spring Boot - 쇼핑몰 프로젝트 04 (스프링 시큐리티를 이용한 회원 가입 및 로그인 - 2)

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

Spring boot & JPA 2023.04.05

Spring Boot - 쇼핑몰 프로젝트 04 (스프링 시큐리티를 이용한 회원 가입 및 로그인 - 1)

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

Spring boot & JPA 2023.04.04

Spring Boot - 쇼핑몰 프로젝트 03 (Thymeleaf 학습하기 - 2)

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 형식이며 애플리케이션의 ..

Spring boot & JPA 2023.04.04

Spring Boot - 쇼핑몰 프로젝트 03 (Thymeleaf 학습하기 - 1)

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

Spring boot & JPA 2023.04.04

Spring Boot - 쇼핑몰 프로젝트 02 (Spring Data JPA - 3)

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 ..

Spring boot & JPA 2023.04.03
728x90
반응형