기타 (+ Legacy)/Legacy 검색 결과

해당 글 23건

[Nest] NestJS GraphQL 연결하기

[Nest] NestJS GraphQL 연결하기 아래 모든 작업의 결과는 #2 GraphQL 연결 (에러 있음)에서 확인하실 수 있습니다. 못 따라 오신 경우 위 commit을 확인하시면 됩니다. NestJS GraphQL 연결 GraphQL 관련 package를 설치해주어야 합니다. 명령어 : npm i @nestjs/graphql @nestjs/apollo @apollo/server graphql 명령어 : yarn add @nestjs/graphql @nestjs/apollo @apollo/server graphql 모든 설치가 끝나면 아래 에러가 발생합니다. Error: Query root type must be provided. 다음 게시글에서는 위 에러 메시지를 해결해보겠습니다. ◆ 정리 및 ..
기타 (+ Legacy)/Legacy 2023. 3. 29. 19:39

[Nest] NestJS 프로젝트 생성하기

[Nest] NestJS 프로젝트 생성하기 아래 모든 작업의 결과는 #1 프로젝트 정리에서 확인하실 수 있습니다. 못 따라 오신 경우 위 commit을 확인하시면 됩니다. NestJS 프로젝트 생성하기 NestJS 프로젝트 생성하는 방법은 간단합니다. 우선 npm을 이용하여 nestjs에서 사용할 cli를 설치해줍니다. 명령어 : npm i -g @nestjs/cli 그 다음 프로젝트 이름을 정한 후 생성해주시면 됩니다. 저는 nest-graphql-mongodb 로 정했습니다. 명령어 : nest new nest-graphql-mongodb 생성된 프로젝트를 실행하면 아래와 같은 폴더/파일 구조를 확인할 수 있습니다. 저 같은 경우 test 폴더와 src 폴더 아래 있는 app.controller.sp..
기타 (+ Legacy)/Legacy 2023. 3. 24. 07:03

[Nest] NestJS + GraphQL + MongoDB 구현하기

[Nest] NestJS + GraphQL + MongoDB 구현하기 NestJS를 공부하려고 검색을 해보면 국내외 할 것 없이 NestJS + TypeORM 정보가 많이 있습니다. 그러니 필자는 Rest API가 아닌 GraphQL을 사용하고 있기 때문에 참고할 만한 자료가 많이 없었습니다. 따라서 혹시나 NestJS + GraphQL + MongoDB 로 작업하시는 분이 있다면 약간의 도움을 드리고자 작성하였습니다. 물론 저도 입문자 수준이기 때문에 틀린 내용, 부족한 내용이 많을 것 같으니 참고만 하길 바랍니다. 그리고 서비스, 모듈, 리졸버, 엔티티, 데코레이터, dto 등 어떠한 내용인지 설명은 하지 않습니다. 해당 부분은 다른 게시글이나 공식 문서를 보고 이해하시는 것을 추천 드립니다. 해당 ..
기타 (+ Legacy)/Legacy 2023. 3. 23. 18:55

[테스트 코드 - Jest] mock 함수

[Jest] mock 함수 이번 게시글에서는 mock 함수와 같이 사용할 수 있는 matchers에 대해 간단하게 알아보겠습니다. mock 함수 mock : 모조품, mock은 모조품이라는 뜻을 가지고 있습니다. 즉 진짜가 아닌 가짜로 테스트를 위해 함수, 데이터 등을 만들어서 사용하는 것입니다. 한번 알아보도록 하겠습니다. mock 함수를 만드는 방법은 간단합니다. 아래 코드 1줄이면 됩니다. const mockFn = jest.fn(); 위 함수로 무엇을 할 수 있을까요? 아래 코드는 짝수인지 홀수인지 검사하는 함수입니다. 한번 테스트 해보겠습니다. // isEvenOdd 함수 function isEvenOdd(number, onResult) { if (number % 2) onResult("even..
기타 (+ Legacy)/Legacy 2022. 3. 9. 07:25

[테스트 코드 - Jest] 비동기 테스트 코드 작성

[Jest] 비동기 테스트 코드 작성 이번 게시글에서는 비동기 처리를 위한 테스트 코드 작성하는 방법을 알아보겠습니다. 비동기 처리하는 방법은 callback, promise, async await 이 있는데요. 이 3가지 모두 테스트 하는 방법을 알아보도록 하겠습니다. 비동기 처리를 위한 테스트 코드 작성하기 ◆ callback 테스트 코드 callback 테스트 코드 먼저 확인해보겠습니다. // cbLogin 코드 cbLogin: (cb, result) => { setTimeout(() => { if (!result) { cb(() => { throw new Error("network 에러"); }); } else { cb(() => "로그인 성공"); } }, 1000); }; // cbLogin ..
기타 (+ Legacy)/Legacy 2022. 3. 8. 18:41

[테스트 코드 - Jest] SuperMarket 테스트 코드 작성 및 에러 처리

