React

Desktop - wecode 폴더 진입 cd Desktop/wecode westagram-react 프로젝트 설치 npx create-react-app westagram-react westagram-react 프로젝트 진입 cd westagram-react 로컬 서버

Component : 재사용가능한 ul 단위를 일컫는다.독립적으로 재사용한 코드로 관리할 수 있다. 하나의 component에 필요한 html, css, JS를 모두 합쳐서 만들 수 있다. 독립적이고 재사용 가능한 함수function과 비슷하다.React Compo

State 활용App.js : constructor에서 지정한 state 상태 속성{ color }을 render 함수의 input의 value 값에 접근하여 inline style로 받아왔다. 즉 "red" State(객체 그 자체)의 객체 속성을 이용하여 객체

button에서 onClick을 눌렀을 때 fetch 함수를 사용한다 ( Method / body ) E-mail method : POST { } 사용JSON은 백엔드와 프론트엔드가 통신할 때 사용: 소통을 할 때 객체 형태로 소통을 하는게 아니라 스트링 형태로 먼저

작은 정보를 나의 유저 컴퓨터(브라우저)에 저장하는 방법."localStorage.setitem(“Key”, Value)”브라우저의 Console 창에서 localStorage.setItem을 설정했을 때 브라우저의 application 창에서 Local Storage

Event & setState > event로 state 상태 속성 변경해주기 요소에서 onClick event 발생 this.handleColor, 즉 현재 component(state)의 handleColor 함수 실행 handleColor 함수 실행 시 se

✔️ React Router 설치routing은 다른 경로(주소)에 따라 다른 View(화면)를 보여주는 것을 말한다.리액트 자체에는 이러한 기능이 내장되어있지 않기 때문에 routing을 사용하기 위해서는 추가적인 설치가 필요하다. 이러한 이유 때문에 리액트는 Fra

react에는 기본적으로 내장하고 있는 Hooks가 있다.컴포넌트 사이에서 상태와 관련된 로직을 재사용하기 어렵기 때문 (HOC, render props)에 등장한 것이 바로 hooks이다.React에 존재하는 component 종류 Class component st

Login page 구현 : state와 setState 를 이용한 login event 적용 순서 1. setState 로 event handler 함수를 만든다.순서 2. Input tag 내부에 각각의 event 함수를 할당하고, button tag의 classN