본문 바로가기

node5

[인프런 강의][Cookie] 사용자 인증이 필요한 api를 호출할 때, client와 server에 해줘야 하는 작업

개요 강의에서 커뮤니티(그룹)을 생성하는 기능을 구현하고 있다. 사용자 인증을 거쳐야 서버에서 클라이언트에서의 요청작업을 수행해줘야 한다. 클라이언트에서 서버로 요청할 때, Request Header에 Cookie를 넣어서 보내야 하는데, 서버랑 도메인이 다르다보니, cookie가 전송되지 않았다. 뿐만 아니라, 클라이언트에서 서버로 쿠키를 넘겨도, 서버에서는 받지 못하고 있었다. 이제 이 문제를 강의를 들으면서 해결한 방법을 소개한다. Client에서 cookie를 헤더에 넣어서 쏘는 방법은. axios 인스턴스에 withCrediential: true 옵션을 설정해주는 것이다. // src/api/core/index.ts import axios from "axios"; const request = a.. 2023. 1. 24.

[Vue2 + SASS] 전역으로 SCSS 적용하기

1. sass, sass 설치 npm i -D sass sass-loader 2. scss 파일 작성 /src/assets/scss/_variables.scss /src/assets/scss/base.scss /src/assets/scss/reset.scss 3. vue.config.js 작성 module.exports = { css: { loaderOptions: { sass: { data: ` @import "@/assets/scss/_variables.scss"; @import "@/assets/scss/reset.scss"; @import "@/assets/scss/base.scss"; ` } } } } 4. 세팅할 때 에러 Sass Loader has been initialized using a.. 2021. 12. 11.

node 버전 업그레이드 하는 방법

로컬 환경에서 npm run build 할 때는 잘 되었는데, 테스트를 위한 서버에서 npm run build를 했을 때 npm i를 하는 과정에서 설치 에러가 계속 발생함. node -v로 두 환경의 node 버전을 확인한 결과. 로컬 환경 14.15.4 테스트 서버 환경 8.10.0 테스트 서버 환경에 node 버전을 14.15.4로 변경해 보기로 했습니다. 1. npm 캐시 삭제 npm cache clean -f 2. node 버전 관리 'n' 모듈 설치 npm install -g n 3. n을 사용해서 버전 업데이트 n stable : 안정 버전 n latest : 최신 버전 n lts : lts 버전 n x.x.x : 특정 x.x.x 버전 n 14.15.4 버전 안 바뀌는 문제 업그레이드한 no.. 2021. 10. 21.

[Vue-cli]개발모드와 빌드모드 구분하기

개요 개발 작업에 비효율적인 문제가 있었습니다. 브랜치를 매번 새로 만들어서 작업을 할 때마다, 개발 호스트를 변경해 줘야 하는 문제가 있었습니다. 효율적이지 않았고 자동화가 필요한 부분이라고 생각했습니다. 코드 베이스에 ip가 들어가 있는 경우는 조금 기형입니다. 개발된 코드 베이스에 ip가 있을 이유도 없고 있어선 안 된다고 생각했습니다. 그래서 vue-cli의 빌드 종류(개발/빌드)에 따라서 잡히는 환경변수를 이용해서 웹의 호스트를 자동으로 설정해 보겠습니다. 요약 Vue-CLI는 커스텀 설정을 하지 않으면 빌드할 때 자동으로 process.env.NODE_ENV에 값을 주입해 줍니다. 저는 코드 레벨에서 조건문을 사용해서 process.env.NODE_ENV의 값에 따라서 개발 환경일 때와 빌드 .. 2021. 6. 16.

[mongoose] express + mongoDB 애플리케이션에서 연결/저장/읽기

안녕하세요. 이번에 우아한테크러닝에 참여하고 있습니다. 4주동안 진행하는 프로젝트입니다. 프로젝트의 주제는 노션을 만드는 겁니다. 그래서 저는 프로젝트 서버 쪽 구성을 express와 mongoDB를 사용하기로 결정했습니다. 제가 express를 결정한 이유 1. 제가 Javascript에 익숙합니다. 2. Node.js 개발 환경을 구축할 수 있습니다. (npm과 babel) 3. 작은 규모의 아키텍쳐에 적합합니다. 제가 mongoDB를 결정한 이유 1. 사용하면서 저도 알게 된 거지만, 객체 형식으로 저장합니다. Client에서 POST로 요청한 req.body.json을 아무런 처리 없이 DB에 넣을 수 있는 점이 가장 매력적으로 생각되었습니다. 2. 사용해본 경험이 있고, mongodb atlas.. 2021. 6. 9.