성장에 목마른 코린이

이번 섹션은 섹션 1에 비해서 정말 어려웠습니다. 멘탈 나가는 순간도 정말 많았고, 내가 이게 적성에 맞는가라는 생각도 들었습니다. 진짜 부족한게 너무 많다라고 진행하는 거의 매순간 느꼈습니다. 하지만 멘탈나가도 계속해서 꾸준히 포기하지 않고 공부를 하다보니, 잘 이해되지 않던 것들도 조금씩 보이기 시작하고, 또 스터디원들과 같이 논의하고 생각을 나누고 고민을 나누면서 힘도 내고, 나만 힘든게 아니구나 라고 느끼면서 나름 최선을 다했습니다. 섹션 1의 HA는 리액트, 고차함수, DOM 위주로의 시험이였다면, 이번 HA의 핵심은 기본 React 지식, 고차함수, 상태관리, Props, 서버, 재귀가 핵심 이였던 것 같습니다. 진짜 다행히 마지막 페어로 저의 깐부페어인 정윤님을 만나 해야할 것 빨리 끝내고,..

사실 리액트 상태관리, 리덕스, 클라이언트 빌드와 배포에 대해 학습했습니다. 느낌 진짜 처음엔 답도없이 어렵게 느껴졌는데, 지금은 좀 친해진 느낌입니다! 발견점 운동을하니까 컨디션이 좋아졌습니다! 그리고 계속 보다보니 점점 친해져가는 내자신이 보입니다! 다음주를 위한 행동 운동 꾸준히하고! 다시 처음으로 돌아가 열심히, 꾸준히 공부하겠습니다!

오늘의 학습목표 학습내용 배포, HA 코플릿형 오늘의 회고 오늘 코플릿은 풀만하다고 느꼈습니다. 저는 2번에서 조금 막히긴했는데 구글링하면서 어떻게 해결하면 좋을까 계속 찾고 고민하다보니 결국 해결해냈습니다! 코플릿 많이 어려울까 걱정했는데 다행히 전부다 100%으로 제출해서 시작이 좋은 것 같습니다! 내일 HA도 화이팅!

오늘의 학습목표 오늘은 페어와의 얘기 후, 다음날이 HA인만큼 HA를 대비할 예정입니다! 학습내용 HA 대비, States Client, Server 복습, 노마드코더 복습. 오늘의 회고 오늘 복습하면서 잘 이해 덜됬던 부분도 짚고 넘어가고, HA전에 보길 참 잘했다는 생각이 들었습니다. 오늘 푹자고, HA 잘 치러서 저희 스터디원과 함께 다같이 다음 섹션 넘어갔으면 좋겠습니다!

오늘의 학습목표 Redux (혹은 Flux Pattern)에서 사용하는 Action, Reducer 그리고 Store의 의미와 특징을 이해할 수 있다. Redux의 3가지 원칙이 무엇이며, 주요 개념과 어떻게 연결되는지 이해할 수 있다. Presentational 컴포넌트와 Container 컴포넌트의 개념을 이해할 수 있다. Redux hooks(useSelector, useDispatch)를 사용해 store 를 업데이트할 수 있다. 학습내용 Action Action은 어떤 액션을 취할 것인지 정의해 놓은 객체입니다. Action을 통해 모든 변화를 주는 것은 만드는 앱에서 어떤 일이 일어나는지 직관적으로 보게 도움주는 역할을 합니다. // type은 필수로 지정을 해 줘야합니다 // 그 외의 것들은..

오늘의 학습목표 상태 관리 라이브러리가 왜 필요한지 이해할 수 있다. 학습내용 프론트엔드 개발에서 상태의 중요성 프론트엔드에서의 상태는 UI 에 동적으로 표현될 데이터를 의미합니다. "장바구니에 담기"와 같은 버튼을 눌러, 해당 물품을 장바구니에 추가할 수 있습니다. 동적인 데이터이므로 이것은 상태입니다. 상단에 [일반구매/정기배송]중 현재 선택된 탭이 무엇인지 나타내는 상태가 있을 수 있습니다. 상품 선택 여부에 따라 주문 금액이나 배송비가 달라집니다. 선택 여부는 변할 수 있으므로 상태입니다. 상품 수량도 상태입니다. 프론트엔드 개발에서의 Side Effect 오늘의 회고 오늘은 운동을 처음 시작한 날입니다! 앞으로 운동이 컨디션 관리하는데 도움이 되길 바라며 앞으로 1시간씩은 헬스장갈 예정입니다! ..

