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를 꼭 써줘야한다!

회사에서 m1 맥북을 새로 받아서 기뻤던 나... 하지만 재택근무 중에 갑자기 기존 맥을 반납했어야 해서 imagration을 못하고 기존 맥을 밀어버린 뒤, 새로운 맥을 새로 세팅했어야 했다.그말인 즉슨 node js도 다시 깔아야한다는 말...^^어쩔 수 없이 처음