서울의볼

이때까지 실습한 Layered Architecture에 Jest를 적용해보기 위해 아래의 순서로 설정함. .env 파일에서 DB관련 환경변수 설정함 yarn 패키지 설치 (yarn) & Prisma로 DB 및 테이블 정보 동기화 (npx prisma db push) 테스팅 라이브러리 jest 모듈 설치 ( yarn add -D jest cross-env @jest/globals ) jest.config.js파일을 만들어 CLI환경에서 추가 옵션을 설정하여 커버리지를 출력하거나, 실시간 모니터링 등 다양한 기능 사용 가능케 함 export default { // 해당 패턴에 일치하는 경로가 존재할 경우 테스트를 하지 않고 넘어갑니다. testPathIgnorePatterns: ['/node_modules/..

notes 2024. 2. 20. 04:00

테스트코드에 대해 배움: 개발한 코드가 여러분이 의도한대로 동작하는지 작성하는 코드 (어떠한 언어에 얽매이지 않고 개념적으로 표현하기도 함). 종류는 다음과 같음: 단위 테스트 (Unit Test): 가장 작은 규모의 기능을 테스트 통합 테스트 (Integration Test): 다양한 기능을 합쳤을때 생기는 문제를 방지하기 위한 테스트 E2E 테스트 (End-to-end Test): 끝에서 끝(종단 간)을 의미하는 End to end 테스트 이외에도 돌연변이 테스트와 같은 다양한 기법들로 자신들의 서비스가 더욱 치밀하고 탄탄한 서비스로 거듭날 수 있도록 테스트를 진행함. 번외) 넷플릭스는 자신들의 서버가 아무때나 무작위로 다운되도록 해서 자신들의 인프라에 약점이 있는지 찾아내는것을 도와주는 "카오스 몽..

notes 2024. 2. 19. 23:14

계층형 아키텍처 패턴 프로젝트 템플릿을 다운 받은 후 설계된 prisma schema를 npx prisma db push하고자 하였으나 하기의 에러 메세지가 나왔음: "Error: Could not find a schema.prisma file that is required for this command." 그래서 조금의 구글링을 통해 아래와 같이 schema 파일 위치를 직접 지정하여 push를 다시 시도하였으나, 이번엔 환경변수를 찾을 수 없다고 나옴: 또 열심히 찾아보니, db push 시 default로 root directory에서 .env 파일을 찾아 환경변수를 참조한다고 함. 근데 해당 파일은 template 파일 내 실습파일이 있던터라 reference error가 계속 났었던 것임. te..

notes 2024. 2. 19. 18:55

세 줄 요약: 아키텍처 패턴은 소프트웨어의 구조를 정의하고 시스템 간의 관계와 규칙을 결정하는 기본 틀임. 주요 아키텍처 패턴으로는 MVC, 계층형, 클린, 그리고 마이크로 서비스 아키텍처가 있음. *계층형 아키텍처는 시스템을 여러 계층으로 분리하여 관리하며, 각 계층은 높은 응집도를 유지하고 다른 계층과의 결합도를 최소화함. 이는 상위 계층이 하위 계층을 사용할 수 있지만, 하위 계층은 상위 계층을 알 필요가 없도록 설계됨. 일반적으로 3계층 아키텍처를 사용하며, 컨트롤러는 요청/응답을 처리하고, 서비스는 비즈니스 로직을 담당하며, 저장소는 데이터베이스와 통신함. 아키텍처 패턴이란 소프트웨어의 구조를 구성하기위한 가장 기본적인 토대임. 각각의 시스템들과 그 역할이 정의되어 있고, 여러 시스템 사이의 관..

notes 2024. 2. 19. 16:43

세 줄 요약: SOLID 원칙은 객체지향 프로그래밍과 설계의 다섯 가지 핵심 원칙이며, 이를 통해 코드의 유연성과 확장성을 높일 수 있음. SRP는 단일 책임 원칙으로, 객체가 하나의 책임만을 가져야 함을 강조함. OCP는 개방-폐쇄 원칙으로, 확장에는 열려있고 변경에는 닫혀있어야 함을 명시함. LSP는 리스코프 치환 원칙으로, 하위 타입의 객체가 상위 타입의 객체로 대체되어도 프로그램의 의도가 바뀌지 않아야 함을 강조함. 그리고 ISP는 인터페이스 분리 원칙으로, 특정 클라이언트를 위한 여러 인터페이스가 범용 인터페이스보다 나은 설계를 제시함. DIP는 의존성 역전 원칙으로, 추상화를 구체화 대비 강조함. 객체 지향 프로그래밍 및 설계의 다섯 가지 핵심 원칙을 SOLID라고 부름. 보다 보니, 어떻게 ..

notes 2024. 2. 19. 12:24

심화주차 강의 (1강~3강) 내용을 정리한 것임. 3줄 요약: 좋은 설계란 요구사항 수행과 유연한 변경을 위한 가독성 높은 코드이며, 객체지향은 기능을 객체로 취급하여 캡슐화, 상속, 다형성에 초점을 둔 프로그래밍 패러다임 중 하나의 방식임. 이를 통해 코드의 가독성과 유지보수성을 높이며, 캡슐화는 중요 정보를 숨기고, 상속은 코드 재사용성을 높이며, 추상화는 코드 간결성을 유지하고, 다형성은 객체의 다양한 동작을 표현함. 좋은 설계란 요구하는 기능을 정확히 수행함과 동시에 추후의 변경을 매끄럽게 수용할 수 있는 설계. 이해하기 쉽고 가독성 있는 깔끔한 코드인 것! 객체 지향은 소프트웨어 개발에서 주요 구성 요소를 기능이 아닌 객체로 삼으며 "어떤 객체가 어떤 일을 할 것인가"에 초점을 맞춘 것. 즉, ..

notes 2024. 2. 19. 10:09

내 파트를 구현하는데 있어 발생한 문제들에 대해 얘기를 좀 해볼까 함. 일단 기본 뼈대가 되는 개인과제들 중 내 과제를 채택했는데 그 이유는 게시물과 댓글 기능 모두 구현했기 때문임. 근데 문제는 내가 구현하는 과정에 좀 코드를 더럽게 쓴 감이 있어, 가독성을 위해 결국 해설강의를 그대로 따라서 다시 커스텀을 하였음 (처음부터 다시 했다는 소리). 위 과정에서 이미 한 번 구현했기에 크게 어렵진 않았지만 문제가 발생한 지점은 DB테이블 값을 호출하는 부분들에 있었음. generator client { provider = "prisma-client-js" } datasource db { provider = "mysql" url = env("DATABASE_URL") } model Users { id Int..

projects/node.js 2024. 2. 16. 14:49

프로젝트 발표자료를 가지고 하나씩 부연설명을 하며 복기할 것임. 프론트엔드는 팀장님과 팀원 한 분이 담당해주셨음. 저번에 내가 스파트 스토어(Spart store)를 작업하며 사용했던 ejs를 사용하였음. 시간도 부족하고 우선순위에서 떨어지는 탓에 제3자 눈에 어떨지 모르겠으나 그래도 내 눈엔 만족스러움. (다들 잠도 줄이며 열심히 해주어 고생이 많았음) 그래서 내가 PPT 만드는 걸 담당했음. 물론, 아주 예쁘고 애니메이션 팍팍 넣어서 세련되게 할 수 있었겠지만 뭐든 통일성, 일관성이 중요하다 생각하기에 우리 프론트엔드에 맞춰 테마를 잡아 혹자가 보기엔 다소 투박해 보일 수 있겠음. 우리 조의 이름은 걍 14조라 포텐 터지는 포틴조임. ㅋㅋ 아래 소개할 내용의 목차임. 일단 서비스 자체는 반려동물의 중..

projects/node.js 2024. 2. 16. 10:20