React

상태를 업데이트를 하는 방법중 하나usestate와 다른 방법컴포넌트의 상태 업데이트 로직을 컴포넌트에서 분리할 수 있다.업데이트 로직을 컴포넌트 바깥에 작성 할 수 있다.다른 파일에 작성한 후 불러와서 사용할 수 있다.useState state 업데이트 로직 : 파

https://code.visualstudio.com/ https://nodejs.org/en/

형태 : 자바스크립 문법 + HTML 문법JSX는 자바스크립트 안에서 HTML문법을 사용하여 view를 구성할 수 있게 해주는 자바스크립트 문법jsx는 javascript 언어, html언어 둘다 아니다.jsx는 javascript의 확장버전이다.jsx는 HTML과 비

과거 단순 정적 웹페이지를 만들려면, javascript 없이 html과 css만 있으면 된다.동적 웹페이지를 만들기 위해서 javascript와 Jquery가 등장하였다. 그러나 프로젝트 규모가 커지고 다양한 인터페이스가 추가가 되면서 관리(유지보수)하기 매우 힘들

이벤트란 대표적으로 클릭, 키보드 입력 등 사용자의 어떤 행위를 의미합니다.이러한 이벤트를 처리하는 것을 이벤트 핸들링이라고 합니다.React에서는 요소안에 onClick, onChange... 같은 이벤트를 추가해서 사용한다.이벤트 함수를 넣는다는 것console.l

UI를 재사ㅑ용할 수 있고, 독립적인 단위로 쪼개어 활용할 수 있게한다.컴포넌트는 독립적으로, 재사용가능한 코드로 관리할 수 있게 된다.컴포넌트를 분리를 하게 되면... 프로젝트의 유지 보수성이 좋다.UI를 구성하기 위해서는 화면에 컴포넌트를 기르고(마운팅), 갱신하

함수 내에 선언된 변수처럼 사용하는 개념리액트 컴포넌트에서 다루는 데이터는 두개로 구분한다. state / props props : 부모 컴포넌트가 자식 컴포넌트에게 주는 값. state : 해당 컴포넌트 내에서 생성하고 활동 할 수 있다.리액트에서 동적인 데이터를

과거 웹 페이지는 HTML과 CSS으로만 사용하여 정적인 페이지를 만들었다.정적 페이지웹 페이지를 동적으로 사용하기 위해서 javascript가 등장하였다.javascript로 통해 페이지를 새로고침을 하지 않고, 사용자의 행동에 따라 화면에 변화를 시킬 수 있었다.동

리액트는 SPA이다.페이지 1개인 어플리케이션이다.전통적인 웹 구조는 여러 페이지로 구성되어있으며, 유저가 요청 할 때마다 페이지가 새로 고침되어 페이지를 렌더한다. 요즘 웹에서 제공되는 정보가 많기 때문에 속도 측면의 문제가 발생하기 시작한다.이러한 문제로 인해 어

예시) 네이버클라우드 / 소모임 어플버튼의 기본적 틀, 이벤트, 형태를 활용 가능react에서 node-sass 패키지 설치 필요npm install node-sass --save플러스 모형의 아이콘을 사용할 수 있음.react에서 react-icons 패키지 설치 필