호박너구리 블로그

- 종종 개발 삽질기를 보내드리고 있습니다. 간단하지만 재미있는 개발 삽질기를 받아보고 싶으시다면, 호박너구리 개발일지 뉴스레터를 구독해 주세요:) api를 구현할 때 토큰을 자주 활용하게 됩니다. 현재 요청을 보낸 유저가 누구인지에 따라 보내줘야할 정보가 달라지기 때문인데요. 만약 자기의 정보를 요청하는 것이라면 정보를 보내줘도 되지만, 다른 유저의 정보를 요청하는 api 호출이라면 제한된 정보만 보내줘야 할 수도 있습니다. 이렇듯 api 구현에 있어서 토큰 검증은 자주 사용되는데, 매번 똑같은 코드를 작성할 수는 없죠! 오늘은 토큰 검증을 위한 미들웨어 추가 방법에 대해 다루어보겠습니다:) 1. Express의 Middleware Express에서 미들웨어 구현은 어렵지 않습니다. (관련 문서) 다음..

개발 2021. 12. 22. 22:48

※ ESLint를 Typescript에 맞게 설치하는 것이 궁금하다면 이전 글을 참고해주세요. 타입스크립트를 사용한다면 인터페이스에서 임시 변수명을 지어줘야 하는 경우가 있습니다. 다음과 같이 말이죠. interface InputProps { setValue: (value: string) => void value: string } 그런데 기본적인 ESLint설정을 해둔 상태라면 다음과 같은 no-unused-vars Lint 에러가 나타납니다. 인터페이스니까 사용하는 부분이 없는 것은 당연한데 말이죠. 이 부분은 린트 rules 설정으로 해결 할 수 있습니다. module.exports = { ... extends: [ "eslint:recommended", // "plugin:react/recommen..

개발 2021. 5. 19. 13:35

이전 글에서 NextJS 프로젝트를 생성하고 구조를 간단히 살펴보았습니다. 이번에는 생성한 NextJS에 typescript를 설치하려고 하는데요, 바로 패키지를 다운로드해도 되지만 NextJS 공식 문서에서는 조금 다른 방식을 소개합니다. 1. tsconfig.json 파일 생성 바로 프로젝트 루트에 tsconfig.json이라는 파일을 만드는 방법입니다. 명령어를 통해서 해도 되고, 직접 파일을 생성해도 됩니다. 명령어를 쓴다면 다음과 같겠죠 touch tsconfig.json NextJS는 자동적으로 디폴트 값으로 해당 파일을 설정해줍니다. 2. next 실행하기 그리고 next를 실행하면 되는데요, 명령어 npm run dev나 yarn dev로 실행하시면 됩니다. npm run dev 그럼 아마..

개발 2021. 5. 7. 18:30