Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

프론트엔드 5기 8조 과제 (김필진, 유희태, 박철민, 차동민) #5

Open
wants to merge 4 commits into
base: main
Choose a base branch
from

Conversation

pildrums
Copy link

@pildrums pildrums commented Jul 1, 2023

🪐 우주부동산

🪐 우주부동산에서 집보러 가기
Github


관리자 계정

ID: [email protected]
PW: admin123


👩‍🚀 개발팀

Kled
유희태
Pildrum
김필진
dev-junehee
박철민
dev-junehee
차동민
메인 페이지
로그인, 회원가입 페이지
관리자 페이지
사용자 페이지


임무 분담


사용자 페이지

  • 거래 내역 조회
  • 거래별 상세 내역 조회
  • 찜 목록 조회 페이지
  • 사용자 정보 수정 페이지
  • 계좌 관리
  • 관리자 페이지 겁근 관리
  • React-query 활용
  • 작업일지

인증-인가 페이지

  • 회원 가입, 로그인, 로그아웃 인증확인 API 함수 구현 및 UI 작업
  • AuthForm 및 AuthTemplate으로 공통 컴포넌트 제작
  • 로그인, 회원가입 페이지 작업
  • Redux-saga 도입
  • Git management
  • 작업일지

관리자 페이지

  • 와이어 프레임
  • 디자인
  • UI
  • 관리자페이지
    • 상품 조회
    • 주문 조회
    • 유저 조회
  • 작업일지

상품 페이지

  • 전제 상품 조회
  • 상세 상품 조회
  • 장바구니
  • 찜 여부 상태관리
  • 결제 페이지 및 결제
  • 프로젝트 팀장
  • 작업일지



사용기술 및 개발환경

Development





Config

Deployment

Environment

Cowork Tools



설치

git clone [email protected]:pildrums/woojoo_land.git
cd woojoo_land

개발 서버

다음 명령어를 입력하세요.

npm start

전체 화면 구성

메인 페이지
상품 목록



메인 페이지


상품 목록



메인 페이지 - 태그 검색


상품 목록



메인 페이지 - 검색창 검색


상품 목록



상세 페이지


상품 목록



장바구니


상품 목록



주문 페이지


상품 목록



마이 페이지 - 주문 내역


상품 목록



마이 페이지 - 계좌 관리


상품 목록



마이 페이지 - 찜한 상품


상품 목록



마이 페이지 - 개인정보 수정


상품 목록



로그인


상품 목록



회원 가입


상품 목록



관리자 페이지 - 전체 거래 내역


상품 목록



관리자 페이지 - 사용자 조회


상품 목록



관리자 페이지 - 모든 제품 조회


상품 목록



@cdm1263 cdm1263 changed the title 프론트엔도 5기 8조 과제 (김필진, 유희태, 박철민, 차동민) 프론트엔드 5기 8조 과제 (김필진, 유희태, 박철민, 차동민) Jul 1, 2023
foodeco pushed a commit that referenced this pull request Jul 2, 2023
Copy link

@happyhermann happyhermann left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

코드 리뷰가 늦어서 죄송합니다
완성된 것을 현업에 있는 분들한테 보여줬더니
너무 잘했다고 칭찬을 하더라고요
코드는 물론이고 무엇보다 디자인과 UI를 보고 당장 상용에 올려도 괜찮을 정도라고..
코드가 매우 클린하고 잘 짜여있어서 보면서 정말 현업에 가시면
급격히 성장하실거 같다는 생각이 들었습니다

처음에 했던 프로젝트도 좋았지만 프로젝트가 진행될 수록 퀄리티가 올라가는 거 같네요
결국엔 리액트 사가까지 적용하고 타입 스크립트도
자칫 @ts-ignore과 any를 찾게 되면서 Type이 덕지덕지 붙은 코드로 채워지길 마련인데
스키마 interface도 최대한 쓰려고 노력한것 같네요
타입스크립트를 공부하면서 느낀건 타입선언을 잘하는 것도 좋지만
가급적 자동추론을 사용하도록 노력하면 좀더 좋은 타입스크립트 생태계를 만들 수 있는 것 같습니다
또한 웹스토리지 객체를 적절하게 써주신 바도 인상 깊었습니다

Comment on lines +21 to +27
const isAdmin = async () => {
const res = await check();
if (!(res.email === ADMIN_EMAIL && res.displayName === ADMIN_NAME)) {
alert("관리자가 아닙니다.");
navigate("/");
}
};

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

어드민 페이지 리다이렉트를 잘 해주셨는데요 경로 이동 히스토리가 남는 경우엔 뒤로가기를 해도 원하는 페이지로 이동하지 않는 경우가 있는데 이런 경우엔 redirect 메서드를 사용해보시는 것도 좋을거 같습니다!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants