코딩/주간 회고 20

코드숨 리액트 주간 회고 #10주차

📚 주간 회고 🍏 목표 2주차 개인 프로젝트 진행하기 솔루션 챌린지 제출하기 노마드코더 바닐라 JS 강의 듣기 운동하기 🍏 한 것 1. 2주차 개인 프로젝트 진행하기 🍏 배운 것 새로고침하면 404 페이지가 뜨는 issue를 해결하는 방법을 배웠습니다. id를 받아 페이지를 연결하는 방법을 알게 되었습니다. state를 초기화하는 방법을 배웠습니다. 상세 데이터를 정리했습니다. 🍏 느낀 것 코드를 짤 때 로직을 생각해서 차근차근 작성해야 한다는 것을 깨달았어요. 코드를 작성하는 것보다 데이터를 정리하는 게 더 힘들다는 것을 알게 되었습니다.. 배운 것에서 다 응용이 되니까 자신감이 생겼어요! 지난주에 이어 기능을 덧붙여나가니 재밌어요! 다음 주에는 부가적인 기능들을 구현해볼거예요~ 2. 솔루션 챌린지 제..

코드숨 리액트 주간 회고 #9주차

📚 주간 회고 🏛 목표 1주차 개인 프로젝트 진행하기 코드숨 이전 주차 강의 복습하기 솔루션 챌린지 제출하기 알고리즘 공부하기 🏛 한 것 1. 1주차 개인 프로젝트 진행하기 🏛 배운 것 Issue와 Project를 생성하고 Readme를 작성했습니다. 개발 환경 구축하는 방법을 배웠습니다. React로 코드를 작성했습니다. Emotion으로 스타일링을 적용했습니다. 배포하는 방법을 알게 되었습니다. 🏛 느낀 것 개인 프로젝트 시즌이 시작됐어요! 많이 물어보고 검색해서 하고있는데 일단 1주차에 기능 구현이 돼서 다행이에요 1주차에 배포를 해서 사용자들이 이용할 수 있는 수준까지 만들어야한다고 하셨거든요 이제 기능 추가하고 더 예쁘게 꾸며야겠어요! 제 프로젝트가 생기니까 더 열심히하게되고 애착이 가는 것 같..

코드숨 리액트 주간 회고 #8주차

📚 주간 회고 🐳 목표 코드숨 8주차 교육 듣고 과제하기 이전 주차 복습하기 솔루션 챌린지 준비하기 알고리즘 공부하기 프로젝트 기획하기 🐳 한 것 1. 코드숨 8주차 교육 듣고 과제하기 🐳 배운 것 Redux toolkit을 사용하여 중복 코드를 제거했습니다 Emotion을 이용하여 CSS-in-JS를 적용하는 방법을 배웠습니다 UseCallback과 React.memo를 이용하여 성능을 최적화했습니다 🐳 느낀 것 이번 주는 과제하는 것이 재밌었어요! ㅋㅋ 과제랑 프로젝트를 하다보니 거의 CSS 마스터가 될 것 같아요 2. 개인 프로젝트 준비하기 🐳 배운 것 아이템 선정, 프로젝트 기획을 진행했습니다 페이지 기획서와 기능 명세서를 작성하고 데이터를 정리했습니다 🐳 느낀 것 프로젝트를 준비하는 데에 시간..

코드숨 리액트 주간 회고 #7주차

📚 주간 회고 💜 목표 코드숨 7주차 교육 듣고 과제하기 이전 교육 복습하기 노마드코더 HTML/CSS 챌린지 참여하기 솔루션 챌린지 준비하기 알고리즘 공부하기 💜 한 것 1. 코드숨 7주차 교육 듣고 과제하기 💜 배운 것 login, logout 기능을 알게 되었습니다 localStorage의 개념과 사용법을 배웠습니다 💜 느낀 것 이번 주는 몸살이나서 과제 PR을 며칠 빼먹었어요 너무 욕심을 부렸나봐요 몸이 열정을 따라가주질 못했어요ㅜ 주말에 구현만 연습하고 TDD는 못했어요 그래서 PR도 못보냈네요.. 에고.. 코드리뷰 안녕... 트레이너님 죄송해요.. 다행인 점은 7주차가 되니까 이제 리액트를 60%정도 이해할 수 있게 됐어요! ㅋㅋ 2. 노마드코더 HTML/CSS 챌린지 참여하기 💜 배운 것 C..

코드숨 리액트 주간 회고 #6주차

📚 주간 회고 🍿 목표 코드숨 6주차 교육 듣고 과제하기 노마드코더 HTML/CSS 챌린지 참여하기 정보처리기사 필기 시험보기 🍿 한 것 1. 코드숨 6주차 교육 듣고 과제하기 🍿 배운 것 라우터로 페이지간 이동하는 웹사이트를 구현했습니다 historyApiFallback의 의미와 기능을 알게 되었습니다 Window.location을 배우고 사용했습니다 🍿 느낀 것 라우팅을 배우니 리액트가 사랑스러운 이유를 하나 더 알게 되었습니다! 다른분들이 보면 충격을 먹으시겠지만 저는 이번 주차 과제에 처음으로 초록 체크 표시를 받았어요! 그래서 너무 기분이 좋습니다 ^_^ 다른분들 코드도 참고하고 질문도 많이 했지만 어쨌든 성공했다는거에 매우 뿌듯함을 느껴요!! 열등생의 눈물.. 노트북을 새로 사서 과제하기에 급..

