1105 TIL-C

Lilac00xx·2024년 11월 5일

오늘은 고래에 대해 작성하기!

Sentry

Sentry는 애플리케이션에서 발생하는 에러와 성능 문제를 모니터링하고 추적할 수 있는 도구. 특히 프론트엔드, 백엔드 등 다양한 환경에서 발생하는 에러를 실시간으로 감지하고, 상세한 정보를 제공함. 이 도구를 사용하면 문제의 발생 위치, 발생 빈도, 사용자에게 미치는 영향 등을 한눈에 파악할 수 있어 빠르고 효율적인 디버깅이 가능.

주요 기능: 에러 모니터링, 성능 트래킹, 릴리즈 관리, 배포 후 문제 감지

장점: 에러 발생 시 즉각적인 알림을 통해 신속한 대응이 가능하며, 사용자 세션 및 디바이스 정보 등을 제공해 보다 정확한 문제 진단이 가능

사용 예시: 특정 페이지에서 자주 발생하는 에러나 성능 저하 문제를 모니터링하고 최적화할 때 유용.

Prettier

Prettier는 코드의 일관된 스타일을 유지하기 위한 코드 포매터. JavaScript, TypeScript, CSS, HTML 등 다양한 언어의 코드를 정해진 스타일에 따라 자동으로 포맷해 준다. 이를 통해 팀원 간 코딩 스타일을 통일하고, 코드 리뷰 시 코드 스타일에 대한 불필요한 논쟁을 줄일 수 있다.

주요 기능: 자동 코드 포매팅, 다양한 언어 지원, 확장된 설정 옵션
장점: 가독성을 높이고 불필요한 코드 스타일 논의를 줄여 준다. ESLint와 함께 사용하면 코드 품질 관리가 더 쉬워진다.
사용 예시: 저장할 때 코드가 자동으로 정렬되도록 설정해 코드를 깔끔하게 유지하고 협업 효율성을 높이는 데 유용하다.

eslint

ESLint는 JavaScript와 TypeScript 코드의 품질을 검사하고, 잠재적인 버그를 미리 잡아주는 정적 코드 분석 도구이다. 프론트엔드와 백엔드 코드에서 일반적으로 발생할 수 있는 문제들을 사전에 탐지하고 경고를 제공한다. 코드 스타일 규칙을 정의해 일관된 스타일을 유지하는 데에도 도움을 준다.

주요 기능: 코드 검사, 스타일 규칙 적용, 코드 품질 향상
장점: 규칙 기반의 코드 검사를 통해 잠재적인 버그를 미리 방지하며, 코드 스타일을 통일해 협업 효율성을 높인다.
사용 예시: 팀별로 규칙을 정의해 코드 작성 시 일관된 스타일을 유지하고, 코드에서 발생할 수 있는 버그를 사전에 방지할 수 있다.

Husky

Husky는 Git의 훅(hook)을 활용해 코드 품질을 자동으로 관리할 수 있게 해 주는 도구. 커밋이나 푸시 등의 Git 작업이 실행될 때 특정 스크립트를 자동으로 실행시킬 수 있어, 코드 린트 검사, 테스트 실행, 코드 포매팅 등의 작업을 강제할 수 있다. 이를 통해 팀원들이 코드를 커밋하기 전에 반드시 검사를 거치도록 설정할 수 있어, 코드 일관성과 품질 관리에 매우 유용하다.

주요 기능: Git 훅 관리, 커밋/푸시 시 코드 품질 검사 자동화
장점: 팀원 간의 코드 스타일과 품질을 일정하게 유지하며, 코드 린트, 테스트 등을 커밋 단계에서 강제해 코드의 문제를 미리 방지할 수 있다.
사용 예시: Husky를 통해 커밋 전에 ESLint와 Prettier를 자동으로 실행해 코드 스타일을 검사하고, 테스트를 자동화해 깨끗한 코드만 저장소에 반영되도록 설정할 수 있다.

Husky를 Prettier, ESLint와 함께 사용하면 개발자들이 더욱 깔끔하고 일관된 코드를 작성할 수 있다더라~

NestJS

NestJS는 Node.js 환경에서 서버 사이드 애플리케이션을 구축할 때 사용되는 프레임워크.TypeScript를 기본으로 사용해 강력한 타입 안정성과 개발자 경험을 제공.

NestJS는 특히 대규모 애플리케이션이나 복잡한 API 서버를 구축할 때 유리한 구조를 가지고 있어, 백엔드 개발에 최적화되어 있다.

주요 특징: 모듈화 구조, 데코레이터 기반의 코드 구조, 의존성 주입, 강력한 타입 지원 (TypeScript)

장점: NestJS는 가독성이 높은 코드 구조와 모듈화를 통해 코드를 쉽게 관리할 수 있으며, 서비스, 컨트롤러, 모듈 등의 개념을 통해 역할 분리를 명확히 할 수 있다. 또한, 의존성 주입이 기본적으로 지원돼 테스트 작성이 용이하다.

사용 예시: RESTful API 서버, GraphQL 서버, 마이크로서비스를 구축할 때 주로 사용되며, 데이터베이스와의 연동, 인증, 메시지 큐 등의 기능을 쉽게 통합할 수 있다.

알아보기 질문하기 찾아보기

Sentry>
에러 추적에서 Sentry의 기본 알림 설정 외에 커스텀 알림을 설정하는 방법
배포 후 발생하는 성능 문제를 구체적으로 분류하고 진단할 수 있는 Sentry 설정

Prettier>
Prettier 설정을 사용할 때 프로젝트별 스타일 규칙을 자동으로 맞추는 방법
(특히 큰 프로젝트에서 코드 스타일 관리 효율성 관련)

ESLint>
다양한 팀원과 협업 시, eslint의 권장 설정이 있을지. 여러 협업자의 코드를 통일성 있게 유지할 방법.

Husky>
Husky 훅을 사용할 때 커밋 단계에서만 특정 검사를 실행하도록 설정하는 방법(예: 커밋 시 Prettier, 푸시 시 테스트)
다양한 스크립트가 많아지면 Husky 설정 파일이 복잡해질 수 있는데, Husky 설정을 효율적으로 관리하는 방법


오늘은 고래에서 사용하는 , 고래뿐만 아닌 협업시 사용하는 것들에 대한 작성을 해봤다.

일단 Senty, Prettier, ESLint, Husky(이 아이 언젠가 제대로 설치 되겠지), NestJS 에 대해 간략히 작성해봤다. 정리해놓으니까 보기 예쁘다!

오늘은 커밋 여러개 할 여건이 안된다. 지금 열이 38도 정도라 어서 내일 한국가면 바로 쉬어야될듯하다.

그래서 코테 쉬운거 풀고 오늘은 그만해야될듯하다.

profile
Challenge & Change

0개의 댓글