Skip to content

"프레임워크프로그래밍" 최종 과제로 제작한 전자기기 정보 조회 서비스입니다.

License

Notifications You must be signed in to change notification settings

gdaegeun539/daegeun_free_fe

Repository files navigation

Infobility - frontend

목차

  • 프로젝트 소개
  • 기술 스택
  • 구현 기능
    • 전체 전자기기 조회
    • 제조사 별 전자기기 조회
    • 전자기기 상세 정보 조회 및 리뷰 조회
    • 전자기기 추가
  • 배운 점 & 아쉬운 점
  • 라이선스

프로젝트 소개

교내 과목 "프레임워크프로그래밍" 최종 과제로 제작한 전자기기 정보 조회 서비스 및 사용자 리뷰 작성 서비스입니다.


기술 스택

JavaScript React Node.js Bootstrap Visual Studio Code
js react node bootstrap logo vscode

구현 기능

전체 전자기기 조회

all_view


제조사 별 전자기기 조회

manufacturer_view


전자기기 상세 정보 조회 및 리뷰 조회

desc_review1 desc_review2


전자기기 추가

add_dev


배운 점 & 아쉬운 점

배운 점

  • 간단히 요구사항을 정리하고 이에 따라 기능을 정리할 수 있었음
  • 대략적인 와이어프레임 및 화면 정의를 구상할 수 있었음
  • 요구사항이 크지 않은 경우에 React MVC를 설계하고 구현할 수 있었음

아쉬운 점

  • TypeScript를 사용하지 못한 것이 아쉬움
  • 기기 목록에 Pagination을 적용하지 못한 것이 아쉬움
  • 기기 목록에 대한 레이아웃을 세세히 조절하지 못한 것이 아쉬움
  • 사진 업로드를 구현하지 못한 것이 아쉬움
  • 시간 상 복잡한 요구사항을 만들 지 못해 전역 상태 관리 및 다른 디자인 패턴을 적용하지 못한 것이 아쉬움


라이센스

MIT © gdaegeun539

About

"프레임워크프로그래밍" 최종 과제로 제작한 전자기기 정보 조회 서비스입니다.

Resources

License

Stars

Watchers

Forks