[항해99] 개인 프로젝트 - MY DICTIONARY

∙ 개발 기간 : 6/28~7/1

∙ 프로젝트 이름 : My Dictionary (나만의 사전)

∙ 와이어프레임

∙ 개발 언어 : javascript

∙ 구현한(최종) UI

✔️ 끝나고 난 뒤 배운 것

1. routing을 이용해 페이지 연결을 할 수 있다!
2. styled-components를 이용해 컴포넌트에 스타일 입히기
   -> styled-components는 간단하고 직관적이기 때문에 많이 쓰이는 방식이다.
3. 라이브러리 사용-redux
   redux를 사용하면 하나의 store(스토어) 로 모든 컴포넌트들을 state 를 이용해 쉽게 공유할 수 있게 된다.
4. firestore 에 데이터를 저장하고 가져올 수 있다.👇
   

💦 어려웠던 순간 & 극복 과정

데이터 input 값을 넘겨주는 부분에서 어려움이 있었다. 강의랑은 다르게 함수형 컴포넌트를 쓰고 있었고 어떻게 해야할 지 머리를 쥐어 뜯는 그 순간 !!
우연히 게더에서 튜터님을 마주치게 되었고 이런 상황을 알려드렸더니 useEffect 를 사용해보라는 명쾌한 답을 주셨다. useEffect 는 클래스형에서 쓰이는 componentDidMount 와 update 두 가지 기능을 한꺼번에 해주는 Hook 이다!
바로 적용한 코드👇

∙ 프로젝트 회고

혼자서 진행하는 프로젝트는 처음이라 욕심내지 말고 일단 기본에 충실하기로 했다! 알고리즘 주간이 끝나고 같은 주특기를 선택한 사람들과 팀이 이루어졌다. 팀원 모두가 열정적이었고 어려운 상황이 와도 서로 도와가며 해결하는 모습이 너무 보기 좋았다! 항상 느끼는 거지만 여태 봐온 항해99 사람들은 게으른 모습 하나 없이 열심히 한다. 그래서 나도 자극을 많이 받고 있다! 긍정적인 영향력 굳!🔥

나만의 사전 코드는 깃에서 확인 가능 !
깃 주소: https://github.com/yanghyunjung/My_Dictionary