오늘도 디벅잉

🧭 깃헙 이슈 생성 깃헙에서는 프로젝트에 대한 이슈를 생성해서 필요 기능 구현, 디버깅, 마일스톤 관리 등을 할 수 있습니다. 외부 API 요청 성능 개선 좌표값을 구하기 위해 카카오 API 및 공공 API를 활용하고 있습니다. 요청 3개를 보낼 경우 3.022s, 10개를 보낼 경우 9.666s 정도 소요되었습니다. 각각의 요청을 병렬처리하여 응답속도를 개선하였습니다. 요청 3개를 보낼 경우 1.027s, 10개를 보낼 경우 1.353s 정도 소요되었습니다. 그러나 429 Too Many Requests 에러를 응답받았습니다. 40~50개의 요청을 한번에 보내다보니 kakao API에서 응답을 거부하였습니다. 어쩔 수 없이 요청을 20회로 나누어 보냈습니다. 대신 시간이 4초대로 늘어났습니다. 프로젝트..

🌊 # 8~9주차 8주차 진행사항 주특기 3주차에 TypeScript와 TypeORM 관련 과제가 주어졌습니다. 노드 주특기 분들끼리 실전에는 다같이 NestJS를 활용해 보자는데 의견이 모아졌습니다. 실전 프로젝트 대비를 위해 NestJS를 차근차근 익혀보았습니다. 9주차 진행사항 실전 프로젝트가 시작되었습니다. 기획, API 설계, ERD를 작성하고 피드백 받고 수정하고 하는 과정을 거치는 동안 거의 1주일이 지났습니다. 그리고 협업을 하면서 깃 충돌이 번번히 발생하여 애를 먹고 있습니다. 혼자 작업할 때는 별거 아닌줄 알았던 version control이 협업을 하기 위해서는 조금 더 많은 개념을 알고 있어야 한다는 것을 깨닫게 되었습니다. 현재 이슈 카카오 API와 juso.go.kr의 공공 AP..

