✪ 경험 기록, 회고, 일상

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

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

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

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

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

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

    코드숨(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) 📌 무엇을 공부했는지는 아래 깃허브 주소에 훨씬 더 자세히 기록해두었습니다. 링크 바로가기 👉 💻 CodeSo..

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

    코드숨(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 취준생을 위한 포스트/자료 모음

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

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

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

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

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

    블로그 개편 (다시 열심히 관리하자는 의미로)

    블로그 개편 (다시 열심히 관리하자는 의미로)

    또 블로그를 안 쓴지 4개월이 지나버렸다. 이번의 공백기를 변명하자면 다음과 같다. 저번 학기 중에 velog라는 개발자들을 위한 블로그 서비스를 알게 되었고 정말 마음에 들어서 그 곳으로 블로그를 이전하려 했다. 하지만 결국 나는 그 작업을 미루다 기존의 이 블로그 마저 제대로 관리하지 않았다. 결국 이 블로그를 계속 메인으로 쓰기로 했다. 그리고 앞으로 다시 꾸준히 글쓰고 블로그를 관리하기로 마음 먹었다. (이번엔 제발...ㅠㅠ) 그런 의미에서 블로그를 개편했다. 블로그 제목도 바꾸도 스킨도 바꾸고 카페고리도 싹 바꾸었다. 그리고 기존에 썼던 '코딩 일기'를 '코딩 일상 기록'으로 명칭을 바꾸었다. 일기는 그날그날을 기록하는 건데, 나는 그렇게 하진 않았으니까. 마지막으로, 앞으로의 블로그 포스팅 계..

    하나님이 악을 내버려두시는 이유 (By 기독교 변증가 라비 재커라이어스)

    하나님이 악을 내버려두시는 이유 (By 기독교 변증가 라비 재커라이어스)

    Q. 어떤 죄 없는 선한 사람을 악인이 그를 총으로 쏴서 죽였습니다. 하나님이 진짜 살아계시고 정말 정의로우시고 사랑과 능력의 하나님이시라면 악인이 총을 쏠 때 그걸 막아주셔야지 어떻게 내버려 두실 수 있겠습니까. 하나님이 살아계시다면 악을 내버려두시는 이유가 무엇입니까? A. 우리가 하나님으로부터 받은 가장 큰 선물이 있다면 그것은 사랑입니다. 우리의 삶에 있어서 가장 고귀한 윤리, 하나님으로부터 받은 가장 귀한 선물이 사랑입니다. 그런데 우리가 서로 사랑을 하려면 반드시 전제되어야 하는 것이 자유입니다. 자유로운 선택을 할 수 있는 사람이어야 사랑이 진짜 사랑이 되는 것입니다. 만약에 우리가 어떤 행동을 하도록 결정되어 있는 기계적인 존재라면 우리는 진정한 사랑을 할 수 없습니다. 우리의 사랑이 소중..