React 란? > 유저 인터페이스를 만드는 데 사용되는 오픈 소스 자바스크립트 라이브러리이며, 페이스북에서 개발하였다. 프론트엔드 개발자 사이에서 많은 인기를 얻고있다. React 의 특징 * Component 단위 작성* >Component는 UI를 구성하는 개별
리액트를 웹페이지를 만들기위한 하나의 레고라고 생각할때, 컴포넌트는 레고의 블록이라고 생각하자.한 웹 페이지의 부분부분을 기능 및 역할에 따라 조각낼 때, 나눈 조각 하나하나를 컴포넌트라고 부른다.즉, "Component는 웹 사이트의 조각이고, 우리는 이 조각을 모아
props와 state는 리액트에서 다루는 데이터의 개념이다.쉽게 말하면, props는 받은 데이터이거나 생성된 데이터, 즉 데이터의 기원이 자기 자신이 아닌것이고, state는 자기자신의 컴포넌트에서 만들어낸 데이터이다. 어떤 컴포넌트 기준에서 얘기하는지에 따라서 같
컴포넌트의 생명주기컴포넌트의 생명주기, 즉 라이프 사이클을 다루는 것은 컴포넌트가 생겨나고, 변화하고, 없어지는 일련의 프로세스를 프로그래머가 통제하는 것을 뜻한다.
여러개의 페이지를 사용하며, 클라이언트가 새로운 페이지를 요구할 때마다 정적 리소스를 다운로드받고 전체 페이지를 다시 렌더링하는 MPA(Multi Page Application) 방식과 달리, 최초에 모든 정적 리소스를 다운받은 후 클라이언트의 새로운 페이지 요청에 대
리덕스 공식문서리덕스는 흔히 사용하는 상태관리(state 관리) 라이브러리이다. 전역 상태관리를 편히 할 수 있도록 해준다.리덕스는 컴포넌트에서 관리되는 state를 Store라는 state 공용 관리 구역을 두어 컴포넌트들이 props를 부모로부터 받아오는 것이 아닌
Firbase란? FireBase 바로가기 BaaS (Backend as a Service) 백엔드를 서비스로서 빌려오는 것이다. 파이어베이스를 예로 들면, 데이터베이스, 소셜 서비스 연동(일종의 소셜 로그인), 파일시스템 등을 API 형태로 제공해준다. FireSt
yarn add styled-componentsCSS-in-JS 라이브러리 중 하나이며 JS로 작성된 컴포넌트에 스타일을 직접 입히는 방식이다. 중복되지 않는 class 명을 생성해 작용하기 때문에 클래스에 따른 css 혼선을 방지할 수 있다. 컴포넌트의 pr
React Hook 공식 문서 바탕의 React Hook 정리 React Hook의 등장배경 클래스형 컴포넌트의 상태 관리의 복잡성과 한계 componentDidMount componentDidUpdate componentWillUnmoun 등 생명주기에 따라 연관성
Ref는 render 메서드에서 생성된 DOM 노드나 React 엘리먼트에 접근하는 방법을 제공합니다. - 리액트 공식문서 Ref 의 탄생배경 일반적인 React의 데이터 흐름에서 props는 부모 컴포넌트가 자식과 상호작용 할 수 있는 유일한 수단이다. 자식
https://velog.io/@cks3066/ReactRedux해당 게시글을 통해 이미 리덕스에 대해 다뤘었다.프로젝트를 진행하며 실제 리덕스를 적용하여 사용하게 됨에 따라 필요한 모든 코드를 작성해야하는 naïve한 리덕스는 프로젝트에 리덕스 도입을 꺼리게