CodeSoom

코드숨(CodeSoom) 리엑트 11기 마지막 회고 및 후기.. (부제 : 나는 실패했다)

무거운 마음을 갖고 마지막 코드숨 회고를 써보려 한다.결론부터 말하자면.. 나는 6주차의 벽을 넘기지 못하고 포기했다. 사실 포기했다는 것 자체가 많이 부끄럽고 창피해서 그동안 회고를 쉽게 쓰지 못하고 있었다.그러다 코드숨 리엑트 동기 분들 중 깃허브에서 나를 팔로우하신 한 분이 얼마 전 언팔하신 것을 보고비록 창피하지만 도망치지 말고 이렇게 후기를 적고 공유하는 것이코드숨에서 나를 지켜봐 오신 (언젠가 어디에서 또 어떻게 뵙지 모를) 여럿 분들에게도그리고 이번 실패를 수치만이 아닌 성장의 발판으로 삼고 싶은 나 자신에게도좋을 것 같다는 생각이 들어 어렵게 글을 쓴다.  나는 웹 개발에 관한 기초 지식이 많이 부족한 상태였지만 강한 열정을 갖고 코드숨을 신청했다.물론 1주차부터 매 순간이 고비의 연속이었..

코드숨(CodeSoom) 리엑트 11기 5주차 회고

학습한 것비동기 처리동기 처리 vs 비동기 처리콜백 함수콜백 지옥 Promise, async/awaitPromise 객체란콜백 지옥을 해결하는 방법Promise의 3가지 상태Promise 연결, 에러 처리 방법async/await 문법이란  📌 무엇을 공부했는지는 아래 깃허브 주소에 훨씬 더 자세히 기록해두었습니다.링크 바로가기 👉 💻 CodeSoom 리엑트 11기 - 학습 내용 정리 및 회고회고 및 느낀점솔직한 고백을 하자면.. 이번 주는 회고를 할 것이 별로 없다.왜냐하면 이번 주는 코드숨 교육에 시간을 거의 투자하지 못했기 때문이다.그래서 이번 회고는 내가 실패한 이유, 스스로에 대한 반성이 주를 이룰 것 같다. 이번 주 코드숨 공부를 별로 하지 못한 이유를 생각해보니, 여러 가지가 있었지만,..

코드숨(CodeSoom) 리엑트 11기 4주차 회고

학습한 것테스트 코드 추가 실습ToDo앱 (지난 주 과제) 테스트 코드 처음부터 혼자 힘으로 다시 작성해보기BDD 스타일 (describe - context- it) 실습 Flux 아키텍처Flux Architecture 개념 (단방향으로 데이터 흐름을 관리하는 패턴)[Action] -> [Dispatcher] -> [Store] -> [View][View] -> [Action] -> [Dispatcher] ReduxRedux 라이브러리란? (상태 관리)Redux의 3가지 원칙Redux의 동작 흐름acton, dispatch,reducer, store, subscribe, getState, render 각각의 역할Presentational Components, Container ComponentsProvi..

코드숨(CodeSoom) 리엑트 11기 3주차 회고

학습한 것2주차 복습 (코드 이해 위주)컴포넌트 작성 및 분리 연습Special Props Warning 문제에 대한 고찰지난 주 2번째 과제 (간단한 Todo App 만들기) 코드 이해하기객체 매개변수 구조 분해 할당 방법, ...state 구문 학습 TDD 관련 개념 학습Jest와 RTL (React Testing Library)의 역할단위 테스트와 TDD란 무엇인가TDD의 룰과 TDD 사이클Jest 단언문 (Assertion) 과 구조 (expect 매서드 + Matcher)Matcher의 종류와 Jest DOM테스트의 유형 (유닛 테스트, 기능 테스트, 통합 테스트, E2E 테스트)유닛 테스트와 기능 테스트의 장단점테스트 코드 작성 스타일 - BDD 테스트 코드 작성 실습테스트 코드 문법 공부컴포..

코드숨(CodeSoom) 리엑트 11기 2주차 회고

학습한 것1주차 복습 (코드 이해 위주)createElement 함수를 직접 구현하는 과정부터 복습1주차 과제 복습 (다시 구현해보기)논리연산자 || 이 JavaScript에서 동작하는 방법중첩 if / else문을 피하기 위한 Guard Clause 학습 React 학습React 프레임워크가 탄생한 배경React의 핵심 개념ReactDOM과 가상 DOM컴포넌트의 개념컴포넌트 합성, 컴포넌트 분리 (관심사의 분리)리액트 Hook, useState컴포넌트의 'key' 속성 Etc. webpack에 서버를 띄울 시 경로 설정을 바꾸는 방법 (index.js=>index.jsx) 📌 무엇을 공부했는지는 아래 깃허브 주소에 훨씬 더 자세히 기록해두었습니다.링크 바로가기 👉 💻 CodeSoom 리엑트 11기..

코드숨(CodeSoom) 리엑트 11기 1주차 회고

학습한 것개발환경 구축Node.JS, NPM 설치 및 사용 목적 학습NPM 명령어에 익숙해지기ESLint, Webpack, Babel 설치 및 작동법과 각각의 사용 목적 학습 JavaScript를 활용한 Web 개발자바스크립트 '객체'에 대해 학습구조분해 할당, 자주 쓰이는 배열 함수 (map, filter, forEach), 전개연산자 사용법 학습 + 익숙해지기DOM과 DOM Tree의 이해JSX의 이해 깃 이해하고 PR 보내기깃의 개념 및 용어 학습 (커밋, 브랜치, 저장소 등)깃의 다양한 명령어 학습 + 사용 연습Pull Request 훈련 📌 무엇을 공부했는지는 아래 깃허브 주소에 훨씬 더 자세히 기록해두었습니다.링크 바로가기 👉 💻 CodeSoom 리엑트 11기 - 학습 내용 정리 및 회고..