코드숨 리액트 주간 회고 #5주차

📚 주간 회고 🐰 목표 코드숨 5주차 교육 듣고 과제하기 맥북 개발 환경 세팅하기 정보처리기사 공부하기 테스트 주도 개발 책 읽기 지난 강의 복습하기 🐰 한 것 1. 코드숨 5주차 교육 듣고 과제하기 🐰 배운 것 async/await 문법을 사용해서 비동기 코드를 작성하는 것을 배웠습니다 api 서버에서 정보를 받아오는 방법을 배웠습니다 Redux Thunk로 action을 작성하는 방법을 알게 되었습니다 🐰 느낀 것 지난 주에 이해하지 못한 리덕스를 이번 주 과제를 수행하면서 이해했습니다 역시 코드를 직접 작성해봐야 온전히 내 것으로 만들 수 있는 것 같습니다 100% TDD로 개발하지 못하고 테스트 코드를 다 작성하지 못했습니다 ㅠ TDD로 개발하는 것은 어렵습니다! 하지만 그렇게 하는 데에는 다 이..

코드숨 리액트 주간 회고 #4주차

📚 주간 회고 ⚡ 목표 코드숨 4주차 교육 듣고 과제하기 정보처리기사 필기 1,2,3과목 강의 듣기 React 공식문서 읽기 자바스크립트 코딩의 기술 스터디하기 TDD 책 읽기 한 것 1. 코드숨 4주차 교육 듣고 과제하기 ⚡ 배운 것 TDD Cycle로 코드를 작성하였습니다 Redux의 구현과 설치방법을 배웠습니다 Redux를 사용하여 상태 관리를 하는 법을 알게 되었습니다 ⚡ 느낀 것 완전한 관심사의 분리의 필요성과 유용함을 알게 되었습니다 TDD로 코드를 작성해보니 TDD의 이점을 몸소 느낄 수 있었습니다 테스트 주도 개발의 두려움이 약간 사라졌습니다! 2. 자바스크립트 코딩의 기술 스터디하기 ⚡ 배운 것 모던 자바스크립트에서 활용하는 메서드와 함수를 배웠습니다 외부 데이터, 라이브러리를 활용하는 ..

코드숨 리액트 주간 회고 #3주차

📚 주간 회고 🍓 목표 코드숨 3주차 교육 듣기 코드숨 3주차까지 과제하기 React 공식문서 읽기 모던 JavaScript 튜토리얼 파트2 공부하기 자바스크립트 코딩의 기술 스터디하기 🍓 한 것 1. 코드숨 3주차 교육 듣기 🍓 배운 것 Jest를 설치하고 사용하는 방법을 배웠습니다 테스트 코드를 작성하는 방법을 알게 되었습니다 TDD Cycle을 학습했습니다 🍓 느낀 것 테스트 주도 개발의 중요성을 깨달았습니다 아직 코드 작성도 익숙하지 않은데 테스트 코드를 작성하려니 막막했습니다 2. 코드숨 2주차까지 과제 풀이 공부하기 🍓 배운 것 코드를 작성해나가는 순서와 방법을 배웠습니다 자바스크립트와 리액트 개발에 필요한 지식들을 알게 되었습니다 🍓 느낀 것 코드를 작성하는 것과 보고 따라하는 것은 많이 다..

코드숨 리액트 주간 회고 #2주차

📚 주간 회고 🍬 목표 코드숨 1주차 과제 풀이 공부하기 코드숨 2주차 교육 듣고 과제 수행하기 모던 JavaScript 튜토리얼 읽기 자바스크립트 코딩의 기술 책 공부하기 React 공식문서 읽기 🍬 한 것 1. 코드숨 1주차 과제 풀이 공부하기 🍬 배운 것 변수를 재할당하지않고 사용하는 방법을 배웠습니다. 간단한 계산기를 구현하는 방법을 배웠습니다. 버튼과 변수, 초기값으로 함수를 구성하는 법을 알게 되었습니다. || 연산자로 함수를 작성하는 방법을 학습했습니다. 🍬 느낀 것 저의 코드와 아샬님의 코드를 비교하면서 더 매끄러운 코드 작성법을 알 수 있었어요 자바스크립트와 리액트를 활용하려면 기존의 마인드 자체를 바꿔야할 것 같아요 머릿속에 있는 생각을 그대로 코드로 반영하는 것이 아니라 한단계 한단계..

코드숨 리액트 주간 회고 #1주차

📚 주간 회고 🏁 이번주 목표 코드숨 교육 듣고 과제 수행하기 Git, GitHub 익숙해지기 자바스크립트 코딩의 기술 책 공부하기 React 공식문서 읽기 JS 교육 필수 문법 공부하기 유닉스 커맨드 라인 복습하기 모던 JS 튜토리얼 공부하기 🏁 한 것 코드숨 교육 듣고 과제 수행하기 JS 교육 필수 문법 공부하기 Git, GitHub 활용하여 커밋하기 모던 JS 튜토리얼 공부하기 🏁 배운 것 Node.js 사용법과 JavaScript 문법을 학습했습니다. Git과 GitHub를 활용해서 협업하는 방법을 배웠습니다. 변수를 재할당하지 않고 코드를 작성하는 법을 알게 되었습니다. ESLint로 코드를 검사하고 모르는 문제에 대해 공식문서를 참고하는 법을 익혔습니다. 🏁 느낀 것 답을 찾을 수 없을 거라 ..