본문 바로가기
반응형

전체 글46

Auth (4) - Auth route 지난 시간을 통해 로그인 기능이 구현되어 우리가 로그인을 했다면 해당 user에게 Token를 jwt 통해서 부여했다. 그러면 그렇게 부여된 token를 활용해 어떻게 로그인이 된 상태인지를 확인할 수 있는가에 대해 이번시간 Auth route에 대해 얘기해보고 한다. Auth Route Auth Route이 필요한 이후는 페이지 이동 때마다 사용자의 정보가 필요한 경우가 있다. 이때 로그인이 되어 있는 user만이 이용할 수 있는 사이트인 경우, 상품을 등록하는 사업자, 이를 이용하는 이용자 등 서비스의 권한을 확인이 필요한 경우, 글을 작성할 수 있는 권한 등 다양한 경우에 사용자가 로그인이 되어있는지 등 다양한 경우에서 확인이 필요하다. 그 과정은 다음과 같다. 우선 api를 통해 user의 정보를.. 2022. 4. 5.
Auth / login (3) - JWT & cookie 이번 시간에는 지난시간에 register에 이어 login 기능을 만들어 볼 건데 과정은 다음과 같다. 이번 시간에 JWT를 통해 토큰을 생성하고 이를 쿠키에 저장하는 것까지 정리해보려고 한다. login index.ts // login app.post('/api/users/login', (req: Request, res: Response) => { // 요청된 이메일이 DB에 있는지 확인. 자체 findOne 메소드 활용 User.findOne({email: req.body.email}, (err:Error, user: typeof User) => { if (!user){ return res.json({ loginSuccess: false, message: "작성한 이메일에 해당하는 유저가 없습니다.".. 2022. 3. 30.
TypeScript & CRA - http-proxy-middleware 이슈 우리는 Proxy이 장점을 이용하거나 CORS 정책 문제를 해결하기 위해서나 개발에서 proxy를 활용합니다. 그러나 이번 시간에 typeScript로 Proxy를 설정하려고 했으나, 되지 않아서 어떤 문제가 있는지에 대해 이번 시간 작성하려고 한다. Proxy 프록시를 설정하기 위해서는 다음의 npm에서 제공하는 http-proxy-middleware를 활용해 설정을 한다. npm http-proxy-middleware The one-liner node.js proxy middleware for connect, express and browser-sync. Latest version: 2.0.4, last published: 14 days ago. Start using http-proxy-middlew.. 2022. 3. 28.
server/client 동시 실행(Concurrently) 우리가 개발을 하면서 client와 server를 나누고 개발을 진행하는 경우가 거의 대부분이다. 이때 우리는 각각의 Script를 실행하기 위해 2개의 터미널을 각각 열고 npm run start를 입력하고 있을지 모른다. 이러한 경우에 활용할 수 있는 것이 이번 시간에 소개할 내용이다. Concurrently concurrently Run commands concurrently. Latest version: 7.0.0, last published: 3 months ago. Start using concurrently in your project by running `npm i concurrently`. There are 1157 other projects in the npm registry using.. 2022. 3. 27.
반응형

티스토리툴바