211221_TIL:Today I Learned

느낀점

  오늘로 수업을 들은지 37일째. 이번주면 벌써 전체 과정 중 2/3 정도를 지나게 되는데, 그동안 마땅한 결과물을 만들어 내지 못한 것 같아서 아쉬움이 컸었다. 그런 걱정도 사치라고 이야기하는 것 같이 이번주 수요일부터 팀프로젝트를 진행한다고 한다. 여태까지 온전한 웹 페이지 하나를 스스로 구현하지 못했기 때문에 팀플에서도 한 사람의 몫을 해낼 수 있을지에 대한 걱정이 큰 것 같다. 팀원들과 사전에 이야기를 나눠보니, 다들 실력에 대한 부담을 가지고 있는 내게 용기를 북돋아주는 이야기를 해주기도 하고, 어려운 점이 있으면 흔쾌히 공유해달라고 말해주었다. 어렵지만, 그래도 할 수 있다는 마음가짐과 생각으로 팀에서 1인분 그 이상을 해낼 수 있도록 노력해야겠다. 본격적인 프로젝트 돌입! 너무 설레고 기대되는 마음과 걱정되는 마음이 공존하는데, 걱정하는 그 에너지까지 모두 주어진 과제를 해내는 것에 사용해야겠다💪

 

  정규 수업이 끝나고 오후 7시부터는 조은님이 리드하는 React 스터디 2회차 시간을 가졌다. API를 연동해서 데이터를 가져오는 방법에 대해 학습했는데, 이미 JS에서 한 번 들었던 개념들이었는데도 바로바로 떠올리지 못하는 내 모습을 보면서 다시금 복습이 절실히 필요하겠구나 하는 생각이 들었다. 어찌저찌 수업을 따라가려고 했는데, 타이핑 속도가 느리다보니 실습을 해보는 과정에서 완전히 내용을 놓치고 말았다. 여기서도 영타연습에 대한 필요성을 느꼈다. 왜이렇게 부족한 점이 많은지..🤦‍♀️ 그래도 앞으로 더 발전할 내가 한편으로는 기대되는 것 같다. 다시 스터디 이야기로 돌아오자면, 후반부 수업 내용을 많이 놓쳤지만, 수업이 끝나고 github에 올려주신 코드를 리뷰하며 다시 따라갈 수 있었다. 정말 어이없이 export를 쓰지 않는 실수를 저질러 해당 오류가 발생했던 부분이었는데, 수업이 끝나고 찬찬히 살펴보니 놓치고 간 점을 찾을 수 있어서 뿌듯했다. 아직 리액트에 익숙하지 않아서 이런 실수가 있었다고 생각해서 오늘 과제는 단순히 복사 붙여넣기 하는 것이 아닌 모든 코드를 일일히 손으로 타이핑하며 완성해나갔다. 그 덕분인지 스터디에서 진행한 API 코드를 이해하고, 과제까지 완수할 수 있었다!

 

+) 은님의 명언은 오늘도 계속된다..

 

개발 내가 할 수 있을까... 하는 걱정은 접어주고 하기만 해잇!
익숙해지면 모두 괜찮아~ 얼레벌레 계속 하니까 되더라~

---

  그리고 코드를 작성하다가 궁금한 점 + 답변이 있었는데 하단에 공유해보고자 한다.

Q. 각 페이지 이름에 맞게 key 부분을 수정해야하나요?

A. 컨벤션이기도 하고, 권장사항이다. 그 이유는 위와 같다.

  답변에 같은 팀원분이 참고하면 좋을 것 같다고 보내주신 자료도 함께 공유한다!

>> https://kyun2da.dev/react/%EB%A6%AC%EC%95%A1%ED%8A%B8-key%EA%B0%92%EC%9D%98-%EC%9D%98%EB%AF%B8/

리액트 Key값의 의미

---

  그리고 아직 해결되지 않은 질문.. 답변을 해주셨지만 부족한 지식으로 인해 이해하지 못한 부분😭

Q. WineCard에서 WineProps는 왜 존재하는 녀석인가요?

A. 타입체크를 위해 사용! 디테일한 이유가 더 있었던 것 같은데 해석불가..ㅠ

또 하나의 참고 자료를 공유해주셨다. 우리 팀원 최고최고🥰

  >> https://poiemaweb.com/typescript-interface

TypeScript - Interface | PoiemaWeb

 

오늘 한 것

• 알고리즘 코테 문제
• 정규표현식
• 웹서비스 기획

 

내일 할 것

• 멋사 FE 스쿨 수업
• wine.likelion challenge 도전
• ggul-market 팀프로젝트 시작