React

리액트 컴포넌트 기능: 가독성, 재사용성, 유지보수 용이

혹시 이걸 보는 후배님이 계시다면 진짜 시험 아니니 쫄지마세용ㅋㅋㅋ리액트란? 페이스북에서 만든 ui를 그리기 위한 자바스크립트 라이브러리리액트 특징: 1) 컴포넌트 단위 개발 2) 선언적이다. 컴포넌트: 독립적으로 움직일 수 있는 작은 모듈을 뜻하나 FE에서는 재사용이

라우팅은 이름과 같이 경로를 찾아주는 역할을 한다.특정경로(url)에서 특정화면을 보여주는 역할MPA: 페이지 수 만큼 html파일이 존재하는 것SPA: MPA의 반대 개념. 한페이지만 존재. 리액트는 SPA!한 개의 웹페이지 안에서 여러개의 페이지를 보여주는 방법은?

프로젝트의 시작, CRA 초기 세팅!!Node.js란 웹에서만 작동하는 자바스크립트가 웹 밖에서도 작동할 수 있도록 만들어진 또 다른 JS 실행환경이다.리액트 어플리케이션은 웹 브라우저에서 실행되는 코드라서 사실은 상관이 없지만, 프로젝트를 개발하는데 필요한 주요 도구

Westagram 팀플의 시작을 알리는 CRA 초기 세팅! 마스터가 진행하면 git repo에 푸시하고, 이를 나머지 조원들이 클론 받아 브랜치 생성 후 작업하는 과정을 거쳤다.

State 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값(객체) 상태값: 화면에 보여줄 ui의 정보(데이터 등등) 얼마든지 객체 안의 데이터가 변경될 수 있다!!!(가장 중요)

key 값에 대해 더 알아보기

Qurey parameter vs path parameter history.push vs Link to Link : a 태그와 같다. 하지만 SPA 특성상 a태그 처럼 새로고침이 발생하면 안되기에, a 태그를 기반으로 기능상의 개선을 통해 새로고침없이 다른 뷰를 렌더

출처: http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/ 라이프 사이클이란 LifeCycle Method 는 한국어로 "생명주기 메서드" 라고 부른다. 생명주기 메서드는 컴포넌트가 브라우저상에 나타나고, 업

유저가 /만 도메인에 입력해도 /home으로 이동하는 코드를 짜고 싶을때 Redirect를 import하고 아래와 같이 코드를 작성하면 된다. exact를 입력하지 않으면 어느 도메인에 가도 home으로 리다이렉트되는 현상이 발생하기 때문에 exact를 꼭 써줘야한다!