REACT

1) React란사용자 인터페이스를 만들기 위한 Javascript 라이브러리(SPA 라이브러리)= 웹 개발을 쉽게할 수 있또록 도와주는 Javascript 라이브러리프레임워크 : 개발을 위한 기본 틀라이브러리 : 개발에 필요한 도구 또는 그 집합 전체SPA : Sin

2-1. JSX란? 1) JSX란? HTML + Javascript JAVASCRIPT를 확장한 문법 (Javascript XML) JavaScript 코드 안에서 HTML과 유사한 문법을 사용할 수 있음 React는 이 JSX를 이용하여 화면을 그림(컴포넌트) 위

3-1. 컴포넌트란? 1) 컴포넌트의 뜻 React는 컴포넌트라는 단위로 화면이 구성 스스로 상태를 관리하는 캡슐화된 코드 조각 하나의 JSX를 반환하는 함수 2) 컴포넌트 제작 3) JSX와의 차이점 컴포넌트는 기본적으로 함수이기 때문에 자신만의 고유한 로직이

4-1. Hooks 종류 1) Hooks 종류 기본 내장 Hooks는 10가지이며 사용되는 것은 3가지 정보 뿐 useState useEffect useCallback 2) Hooks의 작동 실습 > >이렇게 코드를 사용한다면 오류 발생 Hooks는 항상 최상위에서

5-1. 이벤트 연결하기 1) JSX에서 함수 연결 React 컴포넌트의 상태에 변화를 주는 것 = 이벤트 React에서는 모두 소문자인 onclick이 아니라 camelCase 규칙에 따라 가운데 C가 대문자인 onClick 속성에 이벤트 함수 추가 -> 버튼이 클릭