City At Night

1. axios 다운로드 및 authSaga 작성 로그인은 서버와 통신을 하는 작업이므로 서버와 통신을 도와주는 'axios' 라는 라이브러리를 다운로드한다. $> npm i axios client 루트에서 다운로드하는걸 까먹지 말자. redux/sagas/authSaga.js생성한다. [authSaga.js] import axios from 'axios'; //Login Api만들기 const loginUserAPI = (loginData) => { console.log(loginData, "loginData") //loginData가 어떤값으로 들어오는지 console.log를 찍어 확인한다 const config = { headers: { "Content-Type" : "application/jso..

React자체를 처음부터 공부하느라 많이 늦어졌다. 하루에 한 강의를 잡고.. 한 강의당 포스팅 하나 하려니 진도가 너무 안나간다... 웹은 크게 header, body, footer 로 나눌 수 있다.(더 세분화하면 무수히 많다) 지금까진 태그를 사용하여 웹에 글자만 박아 뒀다. 이젠 Footer라고 써진곳을 꾸밀 단계이다. 이제 footer 작업을 하겠다. 1.footer 작업 [components/footer.js] import React from 'react'; import {Row, Col} from "reactstrap"; const Footer = () => { const thisYear = () => { const year = new Date().getFullYear(); return ye..

이번 강의편은 에러가 너무 많이 발생하여서 노드를 삭제하고 LTS버전으로 재설치하고 이것저것 삽질하느라 나도 이해를 못했다.. 우선 흐름을 파악하고 추후에 수정하겠다. 나는 차라리 Java로 짜는 Spring이나 JSP가 훨씬 더 쉬운것 같다.. 1. component 폴더에 Header.js와 Footer.js를 만든다. import React from 'react'; const Header = () => { return Header }; export default Header; import React from 'react'; const Footer = () => { return Footer }; export default Footer; 2. 라우터 세팅 routes폴더안에 2개의 폴더를 생성한다. 첫..