사실 웹서버 기초, 리액트 컴포넌트 디자인 방법론, 실습을 스프린트 실습을 통해 학습했습니다. 느낌 4주차에 접어들다보니 집중력도 많이 흐려지고, 3주차까지 계속 주말갈아넣어서 공부하다보니 과부화 온것 같고 머리에 들어오질 않았습니다. 발견점 질 좋은 휴식을 하는 게 정말 중요하다 깨달았고, 운동을 지금이라도 시작해야겠다고 생각했습니다. 다음주를 위한 행동 다음 주에는 꾸준히 운동을 나갈 계획이며, 잘 쉬는 것 또한 굉장히 중요하게 생각하게 여기며, HA 준비를 잘해볼 예정입니다. 이번주는 진짜 머리에 학습하는게 너무 안들어왔고, 집중도 너무 안되었습니다. 몸상태도 많이 안좋다고 느꼈고, 많이 지쳐있다는 것을 느꼈습니다. 그래도 이번 주말동안 좀 마음 놓고 쉬었더니 좀 머리도 맑아진 기분이고, 다시 학습..

오늘의 학습목표 컴포넌트 UI 개발에 도움을 주는 라이브러리인 Storybook을 활용할 수 있다. 컴포넌트 기반 CSS 작성에 도움을 주는 라이브러리인 Styled-Component를 활용할 수 있다. DOM Reference를 활용하기 위한 useRef Hook을 활용할 수 있다. 학습내용 React Custom Component 스프린트를 진행해 Tab, Tag 컴포넌트를 구현했습니다. 오늘의 회고 리액트와도 더 친해져야겠다고 느꼈고, CSS공부에 시간을 좀 투자하고싶다고 느꼈습니다.

오늘의 학습목표 컴포넌트 UI 개발에 도움을 주는 라이브러리인 Storybook을 활용할 수 있다. 컴포넌트 기반 CSS 작성에 도움을 주는 라이브러리인 Styled-Component를 활용할 수 있다. DOM Reference를 활용하기 위한 useRef Hook을 활용할 수 있다. 학습내용 React Custom Component 스프린트를 진행해, Modal, Toggle 컴포넌트를 구현했습니다. 오늘의 회고 CSS 구현이 너무 어렵습니다.. CSS 공부를 날잡고 해야할 것 같습니다.

오늘의 학습목표 컴포넌트 기반 Bottom-up 방식 개발이 무엇인지 이해한다. 컴포넌트 UI 개발에 도움을 주는 라이브러리인 Storybook을 활용할 수 있다. 구조적으로 CSS를 작성하는 방법의 발전과 이유에 대해서 이해한다. 학습내용 Storybook Storybook은 컴포넌트의 재사용성을 확대하기 위해 사용하는 UI 개발도구입니다. 회사에서 사용하는 UI 라이브러리를 내부 개발자들을 위해 문서화하는 UI 개발도구입니다 컴포넌트를 시각화하여 시뮬레이션할 수 있는 다양한 테스트 상태를 만들어볼 수 있습니다. UI 라이브러리로 활용하기 때문에 애플리케이션과 독립적인 개발 환경에서 실행됩니다. 굳이 애플리케이션을 탐색하지 않아도 Storybook을 통해 전체 UI에 대한 파악을 한눈에 할 수 있습니다..

오늘의 학습목표 라우팅과 API 라우팅(조건에 따른 분기)을 이해하고, 이를 서버 코드에서 구현할 수 있다. 클라이언트가 사용할 수 있도록, 서버 API 문서를 직접 작성할 수 있다. 서버 개발과 디버깅 CRUD 를 수행하는 웹 서버 개발 방법을 익힐 수 있다. 서버 개발을 돕는 다양한 툴들을 익힐 수 있다. 학습내용 State Airline Server 스프린트를 진행 하였습니다. 오늘의 회고 아직 라우팅을 제대로 덜 이해한것 같고, 컨디션이 좋지않아 그런지 스프린트가 많이 어려웠습니다.

오늘의 학습목표 Express 라이브러리 express 라이브러리가 어떤 작업을 단순하게 만드는지 이해할 수 있다. 미들웨어의 개념을 이해할 수 있다. Mini Node Server을 Express를 이용해 잘 구현하기 학습내용 Express.js 소개 MERN stack은 JavaScript 생태계에서 인기 있는 프레임워크인 MongoDB, Express, React, Node를 지칭하는 말입니다. 이 중에서 Express.js는 Node.js 환경에서 웹 서버 또는 API 서버를 제작하기 위해 사용되는 인기 있는 프레임워크입니다. Express framework는 npm을 통해 다운로드할 수 있습니다. Express로 구현한 서버가 http 모듈로 작성한 서버와 다른 점 미들웨어 추가가 편리하다. 자..