원지의 개발
728x90
보호되어 있는 글입니다. 내용을 보시려면 비밀번호를 입력해주세요.
article thumbnail
[React] Component 반복, 이미지 가져오기, hook(useState, userEffect, useRef, useReduce)
클라이언트/React 2023. 1. 17. 18:27

Component 반복 목록 요소들을 반복처리 할 때는 map 함수 이용 반드시 key props를 전달해야 함 전달하지 않으면? 1.함수형에서는 error 2.클래스형에서는 안 나옴 map의 사용 callback의 return에 실린 값(연산 결과를 처리해서)으로 새로운 배열을 만들 때 사용 map ( item => item * 10 (조건) ) ↘ func 매개변수 1개 map ( (item, index) => item * 10 (조건) ) ↘ func 매개변수 2개 2023.01.12 - [클라이언트/React] - [React] ES6 문법(let, const), spread operator, Destructuring assignment, for of문, Backtick, Arrow Functio..

article thumbnail
[React] node.js, spa, JSX, component, module, props
클라이언트/React 2023. 1. 13. 17:53

React 자바스크립트 라이브러리 API는 라이브러리의 사용방법 구조가 MVC, MVVM과 같은 다른 프레임워크등과는 다르게 오직 View만 처리하는 라이브러리 라이브러리들이 하나씩 합쳐져서 뼈대를 이루고 있는게 프레임워크 첫페이지만 가져와서 수정이 있으면 그 부분만 change 해줌 = 이런것을 react의 virtual dom이 해줌 React git에서 가져오기 node.js 설치하고 설치하고, git으로 pull 당긴 후, npm install - node.js 만들기 npm start - node start로 시작 SPA Single Page Application - 화면 하나만 가지고 처리하는 구조 어떻게? 번들러(Webpack)가 해줌 node.js를 통해 직접 설정할 수 있음. 그러나 리액..

728x90
250x250