deVSner

코드 없이 적어본다 코드가 있어야 설명할 수 있는거라면 내가 아직 이해를 못하고 있는 거라고 생각한다 제목에 있듯, 특정 컴포넌트에서 스페이스 바를 눌러서 공백 한 줄만 추가했는데, dispatch가 다시 날라가는 경우가 있다. useEffect에 dispatch를 넣어줬기 때문이다. useEffect에 인수를 지정하지 않았기 때문이다. 리액트의 특성을 몰랐기 때문이다. 이 상황이, 쇼핑몰 앱을 구현하는 과정에서 장바구니 컴포넌트에서 발생을 했었다. 상품 상세 페이지에서 수량을 체크하고 '담기'를 누르면 장바구니 페이지로 이동함과 동시에, 유저가 담으려 했던 아이템과 수량과 금액이 장바구니 페이지에 나와야 한다. '다른 건 별 문제가 없었기 때문에', 정상적으로 찍혀져 나왔다. 아니었다. 별 문제가 많았..

Error: Network Error at createError (C: ~~~ createError.js:16) at EventTarget.handleError (C:xhr.js:83) at EventTarget.dispatchEvent (C:event-target-shim.js:818) at EventTarget.setReadyState (C:\XMLHttpRequest.js:600) at EventTarget.__didCompleteResponse (C:\Users\ruden\coding\codestates\final_project\TOM-client\node_modules\react-native\Libraries\Network\XMLHttpRequest.js:395) at C:XMLHttpReque..

1. multer app.use(upload.single('image')) // // 위 upload 객체를 라우터에다가 장착 이 떄, single 안에 인수는 html form의 input 의 name 속성값과 일치해야 한다. // 1. input의 속성값중에서, multiple 이라면 -> upload.array('image')가 되어야 하고, req.files가 되어야 한다 // 2. multiple이 아닌, single인데, 이 input 이 여러개 일 떄, -> upload.fields( [ {name: 'image1'}, {name: 'image2'}, ... ] ) // 3. 2번에 이어서, 객체 안에 limits:4 처럼 프로퍼티를 지정할 수 잇는데, 이미지 갯수의 제한이다 // 4. 2번..

1. const data = await fs.readFile(`.${req.url}`) ~ 이 부분이 static으로 된 거임 app.use('요청경로', express.static('실제경로')); localhost:3000/zerocho.html learn-express/public-3030/zerocho.html localhost:3000/zerocho.css learn-express/public-3030/zerocho.css 이 미들웨어는 morgan 밑에 위치시킬 것. 성능적인 문제 app.use('/', express.static(path.join(__dirname, 'public'))) 로그인 한 유저에게만 static 라우터를 실행시키고 싶다면?? app.use('/', (req,res,n..

http가 아닌 const express = require('express')를 불러온다 app.set('port', process.env.PORT || 3001) -> 서버에다가 속성을 심는 것 1. app.use가 미들웨어가 아니라, req, res, next부터 next()까지가 미들웨어다. 라우어도 미들웨어다. 2. next()가 있기 때문에 라우트를 연결할 수 있다 app.use( (req, res, next) => { console.log(1) next() }, (req, res, next) => { console.log(2) next() }, (req, res, next) => { console.log(3) next() } ) 3. next에 에러가 들어가면 다음 미들웨어로 가는게 아니라, ..

1. npm node manager packager 노드의 패키지 매니저 다른 사람들이 만든 소스 코드들을 모아둔 저장소다 남의 코드를 사용하여 프로그래밍이 가능하다. 즉, 내가 구현하려고 하는 것은 이미 npm에 있을 가능성이 99% ㅋㅋ 2. -D npm i -D 패키지명 이렇게 설치를 진행하면 devDependencies로 설치가 되고, 개발할 때만 패키지를 사용하게 된다 반대로, -D 옵션을 주지 않고 설치를 진행하면 Dependencies로 설치가 되고, 배포할 때까지 쓰이게 된다. 3. -g npm i -g 패키지명 이렇게 설치를 진행하면, '패키지명'을 명령어처럼 사용할 수 있다. 4. package-lock.json 디펜던시들의 디펜던시까지 기록이 되어있다. 버전이 정확히 고정되어 있다. ..

1. rest rest api를 사용한 주소 체계를 이용하는 서버 잘 지켜지지는 않는다. 의미 전달만 잘 되면 오케이 2. Header 데이터에 대한 데이터 https://developer.mozilla.org/ko/docs/Web/HTTP/Status HTTP 상태 코드 번역이 완료되지 않았습니다. Please help translate this article from English HTTP 응답 상태 코드는 특정 HTTP 요청이 성공적으로 완료되었는지 알려줍니다. 응답은 5개의 그룹으로 나누어집니다: 정보를 제 developer.mozilla.org 3. 쿠키 쿠키가 없는 상황에서, 서버는 브라우저의 요청을 구분할 수가 없다. 누가 보냈는지를 구분할 수 없다는 뜻. 쿠키는 '키=쌍'이다 요청마다 추가..

뭐지 리액트만 있었을 때와 next와 ts를 도입했을 때 상상할 수 없는 에러들이 펼쳐진다