분류 전체보기69 [React] 라우트 설정하기. 1. 라우트 설치하기 npm i react-router-dom 2. index.js에서 BrowserRouter 설정 index.js 파일에서 라우터가 이 앱을 인식하고 url변화를 감시하도록 만든다!! import React from 'react'; import ReactDOM from 'react-dom'; import {BrowserRouter} from 'react-router-dom' import './index.css'; import App from './App'; ReactDOM.render( , document.getElementById('root') ); 3. App.js에서 라우터 경로 설정하기 App.js에서 import { Route } from 'react-router-dom' R.. 2022. 7. 25. [Apache ECharts] ECharts 사용하기 See the Pen echarts by dadafly1244 (@dadafly1244) on CodePen. 실강 마지막 시간에 ECharts 사용법을 간단하게 배웠다. 위의 주석을 참고해서 보기를 바란다!!! https://echarts.apache.org/en/option.html#title Documentation - Apache ECharts echarts.apache.org 홈페이지에서 docs => api => option 을 눌러서 보면 된다!! series에서 'line', 'bar' 등에서 각각의 모양에서 사용할 수 있는 옵션을 더 확인할 수 있다. const el = document.querySelector('#heropy') const data1 = { 'Mon': 150, 'Tue.. 2022. 7. 22. [React] study day2 1. 스터디 220720 💑 좋았던 것(Liked) : 라우터를 뷰에서 접해봐서 라우터를 이해하는데 도움이 되었다. 🌟 배운 것(Learned) : 리액트에서 라우터를 사용하는 문법을 조금 알게되었다. 💦 부족했던 것(Lacked) : 코드 진도를 나가지 못했다. ㅠㅠ 🌻 바라는 것(Longed for) : 팀플을 빨리 완성해서 react스터디에 좀더 집중하고 싶다.... https://react.vlpt.us/react-router/01-concepts.html 1. 프로젝트 준비 및 기본적인 사용법 · GitBook 1. 프로젝트 준비 및 기본적인 사용법 우선 리액트 라우터를 사용할 프로젝트를 준비해주겠습니다. $ npx create-react-app router-tutorial 그 다음엔 해당 프로.. 2022. 7. 20. [TIL] nodejs로 만든 api heroku로 api를 배포해보기!! https://dashboard.heroku.com/apps nodemon 을 설치하기 npm start //헤로쿠에서 배포할때 start아니면 돈내야함 버전을 다르게 하고 싶으면..? 파일만 일단 구분해서 하면 된다아앙!! v1/todos.js나 v2/todos.js이라고 생각하면 된다!! //router/api/todos const express = require('express') const router = express.Router() //작업 module.export = router RESTful API router.delete('/:id', (req, res) => { //삭제 // 제일 적합 console.log('req.params::',req.params) res.status(200).j.. 2022. 7. 18. 이전 1 ··· 3 4 5 6 7 8 9 ··· 18 다음
