개발/프론트엔드 기술 세미나(3)
-
Sentry
Sentry란? 소개 공식 홈페이지 어플리케이션에서의 오류 발생을 알려주는 실시간 에러 트래킹 서비스 입니다. Javascript, node.js, python 등의 다양한 언어, 프레임워크, 라이브러리를 지원하며 Unreal Engine같은 게임 개발 도구도 지원합니다. 여러 프로젝트의 이슈를 한 곳에서 관리함으로써 에러 모니터링을 일원화 할 수 있습니다. 슬랙이나 카카오톡등 특정 프로그램과 연동하여 에러가 발생했을때, 특정 그룹 및 사용자에게 알람을 보낼 수 있습니다. 지원하는 플랫폼 더보기 요금제 무료 / 유료 버전에 따른 차이 멤버 수 제한 : 하나의 계정으로 로그인해야 해당 이슈들을 조회할 수 있습니다. (유료 사용의 경우 무제한) 에러 수 제한 : 무료 버전은 월간 에러 카운트가 5,000개로..
2023.02.02 -
Storybook
소개 Storybook 이란? 공식 홈페이지 오픈소스 UI 컴포넌트 개발 도구 문서화가 쉬운것이 특징 애플리케이션 외부 (독립 개발 환경) 에서 실행됨 다양한 부가기능 (addons)을 지원함 정적버전을 빌드하여 http 서버에 배포 가능 React를 시작으로 현재는 React Native, Vue, Angular, Svelte 에서 사용 가능 기본 개념 스토리북(Storybook)은 컴포넌트와 그 컴포넌트에 대한 스토리들로 구성되어 있음 하나의 컴포넌트는 보통 하나 이상의 스토리를 가짐 설치 & 설정 설치하기 설치 // npm 설치 npm install --save -g @storybook/cli // yarn 설치 yarn add global @storybook/cli // or npx storybo..
2023.02.01 -
TBD(Trunk Based Development)
개요 트렁크 기반 개발 (Trunk Based Development) 이란? 참고: https://trunkbaseddevelopment.com/ 일반적인 트렁크 기반 개발 방법은 Trunk 라고 불리는 브렌치( 또는 Master 브렌치) 에 각각의 개발자들이 작은 변동 사항의 커밋들을 직접 커밋하여 개발하는 방법을 말합니다. 즉, 개발자들은 Trunk (Master) 브렌치에서 협업하고, 긴 작업 단위의 브렌치 생성을 피하며, 이로인해 협업간에 생기는 충돌을 최소화 하고 빌드가 실패되는 상태를 막게 됩니다. 이로인해 Trunk (Master) 브렌치는 항상 배포 가능한 상태가 유지 됩니다. 소규모 개발 팀을 위한 TBD 좀 더 큰 규모의 개발 팀을 위한 TBD 개발 규칙 각 개발자들이 Trunk (Ma..
2023.01.30