일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 2606
- 미로탈출
- Spring
- 화살표함수
- 2667
- BFS
- 이코테
- addAttribute
- setviewname
- JWT
- 미로탐색
- 백준
- WebMvcConfigurer
- __name__
- major gc
- dfs
- 음료수얼려먹기
- 2178
- minmax
- 파이썬컨벤션
- heapq
- SWEA
- 파이썬스럽게
- 단지번호붙이기
- pep8
- Arecode
- React
- 우선순위큐
- MSSQL
- 삼성소프트웨어
- Today
- Total
목록React (2)
하루하루는 성실하게 인생 전체는 되는대로
https://ko.reactjs.org/docs/getting-started.html 1. 페이지 구조 - index.js에서 구절을 통해 App.js 호출한다. - App.js에서는, App함수에서 jsx를 return 하고 App함수를 export해준다. (아래 코드블럭 참고) import React from 'react'; import {Route, Routes} from 'react-router-dom'; import * as Pages from './pages'; function App() { return ( ); } export default App; - 이때, App 함수내에서 Route를 분기시킬 수 있는데 , 각 route('/', '/users', etc)마다 페이지별 기능을 구현하기..
1. express 라이브러리 설치 : npm i express => express 라이브러리 사용법 및 샘플코드는 npm 웹사이트(검색)에서 express 검색 2. api 생성 app.get('/api/todo', ( req, res ) => { res.json(todoList); }); app.post('/api/todo', ( req, res ) => { const ( text, done ) = req.body; todoList.push({ id: id++, test, done }); return res.send('success'); }); 3. 서버에 데이터 요청하는 방법 (1) 기본 기능 fetch app.listen(포트, () => { }); // function App 내에 공식문서대로 ..