Coding Note

게시물 CRUD 구현하기! 상태 선언 1. 선언 타입이 원시 타입(실제 데이터 값을 저장하는 타입)인 경우 원시 타입) String, Number, bigint, boolean, undefined, symbol, null const[value, setValue] = useState(PRIMITYPE); 2. 참조 타입인 경우 참조 타입) Object, Array 참조 타입인 경우 객체를 복제하여 복제한 객체에 변경된 값을 저장한다. const[value, setValue] = useState(Object); newValue={...value} 복제본 newValue 변경 setValue(newValue) 변경된 값을 set에 넣는다! 1. Create - Create Component function C..

리액트는 사용자 정의 태그를 만드는 기술이다! components - 여러 개의 프로그램 함수들을 모아 하나의 특정 기능을 수행할 수 있도록 구성한 작은 기능적 단위 props - 속성을 나타내는 데이터 - 컴포넌트를 사용하는 외부자를 위한 데이터, 읽기 전용 State - 컴포넌트를 만드는 내부자를 위한 데이터 컴포넌트를 정의하는 간단한 방법은 JavaScript 함수를 작성한다. 컴포넌트를 사용하여 코드를 간략화할 수 있다. 또한 내가 만든 컴포넌트를 다른 사람에게 공유할 수 있으며 다른 사람의 컴포넌트를 활용할 수 있다! 태그를 for문을 사용하여 코드를 간략하게 수정했다. key는 id(고유의 값) Header component function Header(props) { return {props..

React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org React는 자바스크립트 라이브러리 중 하나로 사용자 정의 태그를 만드는 웹 프레임 워크 리액트 세팅 위해 VsCode, NodeJS 설치 필수! Node JS, Express JS 설치하기 아래 인프런 강의를 참고하여 Node JS 스터디를 시작하게 되었다. 처음 배우는 Node JS 잘해보자!! [무료] 따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 - 인프런 | 강의 이 강의를 통해서 리액트 coding-day.tistory.com NodeJS 설치를 완료하였으며 세팅해보자! 리액트 세팅 1. 노드 설치..