/readmeTest

readme가 깃허브에 어떻게 보여지는지 확인하는 용도

Classmoa (2023-09-01~2023-11-09)



목차

1. 프로젝트 소개 및 목적
2. 기술 스택
3. 구현 기능
4. 배운 점과 아쉬운 점

1. 프로젝트 소개 및 목적

여러 사이트에 대한 강의 정보들을 볼 수 있는 인터넷 강의 특가 정보 사이트로 할인 소식을 메일로 받아서 확인할 수 있습니다.
주변 개발자 취준생들이 인터넷 강의를 통해 학습을 하고 있었습니다. 취준생이라서 돈이 많지 않은 상황이라서 보다 더 합리적인 구매를 할 수 있으면 좋겠다고 생각하여 개발하였습니다.


2. 기술 스택

JavaScript React
js react

3. 구현 기능

기능 1 - 자동 완성

AWS OpenSearch를 이용하여 자동 완성을 할 수 있도록 함.

기능 2 - 상세 페이지

사이트 링크 버튼을 눌러서 판매 사이트로 이동할 수 있으며, 관심 강의 등록 및 알림 등록을 할 수 있음.

기능 3 - 가격 변동 그래프

사람들이 합리적인 구매를 할 수 있도록 가격 변동 그래프를 보여줌.

기능 4 - 댓글

사람들이 강의에 대한 의견을 댓글로 작성하여 공유할 수 있음.

기능 5 - 마이 페이지

마이페이지에서 관심 강의 등록 및 알림 등록을 한 강의들을 한눈에 볼 수 있음.


4. 배운 점과 아쉬운 점

배운점

  • React에 대한 기본적인 기능을 이용하여 서버와 연동하는 법을 배움.
  • 브라우저에서 개발자 도구를 통해 디버깅을 하여 오류를 잡는 방법을 배움.

아쉬운 점

  • Redux를 이용하여 상태를 공유하지 않고 props으로 전달을 하여 코드가 복잡하게 느껴지는 것 같음.
  • OpenSearch와 직접 통신하여 보안적으로 취약한 부분이 있음.
  • localStorage에 대한 사용이 너무 많음.
  • component에 대한 이해 부족하여 코드가 난잡한 느낌이 듬