고양이와 코딩

웹 브라우저에서는 URL로 받을 수 있는 GET 방식만 취급합니다! id, password와 같은 개인정보를 POST를 사용해 등록하기 위해 Postman 을 다운받아서 사용하겠습니다 먼저 GET으로 테스트를 해 봤는데요, 기존에 만들어 놨던 youtuber-demo.js url로 요청을 보냈더니 이렇게 결과가 나오는게 너무너무 신기합니다 .... !!!!! (진짜) 사이트에서는 post로 전송되지 않던 메시지가 일단 포스트맨에서는 전송 되고 있습니다 ㅎㅎ! app.use(express.json()) app.post('/test', (req, res) => { // body에 숨겨져서 들어온 데이터를 화면에 뿌려주기 console.log(req.body.message) res.send(req.body.m..

👾 미들웨어란 ? ( 함수를 반환하는 함수다 ... ) 리덕스 미들웨어는 액션을 디스패치했을 때, 리듀서에서 이를 처리하기에 앞서 사전에 지정된 작업들을 실행합니다 ! 정확히는 액션이 디스패치(dispatch)되어 스토어에 도달하기 전, 후에 추가적인 작업을 수행합니다! 전달받은 액션을 콘솔에 기록 액션의 처리 과정을 중간에 변경하거나 아예 취소 다른 종류의 액션을 추가로 디스패치 등... 미들웨어를 만들어 보며 확실하게 이해해 봅시다 . ̫ . 액션이 디스패치될 때마다 액션의 정보와 액션이 디스패치 되기 전, 후의 상태를 콘솔에 보여 주는 로깅 미들웨어를 작성해볼게요 const loggerMiddleware = store => next => action => { console.group(action &..

import { useCallback } from 'react'; import {useSelector, useDispatch} from 'react-redux'; import {changeInput, insert, toggle, remove} from '../redux/modules/todos'; import Todos from '../components/Todos'; const TodosContainer = () => { const {input, todos} = useSelector(({ todos }) => ({ input: todos.input, todos: todos.todos })); const dispatch = useDispatch(); const onChangeInput = useCallb..

import { useDispatch, useSelector } from 'react-redux'; import Counter from '../components/Counter'; import { increase, decrease } from '../redux/modules/counter'; const CounterContainer = () => { const number = useSelector(state => state.counter.number); const dispatch = useDispatch(); return ( dispatch(increase())} onDecrease={() => dispatch(decrease())} /> ); }; export default CounterContaine..

객체를 만들어 보자 let db = new Map(); let notebook = { productName : "Notebook", price : 2000000 } let cup = { productName : "Cup", price : 3000 } let chair = { productName : "Chair", price : 2000000 } let poster = { productName : "Poster", price : 2000000 } db.set(1, notebook) // 키로 밸류를 찾을 수 있는 한 쌍을 저장 db.set(2, cup) db.set(3, chair) db.set(4, poster) 이름이 db인 새로운 Map객체를 생성하고, db.set()메서드로 키-값 쌍을 추가 해 ..

본 내용에 들어가기 앞서 Express를 사용하는 이유가 궁금해져서 찾아봤습니다 😺 Express는 Node.js를 위한 웹 프레임워크로 보다 편리하고 구조화된 방식으로 웹을 구성할 수 있도록 돕는 역할을 합니다. 미들웨어? Express는 미들웨어(Middleware)를 지원하기 때문에, 요청과 응답 사이에서 동작하는 기능을 쉽게 추가할 수 있고, 이를 통해 로깅, 인증, 데이터 변환 등을 처리할 수 있습니다 ! app.use(), app.METHOD() 함수를 이용해 미들웨어를 호출 할 수 있고 next() 를 호출하여 다음 미들웨어 함수로 넘길 수 있습니다. 미들웨어는 다양한 종류가 있는데요, https://expressjs.com/ko/guide/using-middleware.html 여기에서 자..