OVERVIEW
- 베이커리 적응형 웹사이트 퍼블리싱 개인 프로젝트.
- JavaScript 기반 UI 인터랙션 리팩토링
- JSON 데이터 바인딩 로그인·회원가입 구현
PERIOD
Planning / Design: 2026.06
Frontend: 2026.06 - 2026.07
Refactoring: 2026.07 - 2026.08
ROLE
Planning / Design / Frontend 100%
SKILL
상품 리스트 페이지
상품 상세 페이지
로그인 페이지
회원가입 페이지
JavaScript Interaction 01
JavaScript Interaction 02
정규표현식(Regular Expression)을 활용하여 영문, 숫자, 특수문자 조합의 입력 조건 검증
JavaScript의 이벤트 리스너와 조건문을 활용하여 입력값 검증 및 비밀번호 일치 여부 확인
DOM 제어를 통해 유효성 검사 결과를 동적으로 출력하고 비밀번호 표시 상태 전환 구현
UI Before
UI After
아이디 및 비밀번호 입력 조건에 따른 실시간 유효성 검사와 안내 메시지 구현
비밀번호 일치 여부를 확인하고, 입력 오류 발생 시 직관적인 피드백 제공
비밀번호 표시 및 숨김 기능을 적용하여 입력 편의성과 사용성 향상
