일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- nvidia
- 자율주행
- swipe
- IOT
- route
- props
- 딥러닝
- image
- react-query
- State
- JavaScript
- CSS
- TypeScript
- localStorage
- react
- useParams
- Ajax
- Redux
- DOM
- Router
- ContextAPI
- raspberrypi
- axios
- opencv
- 러닝타입스크립트
- Component
- 정렬
- useEffect
- 공부
- HTML
- Today
- Total
목록react (13)
개발일지
자바스크립트에서는 다른 함수에 있는 변수를 마음대로 사용할 수 없다. 컴포넌트 2개가 부모 / 자식 관계인 경우는 사용 가능 부모 컴포넌트의 state 를 자식 컴포넌트로 전송해줄 수 있다. 전송 시, props 라는 문법을 사용한다. props 로 부모 -> 자식 state 전송하는 법 1. 자식 컴포넌트 사용하는 곳에서 2. 자식컴포넌트 만드는 function 으로 가서 props 라는 파라미터 등록 후 props.이름 사용한다. title 이라는 부모 컴포넌트의 state 를 자식 컴포넌트 에 전송하기 function App() { let [title, setTitle] = useState([ "title1", "title2", "title3", ]); return ( ) } function Mod..
map 함수 사용 array 자료형에는 map() 함수를 사용할 수 있다. var array = [2, 3, 4]; array.map(function(){ console.log(1); }) 1. array에 들어있는 자료의 갯수만큼 그 안에 있는 코드를 반복 실행해준다. console.log(1); 세 번 실행 var array = [2, 3, 4]; array.map(function(a){ console.log(a); }) 2. 콜백함수에 파라미터는 배열을 순회하며 모든 자료를 하나씩 출력해준다. 콘솔창에 2, 3, 4 출력 var array = [2, 3, 4]; var newArray = array.map(function(a){ return a * 10; }) console.log(newArray)..
React 사용 이유 1. Single Page Application (SPA) 만들 때 사용 새로고침 없이 앱처럼 부드럽게 동작하는 웹페이지 html 파일을 한개만 사용하여 다른 페이지 보여주고 싶을 때 html 부분 다 갈아 치워서 보여줌 2. html 재사용 편리 변수에 html 담아서 사용할 수 있기 때문에 3. 같은 문법으로 앱 개발 가능 (React Native) 리액트 프로젝트 생성 1. 작업용 폴더 하나 생성 2. 터미널에서 해당 폴더 접근 후 npx create-react-app '프로젝트명' 입력 3. 해당 프로젝트 폴더 vscode 에서 열기 4. App.js 가 메인 페이지이므로 App.js 에서 코드 짜줌 5. 브라우저로 미리보기 띄우고 싶으면 터미널에 npm start 입력 Ap..