본문 바로가기

WIL (Weekly I Learned)16

[항해99] 4주차 회고 한 주에 대한 정리 4주차는 React의 숙련 주차였습니다. 4주차에 집중적으로 배운 것은 리덕스를 통한 전역 상태관리 였습니다. 리액트가 부모 컴포넌트에서 자식 컴포넌트로 props를 전달해 줌에 따라 깊이가 깊어 지면 필요없이 전달해야하는 문제가 있습니다. 이를 해결하기 위해 배운 것이 상태관리였고, 리액트에서 가장 많이 사용하는 리덕스를 이용했습니다. 또한, firebase를 사용해 서버리스 서비스를 경험해 보았습니다. 아래에서는 리액트가 클래스 컴포넌트가 아닌 함수형 컴포넌트를 사용하는 것을 권장함에 따라 라이프 사이클 메서드를 비교하고 hooks에 대해 간단히 알아보겠습니다. 라이프 사이클 먼저, 라이프 사이클은 컴포넌트가 렌더링을 준비하는 순간부터, 페이지에서 사라질 때까지를 말합니다. 라이프.. 2022. 2. 6.
[항해99] 3주차 회고 한 주에 대한 정리 3주차는 드디어 자신이 정한 주특기를 배우는 주차였습니다. 제가 선택한 주특기는 리액트였습니다. 3주차에 집중적으로 배운 것은 리액트의 기초와 라이프 사이클, 라우팅이였습니다. 리액트에서 리액트 요소가 화면에 그려지고 사라는진데 까지의 사이클 SPA에서 라우팅 등 어떻게 리액트가 그려지고 작동하는지를 배울 수 있었습니다. 아래에서는 라이프 사이클을 이해하기 위해 필요한 DOM과 프로젝트를 만들 때 서버에 대한 고민을 줄여줄 수 있는 서버리스에 대해 알아보겠습니다. DOM 먼저 DOM은 Documnet Object Model로 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스를 의미합니다. 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각 요소에 접근하는 방법을 제공합니다.. 2022. 1. 30.
[항해99] 2주차 회고 한 주에 대한 정리 항해 2주차는 자바스크립에 대한 구현력을 기르는 시간이었습니다. 알고리즘 문제들을 풀어보면서 자바스크립트의 내장 메서드들을 자유롭게 사용하고 다양한 유형의 문제들을 풀면서 조금이나마 연습을 할 수 있었습니다. 이번 주는 알고리즘 주차가 끝나고 리액트에 대한 강의와 숙제가 시작되는 주차이기도 합니다. 리액트는 자바스크립트의 라이브러리 중 하나로, 역시 자바스크립트를 잘 사용하는 것이 중요합니다. 아래에서는 자바스크립트를 하면 알아야하는 ECMAscript에 대해 조금 설명하겠습니다. ES 는 무엇인가 ES 는 ECMAScript 의 약자입니다. ECMAScript 는 Ecma 인터내셔널의 ECMA-262 기술 규격에 정의된 표준화된 스크립트 프로그래밍 언어입니다. 자바스크립트가 개발된 .. 2022. 1. 23.
[항해99] 1주차 회고 한 주에 대한 정리 항해99 부트캠프를 시작하고 1주 차가 끝났습니다. 앞으로 매주 무엇을 했는지, 어떠한 생각이 들었는지, 어떤 것을 배웠는지 회고를 해보려고 합니다. 항해의 1주 차는 팀으로 미니 프로젝트를 수행하고 완성하며 이후 긴 시간을 적응하기 위한 준비의 기간이었습니다. 저희 조는 4명으로(중간에 한 분이 하차하셨지만..) 스타벅스 음료들을 리뷰하는 웹 사이트를 만들었습니다. 먼저, 1주 차에 대한 소감은 팀 프로젝트로 협업을 경험하고 스스로 하나의 프로젝트를 완성하는 경험을 가질 수 있었다는 것이 좋았습니다. 물론 대단한 협업이나 대단한 프로젝트를 만든 것은 아니지만, 성취감을 중요하게 생각하는 사람으로서 좋은 경험이 되었다고 생각합니다. 다음에는 프로젝트를 진행하면서 알게 된 것에 대해 정.. 2022. 1. 16.