[4주차 개인과제] 나만의 사전 만들기!

 

 

 

리액트 숙련주차

개인과제 요구 조건

 

■ 메인페이지

1. 게시글 목록이 카드뷰로 나타난다.

2. 게시글 내 예시는 파란 글씨로 나타난다 

3. 게시글 데이터는 리덕스에서 관리한다

4. 게시글 데이터는 파이어스토어에서 가져온다

 

+추가기능(필수x) 

게시글 수정해보기, 무한 스크롤 붙이기

 

■ 작성페이지

1. 게시글 작성에 필요한 input 3개를 ref로 관리하기

2. 작성한 게시글을 리덕스 내 게시글 목록에 추가하기

3. 게시글 목록을 파이어스토어에 저장하기.

 

■ 배포

AWS S3  또는 파이어베이스를 이용해 배포한다.

-> 저번에 S3 썼으니 이번에는 파이어베이스를 선택함!

 

 

 

 

ㅋㅋㅋㅋㅋ 처음에 샘플 프로젝트 링크가 나와있어서 보고

헐; 이거는 무리다; 싶어서 진짜 식업했는데

 

알고보니까 그냥 선생님이 구경해보라고 올려준 예시였고..

 

실제 과제는 그냥 이런 모양이었다.

 

 

 

 

 

선생님이 참고로 보라고 주신 사이트에는 이것저것 많아서 당황했는데

 

막상 수정도 없고 하이라이트도 없고, 무한스크롤 당연 없고...

그냥 추가랑 조회만 되면 되었던것... ㅎㅎ...

 

그렇지만 이걸 보고 어떻게 참아요...

 

( 보라고 주셨던 링크... )   https://hanyui-dict.shop/

중국어 단어장

 

 

결국 꾸역꾸역 무한스크롤 제외하고 모두 구현했다!

무한스크롤은 하는 방법은 발견했지만, 

잘이해가 되지 않아서 시간 너무 쓰지 않고 마무리하기로..

다음 주쯤에는 쓸 수 있게 되었으면 좋겠다..

 

그리고.. 기능 구현하다 받은 스트레스는 CSS로 풀기....!.,,,,

 

그리고 정신 놓고 시간 엄청 보냈다.. 좀 아깝다..

 

 

 

 

 

■  완성한 과제 링크 :

https://sparta-react-basic-b15c2.web.app/
(근데 아마 시간 지나면 다른 페이지로 바뀔지도..?)

React App

 

■ 깃허브 :

https://github.com/Trainy32/myWordDictionary

GitHub - Trainy32/myWordDictionary: 항해99 7기 리액트반 과제