코린이의 첫 리액트 토이 프로젝트 배포해보기 (투두리스트)

REASON·2022년 10월 27일
0

토이 프로젝트

목록 보기
9/9

드디어 리액트 첫 토이 프로젝트가 아직 부실하지만 ㅋㅋㅋ
그래도 나름대로 처음에 구상했던 모습대로 완성이 되었다.

처음 스스로 완성한 리액트 토이 프로젝트라서 그런지 그만큼 애착이 가면서도..
벌써 처음 만들겠다고 구상했던 날로부터 정확히 2달이 지났다.

벨로퍼트님이 만드신 투두리스트도 공부용으로 참고했었는데
어나더레벨,, 아무튼 정말 도움이 많이 됐다.

아니 두달동안 뭐했음?

2달 동안했냐고? 절대 No.. 그랬으면 이것보다 훨씬 나은 결과가 나왔을 것이다.
부끄럽게도 사실 두달 전 만들기로 해놓고 기본적인 컴포넌트만 몇개 만들어둔채 기능 구현은 전.혀. 하나도. 하지 않고 방치하고 있다가 최근 일주일 사이에 조금조금씩 기능 구현해서 똑딱 만들어졌다.

아마.. 2달 전의 나는 기능 구현을 할 줄 몰랐던게 분명하다.
그렇지 않고서야 css에 공들여놓고 방치했을리가 없어 🙄
몰라도 코드 긁어와서 만들면 된다고들 하지만 본인은 스스로 만들고 싶다는 욕심둥이여서 차마 그럴수는 없었다.

이거 좀 허접해보여도 나름 스케치도 해서 만든 프로젝트였음.

코린이 두달 전에 스케치한거

처음 썼던 글 봤는데 contextAPI, redux 얘기해놨었네.. 근데 props썼는데..
생각보다 props 전송하는게 그리 깊지 않아서 props로도 충분했다.
물론 하면서 props 전송 안해놓고 않이 외않되????? 이러고 있던 적도 있었지만.

무튼, 지금도 잘 하는건 아니지만 적어도 직접 만들어보면서 성장했음은 스스로 느낄 수 있었다.

성장 속도가 눈에 잘 안보이지만 정말 계단식으로 성장한다는 말을 깊이 공감한다.
그만큼 꾸준히 한 것도 한몫 했지 않을까 싶기도 하고. 앞으로도 열심히 해볼 생각이다.

배포가 뭐에얌

사실 이 투두리스트를 배포해야지-라는 생각은 전혀 없었는데..
왜냐하면 배포가 뭔지도 몰랐기 때문에 그냥 만들어서 서버 연결하면 끝 아니였어?!😮.. 라고 생각한 코린이였습니다.

아주 허접하고 DB도 없는.. 로컬 스토리지라도 먼저 달아놓을까 싶긴 했는데..
물론 DB만들면 더 멋질거 같은데!였지만 일단 배포 먼저 체험해보면 어떨까? 싶어서 바로 실천ㄱㄱ

생각만 하지말고 행동으로!

코드 리팩토링도 해보고 싶고 아무튼 해보고 싶은건 많은데 생각보다 오래 걸릴 것 같다..
어디서부터 손대야 될지도 감이 안오지만.. 그래도 도전해볼 예정이다.

더 해보고 싶은 것 🎈

  1. 컴포넌트 재사용하기
  2. 폴더 구조 예쁘게 짜보기
  3. 코드 리팩토링!! 특히 함수는 하나의 기능만! 작명 예쁘게 짓기!
  4. 리액트 라우터도 달고, 더 나아가 서버 연동까지 해보기
  5. 리덕스 사용해보기

이번에 투두리스트 만들면서 느꼈던 것들 중에 기억나는 것만 몇개 적어보았다.
컴포넌트 재사용...은 정말 재사용 할 수 있을만한 것도 재사용 하나도 못한 것 같았다.
해보고 싶은데 이게 어떻게 해야되지 하면서 발만 동동 구르고 있는 느낌이라 일단 기능 구현부터 해보고 이 부분은 개선해보자!라고 생각했다.

2달 전에 내가 코드에 똥을 지려놔서 변수나 함수 작명 이상하게 해놓은거 보고 경악을 했었다.
ㅋㅋㅋ아 오늘의 내가 싼 코드가 미래의 내가 고통받을 줄은 몰랐지..
물론 지금도 작명은 잘 못하지만 적어도 예전보다는 생각을 조금 은 더 하려고 노력하곤 있다.

폴더구조에 대해서도 고민 많이 해봤었지만 프로젝트 경험이 있어야 뭐 어디서 주워 들은 거라도 있을 텐데 아쉽게도 독학 인생인 나에겐 구글이 최고의 친구였다. 물론 이번 첫 토이프로젝트에서는 폴더 구조를 예쁘게 만들진 못했지만 다음 토이 프로젝트에는 폴더구조부터 예쁘게 짓고 시작하고 싶다는 생각을 했다.

리팩토링 .. 이건 정말 많이 배워야겠다. 좋은 코드가 뭘까?하면서 얼마 전에 클린코드라는 책도 구매했는데 근데 뷰어가 좀.. 많이... 마음에 안드는데(말을 아끼겠다) 뷰어는 개인적으로 리디북스가 마음에 들었다.
교보문고 뷰어 제발 개선해줘....... 진짜 너무 보기 힘듦.

적다보니 너무 주저리 주저리되는 것 같아서 아무튼 저 5가지는 꼭꼭 해볼것들!
나중엔 TDD 라던가 디자인 패턴도 적용시켜보고 싶고 아무튼 하고싶은게 많은 (꿈만 많은?) 코린이.

나도 코인물되고 싶따 8ㅁ8 이번주부터는 가능하면 주마다 회고록도 써볼 생각이다.

글 쓰면서 클라우드 기다리는중..
생각보다 조금 걸리는 것 같다. 두근두근

배포 완료!

모바일은 고려하지 않았기 때문에 PC에 최적화되어있다.

투두리스트

url이 못생겼지만 그래도 어쩔수없지~!
코드는 부끄럽지만 결과물이 생겼다는 게 너무 뿌듯.

0개의 댓글