TIL - 20250603

juni·2025년 6월 3일

TIL

목록 보기
26/315

📘 자바스크립트 학습 정리 (0603)

✅ 로그인 및 회원가입 기능 구현

[프로그램 기능 요약]

  • 회원 정보는 객체 내부 배열(userList)에 저장됨
  • 사용자 입력을 통해 회원가입 또는 로그인 선택 가능
  • 로그인 성공 시 프로그램 종료

✅ 회원가입 로직

  1. 이름, 아이디, 비밀번호 순으로 사용자 정보 입력
  2. 이미 존재하는 아이디는 가입 불가 (중복 검사 수행)
  3. 새 유저 정보는 객체 배열에 추가 (push())

[핵심 개념]

  • 배열 중복 확인: some() 메서드 활용
  • 객체 추가: userList.push({ account, password, username })

🧾 중복 검사는 실제 서비스에서도 필수


✅ 로그인 로직

  1. 사용자로부터 아이디 입력
  2. 아이디가 존재하지 않으면 경고 후 다시 입력
  3. 아이디가 존재하면 비밀번호 입력 유도
  4. 비밀번호가 일치하면 "로그인 성공", 일치하지 않으면 반복

[핵심 개념]

  • 아이디 존재 여부 확인: for문 순회 또는 findIndex() 사용 가능
  • 일치하는 계정의 인덱스를 기억해 로그인 처리

🧾 로그인 로직은 조건 분기 (if/else)와 반복문 (while)을 활용


✅ 주요 문법 정리

  • prompt()로 사용자 입력 받기
  • Array.some()으로 중복 확인
  • push()로 객체 추가
  • while (true)로 무한 루프 구성 + break, continue로 흐름 제어
  • 객체 배열 순회로 회원 정보 탐색

✅ 총정리

  • 자바스크립트 객체와 배열을 활용한 기본 인증 시스템 구현 연습
  • 사용자 입력, 데이터 저장, 조건 분기, 반복 제어 등 핵심 기초 문법이 모두 포함됨
  • 실제 웹 서비스에서 사용하는 로직과 유사해 실무 감각을 기를 수 있음

0개의 댓글