REACT 리액트

1 === "1" false 1 == "1" =>true==는 타입형 상관없이 값을 비교타입형을 구분시에는 ===을 사용하자

js는 문자열, 빈배열, Infinity등을 true로 인식 =>trutyhnull,undefined, NAN "",등을 false로 인식 => falsylet arr; (<-undefined)let a = arr|| "null입니다";a에는 "null입니다" 저

calc.jsindex.js터미널에서 node index.js 결과

터미널에서 npm init ->package.json 생성 package.json -> 만들 패키지 환경설정 파일 { "name": "package-example1", "version": "1.0.0", "description": "", "main":

코드중복을 제거함 -> 컴포넌트 위주의 개발명령형 프로그래밍 방식에서 벗어나서 선언형 프로그래밍 방식으로 설계Virtual DomDom -> 문서객체모델가상의 돔을 사용하여 가상에 돔에 미리 업데이트(랜더링안함)최종적으로 실제 돔에 업데이트(결국 한번만 랜더링)

jsx -> js + htmlexport default 이름; 으로 내보내면 (한개만가능)"import 이름 from 경로"로 사용가능리액트에서는 리턴시 반드시 하나의 최상위 태그로 해줘야하는데React.Fragment 사용시 없어도 된다.import React f

계속해서 동적으로 변화하고 그에따라 다른 동작을 하게한다.ex버튼을 누르면 밝은배경 다시 누르면 어두운 배경import React,{useState} from 'react';const count,setCount=useState(0);count => indexsetCou

Props 컴포넌트에 데이터를 전달 로 초기값을 주면 결과가 전달 여러개도 전달가능

{my_project}/node_modules/react-scripts/scripts/start.js여기서 변경

는 URL의 hash를 활용한 라우터입니다. 정적인(static)페이지에 적합보통 request와 response로 이루어지는 동적인 페이지를 제작 가 보편적

Query StringuseNavigateuseNavigate 뒤로가기

dom 요소 지정(쿼리 셀렉터 역활)지역 변수그 페이지에서 사용하는 지역변수를 지정

Local Storage가볍게 사용 가능하다. 그러나 기능이 많지 않다.최대로 저장할 수 있는 용량이 크지 않다.(5mb)간단한 텍스트 데이터만 저장이 가능하다.만료 기한이 없다.키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회한다.Session Storag

https://ctdlog.tistory.com/46

커스텀 타입 만드는 방법 type 형태 사용 객체를 다시 타입으로 useState props interface 형태 적용 함수 props 타입지정 extends 커스텀 타입에 상속하는 개념 interface type 타입 형태 추가 기능 타입에서