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

순서 constructor 생성자 : 값을 초기화 render jsx를 return : 화면을 그린다. 필수. 한줄씩 실행된다. componentDidMount 실제 브라우저의 화면에 부착된 이후에 실행. 최초 render가 되고

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

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

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

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

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

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

React는 페이스북에서 개발하고 관리하는 사용자 인터페이스(UI)를 만들기 위한 JS 라이브러리이다. 웹 어플리케이션의 발전으로 더 나은 개발유지보수를 위해 등장한 라이브러리이며, React와 같은 프론트엔드 라이브러리 혹은 프레임워크를 사용하는 가장 큰 이유 중에

command line빠르다강력하다접근성이 좋다why \*NIX(LINUX/UNIX) ?서버 시장에서의 NIX 점유율이 높음AWS 및 Azure 등에서 제공하는 서버는 대부분 NIX 계열open sourceUSEFUL COMMANDls : 파일 보기. 현재 위치한 속성

1\. Declaration ~ 배열 만들기 첫번째 ~~ 배열 만들기 두번째 ~총 길이가 2개인 배열이 만들어졌다. 0번째 index는 1이라는 value값, 1번째 index는 2라는 value값이 들어있다.array배열이 index를 기준으로 data가 저장이 되기

Javascript 에는 두가지 종류의 변수타입이 있다.(MDN 참고 https://developer.mozilla.org/ko/docs/Glossary/Primitive)primitive types 예제 reference types 예제 문자열string은

1. semantic web 이란 무엇인가? semantic tag 이란 무엇인가? 우리는 궁금하거나 찾고 싶은 정보가 있을 때 구글링을 합니다. 검색엔진 사이트를 이용하여 각자가 원하는 정보를 빠르게 취득하죠. 이 검색 엔진은 로봇(Robot)이라는 프로그램을 통

relative부모 Element 지정 값. relative 박스의 위치를 아주 약간씩 top이나 right, bottom, left로 조정하고 싶을 때 사용하는 효과. 처음 놓인 위치(static: 기본 값)에서 상하좌우로 움직인다.absoluterelative(부모