From 54548ac141332b30e4181ab202261d15ac054abf Mon Sep 17 00:00:00 2001 From: HyoRyeong Jang <78651181+hyo-ryeong@users.noreply.github.com> Date: Wed, 25 Sep 2024 02:32:40 +0900 Subject: [PATCH] Delete README.md --- README.md | 86 ------------------------------------------------------- 1 file changed, 86 deletions(-) delete mode 100644 README.md diff --git a/README.md b/README.md deleted file mode 100644 index 33e1bc0c..00000000 --- a/README.md +++ /dev/null @@ -1,86 +0,0 @@ -1주차 과제 구현 목록 체크리스트 - -## 🔖기본 과제 - -### 1) 라우팅 구현 - -- [x] History API를 사용하여 SPA 라우터 구현 - - [x] '/' (홈 페이지) - - [x] '/login' (로그인 페이지) - - [x] '/profile' (프로필 페이지) - - [x] '/404' (Not Found 페이지) -- [x] 각 라우트에 해당하는 컴포넌트 렌더링 함수 작성 -- [x] 네비게이션 이벤트 처리 (링크 클릭 시 페이지 전환) - -### 2) 사용자 관리 기능 - -- [x] LocalStorage를 사용한 간단한 사용자 데이터 관리 - - [x] 사용자 정보 저장 (이름, 간단한 소개) - - [x] 로그인 상태 관리 (로그인/로그아웃 토글) -- [x] 로그인 폼 구현 - - [x] 사용자 이름 입력 및 검증 - - [x] 로그인 버튼 클릭 시 LocalStorage에 사용자 정보 저장 -- [x] 로그아웃 기능 구현 - - [x] 로그아웃 버튼 클릭 시 LocalStorage에서 사용자 정보 제거 - -### 3) 프로필 페이지 구현 - -- [x] 현재 로그인한 사용자의 정보 표시 - - [x] 사용자 이름 - - [x] 간단한 소개 -- [x] 프로필 수정 기능 - - [x] 사용자 소개 텍스트 수정 가능 - - [x] 수정된 정보 LocalStorage에 저장 - -### 4) 컴포넌트 기반 구조 설계 - -- [x] 재사용 가능한 컴포넌트 작성 - - [x] Header 컴포넌트 (네비게이션 포함) - - [x] Footer 컴포넌트 -- [x] 페이지별 컴포넌트 작성 - - [x] HomePage 컴포넌트 - - [x] LoginPage 컴포넌트 - - [x] ProfilePage 컴포넌트 - - [x] NotFoundPage 컴포넌트 - -### 5) 상태 관리 초기 구현 - -- [x] 간단한 상태 관리 시스템 설계: 전역 상태 객체 생성 (예: 현재 로그인한 사용자 정보) -- [x] 상태 변경 함수 구현: 상태 업데이트 시 관련 컴포넌트 리렌더링 - -### 6) 이벤트 처리 및 DOM 조작 - -- [x] 사용자 입력 처리 (로그인 폼, 프로필 수정 등) -- [x] 동적 컨텐츠 렌더링 (사용자 정보 표시, 페이지 전환 등) - -### 7) 기본적인 에러 처리 - -- [x] 잘못된 라우트 접근 시 404 페이지로 리다이렉션 -- [x] 로그인 실패 시 에러 메시지 표시 - - -## 🔖심화과제 - -1) 라우트 가드 구현 -- [x] 비로그인 사용자가 프로필 페이지에 접근시 로그인 페이지로 리다이렉트 한다. -- [x] 로그인된 사용자가 로그인 페이지에 접근시 메인 페이지로 리다이렉트 한다. - -### 2) 고급 이벤트 처리 - -- [x] 이벤트 위임 활용 - -### 3) 에러 바운더리 구현 - -- [x] 컴포넌트 레벨의 에러 처리 -- - -후기 - -- '3. 현재 로그인한 사용자의 정보 표시 부분'에서 조금 애를 먹었다. 이유는 초기 렌더링 로직 부분이 잘못 설정되어있었음. - - popstate 에서 route()를 누락시켰었다. -> 추가하니 테스트 통과 -- 로그인 여부 함수, 로그아웃 이벤트 처리 함수를 분리 제대로 안해서 꼬였음 -> 공통 함수로 만들어서 필요한 곳에서 실행되게 넣어놨다. -- 기본과제에서도 심화과제에서도 테스트코드를 봐가면서 (조건 추가), (클래스 맞추기) 더 면밀하게 체크해야겠다 - - - -