🧭 에러노트 Error: connect ECONNREFUSED 127.0.0.1:80 ConfigModule.forRoot() 설정 누락으로 API KEY값이 적용되지 않았습니다. API로 주소 받아오기 key가 사라져서 재발급 받았습니다. config 파일이 적용되지 않아 .env 파일을 사용하였습니다. config 파일이 다시 적용되었습니다. .env vs config/*.yaml 공통점: 환경별 구분가능 .env - .env.dev / .env.prod / .env.test https://darrengwon.tistory.com/965 dotenv 대신 @nestjs/config을 사용해야하는 이유 + 활용 docs.nestjs.com/techniques/configuration Documentat..

🧭 URI에 한글 넣는법 API 요청시 한글에 적절한 처리를 해주지 않으면 'Request path contains unescaped characters' 에러를 만나게 됩니다. encodeURI 함수를 사용해서 URI에 한글을 사용할 수 있습니다. 특정한 문자를 UTF-8로 인코딩해 이스케이프 문자로 변환합니다. (띄어쓰기는 %20으로 변환) .get(https://www.juso.go.kr/addrlink/addrLinkApi.do?keyword=${encodeURI("한글키워드")}); https://hashcode.co.kr/questions/9521/nodejs-%EC%82%AC%EC%9D%B4%ED%8A%B8%EC%A0%91%EA%B7%BC-%EC%8B%9C-request-path-contai..

🧭 git pull error repo만 설정하고 branch 설정을 안해서 에러 발생 $ git pull team (x) $ git pull team dev (o) git pull 취소 팀 레포에서 git pull 하다가 conflict를 씨게 얻어 맏고 다시 되돌리고 싶어졌습니다. $ git reset --hard ORIG_HEAD 로 되돌립니다. https://mrgamza.tistory.com/593 git. commit, add, pull, merge 취소 git은 기능이 많아서 그런지 다들 너무 어려워 합니다. 하지만 하나도 어렵지 않지만 알고 있는 자만 어렵지 않습니다. 그래서 오늘은 하나 더 알고 있는것을 남기기 위해서 글을 적어봅니다. 일 mrgamza.tistory.com 카카오 API..

🧭 npm-checks-update 패키지 웹스톰에서 express 보일러 플레이트 실행시 기본 설치되는 패키지들은 버전이 낮습니다. npm-checks-update를 설치하고, ncu -u 명령어를 실행하면 package.json 파일에서 패키지들을 최신버전으로 변경해 줍니다. 이후 npm i 명령어를 통해 각각의 패키지들을 업데이트합니다. https://www.npmjs.com/package/npm-check-updates npm-check-updates Find newer versions of dependencies than what your package.json allows. Latest version: 12.5.11, last published: 3 days ago. Start using np..

🧭 IoC / DI 네스트(NestJS)를 공부하다가 IoC와 DI라는 개념을 접했습니다. 클래스의 생성과 사용을 구분해서 관심사를 분리합니다. IoC(Inversion of Control, 제어 역전)란 생성의 제어권을 프레임워크에 넘겨주는 것입니다. IoC의 방법으로 DL과 DI가 있고, 다시 DI에는 Setter, Constructor, Method 방식이 있습니다. 일반적으로 IoC는 DI를 사용하며, DI 중에서 Constructor 방식을 사용합니다. 네스트에서는 서비스 클래스를 컨트롤러 클래스에 주입하게 됩니다. 에러 네스트에 MySQL을 연결하던 중 "Unknown database 'DB이름'" 에러가 발생했습니다. TypeOrm이 알아서 데이터베이스를 생성해 줄 것이라고 착각했기 때문입니..

🌱 NestJS "컨트롤러"에 "서비스"를 붙이는 행위를 DI(Dependency Injection)라고 합니다. NestJS는 Fastify랑 Express 위에서 돌아간다고 하는데 배포시에 결정하는 것일까요? 데코레이터는 함수로써, 함수의 역할을 보충해주는 역할을 합니다. 쿼리 파라미터, 패스 파라미터(라우트 파라미터), 본문(body)을 통해서 데이터를 전달할 수 있습니다. AWS 모놀리틱 구조란 하나의 서버 컴퓨터에 프런트엔드, 서버, DB가 모두 포함되어 있는 것입니다. MSA란 프런트엔드, 서버, DB를 각각 다른 서버 컴퓨터에서 관리하고, 나아가서 각각을 기능 단위로 더욱 세분화하는 것입니다. 일기 NestJS를 처음 접했을 때는 너무 복잡해 보였습니다. 백엔드 학습을 어느정도 하고 보니 잘..

🌊 # 7주차 진행사항 주특기 2-3주차에는 로그인을 포함한 매거진 웹의 API를 만들면서 시작합니다. 이 API를 바탕으로 테스트 코드, 타입스크립트 등을 적용해 나가는 방식으로 진행하고 있습니다. 1주차와 비교해서 큰 차이점은 JWT를 활용한 로그인 구현과 MySQL이라는 관계형 DB를 다루게 된 것입니다. 특히 MySQL을 접하는 것이 DB에 대한 사고를 확장하는데 도움이 많이 된 것 같습니다. 테스트 코드 Jest를 활용하여 테스트 코드를 작성하였습니다. 함수 단위의 유닛 테스트 부터 API를 검증하기 위한 통합 테스트까지 하나씩 작성해 가면서 감을 익힐 수 있었습니다. 레이지 로딩, 이거 로딩, N+1 문제 (숙제...?) 매거진 웹의 게시글을 로드하면서 댓글까지 한꺼번에 불러오는 쿼리를 작성하..

🌊 # 6주차 노드 주특기 1주차 과제는 로그인 없는 게시글, 댓글 CRUD 구현이었습니다. 과제 자체는 어렵지 않아서 기한보다 조금 일찍 끝냈습니다. 디벨롭시킬 부분에 대해서 고민해 보았습니다. 로그인 등의 기능을 붙일 수도 있겠지만, TypeScript 마이그레이션을 해보기로 결심했습니다. 프로젝트 규모가 커지면 TypeScript 마이그레이션에 애를 먹을 것 같아 매도 먼저 맞는 놈이 났다고(?) 간단한 프로젝트에 적용해 보기로 했습니다. 실은 API 테스트, 테스트 코드 작성 등도 하고 싶었으나 프로젝트가 워낙 단순하여 의미없는 테스트를 하게 될 것 같아서 생략하였습니다. 다음번 이 2가지를 염두에 두고 과제를 진행하여 꼭 포함시키고자 합니다. 목요일까지 주특기 1주차를 마무리 짓고 2주차에 접어..