분류 전체보기
WIL 11월 2주차
이번주의 배운 점. Git 도 어느정도 배우고 있었는데 특강을 들으면서 개념만 알고있던 wiki 나 issue 등에 대해서 확실하게 짚고 넘어가는 기회가 되었다. 라이브러리를 고르는 법은 아직은 잘 모르겠지만 팀원들과 회의 하면서 어떤 라이브러리를 쓸지 정하는것도 꽤 재밌었다. 사실 기획에 너무 시간을 써서 얼마나 잘 할지 모르겠지만 힘내보자!
항해 WIL
프로젝트를 진행하면서 새로운 기술 스택들을 배워보려고 많은 노력을 했다. 일단 React Query에 대한 공부는 아직 모자란거 같아서 클론 단계에는 적용해보지 못했지만 date-fns 라던가 폴더 구조, 또 클론 프로젝트를 다 끝내지 못해서 아쉬움이 남았는데, 그 아쉬움도 리더 세션에서 배운 MVP ( Minimum Viable Product ) 구조를 배우면서 너무 처음부터 Product 단계로 가는 과정을 밟지 않는것도 중요하다고 생각했다. 더보기 클론 코딩에는 아쉬움이 많이 남아서, 실전 프로젝트는 꼭 멋있게 완성하고 싶다는 생각을 했다.
Axios 란
Axios is a simple promise based HTTP client for the browser and node.js. Axios provides a simple to use library in a small package with a very extensible interface. Axios는 브라우저 및 node.js를 위한 간단한 Promise 기반 HTTP 클라이언트입니다. Axios는 매우 확장 가능한 인터페이스를 가진 작은 패키지로 사용하기 쉬운 라이브러리를 제공합니다. - 공식 문서 中 - Axois 라이브러리는 브라우저, Node.js 를 위한 Promise API 를 사용하는 HTTP 비동기 통신 라이브러리이다. - fetch api 라는 기본 내장 라이브러리와 역할이 비슷하다..
React Lifecycle 그리고 Hooks
LifeCycle Method 는 "생명주기 메서드" 라고 부릅니다. 생명주기 메서드는 컴포넌트가 브라우저상에 나타나고, 업데이트되고, 사라지게 될 때 호출되는 메서드들 입니다. 추가적으로 컴포넌트에서 에러가 났을 때 호출되는 메서드도 있습니다. Hooks 는 리액트 v16.8 에 새로 도입된 기능으로서, 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기능등을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해준다.
React WIL
DOM (Document Object Model) - 영어 그대로는 문서 객체 모델을 뜻하며 브라우저가 웹 페이지를 계층화시켜 트리구조로 만든 객체 모델이다. DOM을 통해 HTML/CSS 를 Javascript 로 연결하는 역할을 한다. 서버리스 (Serverless) - 서버리스는 처음에는 서버 없는 서비스를 이야기 하는줄 알았는데 서버리스는 개발자가 서버 관리가 필요없이 애플리케이션을 빌드하고 실행 시키는 클라우드 네이티브 모델을 의미한다. 클라우드의 발전으로 물리적 서버 없이 클라우드 환경으로 임대를 통해 사용하는 서버를 의미한다.
[JavaScript] ES5 vs ES6 차이
ES5 vs ES6 의 차이 ECMAScripts 의 버전중 하나로 ES5 는 2009 년에 출시했고, ES6 는 2015년에 출시한 버전이다. 1. 데이터 타입의 변경 ( Data-types ) ES5 supports primitive data types that are string, number, boolean, null, and undefined. In ES6, there are some additions to JavaScript data types. It introduced a new primitive data type 'symbol' for supporting unique values. ES5 는 string , number , boolean , null , undefined 의 원시타입 데이터..