[Jest] 4. SuperMarket 테스트 코드 작성 및 에러 처리 이전 게시글 3. Matchers & SuperMarket 테스트 코드 작성 준비에서 확인한 SuperMarket Class의 테스트 코드를 작성해봅시다. 그리고 시작하기 전 미리 말씀드리면 package.json에 script를 아래와 같이 수정해주세요. "scripts": { "test": "jest --watch --verbose" } SuperMarket 테스트 코드 작성하기 이전 게시글에서 확인한 SuperMarket Class의 테스트 코드를 한번 작성해보셨나요? 안해보셨다면 지금이라도 해보시고 확인하시는 것을 추천드립니다. 우선 저 같은 경우는 아래와 같이 작성하였습니다. const SuperMarket = require..
기타 (+ Legacy)/Legacy 2022. 3. 7. 18:37

[테스트 코드 - Jest] Matchers & SuperMarket 테스트 코드 작성 준비

[Jest] Matchers & SuperMarket 테스트 코드 작성 준비 이전 게시글 Test Code 작성 및 Jest 설정 추가에서는 간단하게 Test Code를 작성해보았고, 추가로 필요한 Jest 설정까지 해주었습니다. 이번 게시글에서는 테스트 시 많이 사용되는 matchers에 대해 알아보도록 하겠습니다. 그리고 제가 만들어둔 예시를 이용해 직접 Test Code를 작성해봅시다. Matchers 알아보기 matchers는 많이 있습니다. 제가 하나하나 작성하여 보면 좋지만 이 부분은 공식 문서에 문서화 작업이 매우 잘 되어있으니 공식 문서를 확인하셔서 공부하시는 것을 추천드립니다. 공식 문서로 이동하기 우선 리스트로 간단하게 작성해보겠습니다. - toBe : 숫자, 문자열과 같은 값 비교 -..
기타 (+ Legacy)/Legacy 2022. 3. 4. 12:47

[테스트 코드 - Jest] Test Code 작성 및 Jest 설정 추가

[Jest] Test Code 작성 및 Jest 설정 추가 Test Code 작성하기 이전 게시글 Jest 설치 및 기본 셋팅에서는 간단한 소개와 셋팅만 하였습니다. 이번 게시글에서는 아주 간단한 Test Code를 작성해보겠습니다. 그리고 추가적인 Jest 설정에 대해 알아보도록 하겠습니다. (이전에 같이 하면 좋았지만 코드를 작성하여 이해가 쉬워서 여기서 추가하였습니다.) 간단하게 프로젝트 폴더 구조를 보여드리면 아래와 같습니다. src 폴더 아래 add.js 파일이 있습니다. 그리고 test 폴더 아래 add.test.js 파일이 있습니다. 마지막에 작성해둔 프로젝트 코드 보기 링크로 확인하시면 더 편합니다. Test Code 작성 (add function) 아주 간단한 add 함수 구현 및 테스트..
기타 (+ Legacy)/Legacy 2022. 3. 3. 18:43

[테스트 코드 - Jest] Jest 설치 및 셋팅

[Jest] Jest 설치 및 셋팅 Jest Jest가 무엇일까? JavaScript로 코딩을 하면 한번쯤을 들어보았을 것입니다. Jest를 간단하게 말하자면 JavaScript Code를 테스트할 수 있는 Framework 입니다. 가장 대표적인 특징으로는 zero config로 많은 설정 없이 테스트를 할 수 있습니다. 더 자세하게 알고 싶으시면 Jest 공식 홈페이지에서 확인하실 수 있습니다. Jest 설치 및 기본 셋팅 우선 JavaScript 프로젝트를 만드신 후 해당 프로젝트에서 따라하시면 됩니다. 먼저 Jest를 설치해야합니다. 설치 명령어 : yarn add -D jest 위 명령어를 사용하여 jest를 설치해 줍니다. 그리고 기본적인 jest 셋팅을 위해 아래 명령어를 입력해줍니다. 기본..
기타 (+ Legacy)/Legacy 2022. 3. 2. 18:19

[Legacy][React] 중요한 변수는 state로 관리하자 (useState)

[React] 중요한 변수는 state로 관리하자 (useState) 이전 게시글에서 이어지는 내용입니다. 이전 게시글을 보지 않았다면 확인하세요. 이동하기 이번 게시글에서는 React에서 중요한 변수는 state로 관리하는 방법을 알아보겠습니다. 실습을 진행하다 아래와 같은 에러가 표시되는 경우 참고하세요. 에러 해결하기 혹시 실습을 진행하는 데 아래 에러가 표시되면 해당 package를 설치해주어야 합니다. 설치 명령어 : yarn add @emotion/react or npm install @emotion/react 설치 명령어 : yarn add @emotion/styled or npm install @emotion/styled useState react에서 중요한 변수는 state로 관리하곤 합..
기타 (+ Legacy)/Legacy 2021. 11. 5. 07:00