✪ 취미, 경험 회고 및 일상/[회고] IT 관련 경험 회고

코드숨(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기 - 학습 내용 정리 및 회고..

나는 왜 개발자가 되기로 했을까?

(이 포스트는 velog 플랫폼에 포스팅했던 게시글을 그대로 가져온 것입니다.)   누구나 공부를 하다 보면, 잘 안되는 날이 분명 있을 것이다.나에겐 오늘이 그렇다.그럼과 동시에, 지금 내가 스스로 심적으로 많이 조급해하고 있다는 것을 느꼈다.왜 그럴까. 조금 고민해보니 답은 금방 나왔다. 앞으로 몇 년 뒤, 취업 전선에 뛰어들 시기의 나는 과연 기업이 원하는 인재의 모습이 될 수 있을까?그러기 위해 지금 나는 올바른 방향으로 공부하고 있는 건가?혹시 잘못된 선택으로 시간을 허비하고 있는 건 아닐까?이런 걱정들이 나도 모르는 사이에 내 스스로를 옥죄고 있었던 것이다. 나는 좋은 개발자가 되고 싶다.나는 실력 있고, 소통도 잘해 남들에게 인정 받는 개발자가 되고 싶다.그리고 나보다 더 나은 사람들과 함께..

FE 취준생을 위한 포스트/자료 모음

얼마 전 velog에 올린 포스트인데 생각보다 반응이 뜨거워 티스토리에도 공유합니다.  앞으로 velog 포스트과 깃허브 레포지토리엔 계속해서 새 자료들을 업데이트 할 예정이지만, 이 글엔 업데이트 내용을 반영하기 어려울 것 같아, 대신 velog 게시글과 깃허브 레포지토리의 링크를 남깁니다.👉 velog 게시글 바로가기👉 GitHub 레포지토리 바로가기  소개 💬프론트엔드 개발자로 취업을 준비하는 모든 분들에게 도움이 될 만한기술 블로그 포스트 및 여러 자료들을 모아 정리했습니다. 🙂 그 동안 저에게 유익했던 여러 포스트 및 자료들을 다시 볼 목적으로 제 깃허브 레포지토리에 저장해 두었는데, 다른 분들에게도 공유하면 좋을 것 같아서 이렇게 정리하여 올립니다.제가 프론트엔드 개발자를 준비하고 있어..

일일 커밋 2개월 후기 (2학년 겨울 방학을 마무리하며..)

길고도 짧았던 겨울 방학이 어느 덧 3일밖에 남지 않았다.많이는 못 하더라도 매일 1시간 이상 꾸준히 공부를 하자는 것이 이번 방학의 목표였는데다행이도 이 목표는 달성할 수 있을 것 같다. 그렇지만, 공부를 하면 할수록 정말 해야할 것이 많다는 것을 느끼니,하루를 마칠 때마다 "좀만 더 공부할걸"이라는 생각에 아쉬움이 들었던 적도 많았다.  예전부터 '1일 1커밋' 이라는 것을 이곳 저곳에서 들었었다.'나도 꼭 한 번 해봐야지' 라는 생각은 줄곧 했었지만, 깃의 사용법을 몰라 여태껏 그 일을 계속 미뤄왔다.하지만 '언제까지 미룰 것인가. 모르면 찾아서 배워야지' 라는 생각에, 다시 한 번 깃에 대해 공부해보기로 마음을 먹었다.그러나, 깃의 기초적인 사용법을 찾아서 봐도 명령어에 익숙하지 않았던 나는결국 ..