HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 3기 교육생
/
😃
기동팀
/
☕
[2차] 커피챗
☕

[2차] 커피챗

태그
커피챗
날짜
Oct 29, 2022

Commit Convention

<title><body><footer>
<title>(subject)
  • feat: 새로운 기능 추가
  • fix: 버그 수정
  • improvement: 호환성, 테스트 커버리지, 성능, 검증 기능, 접근성 동의 향상
  • docs: 문서수정
  • style: 코드 포맷팅, 세미콜론 누락 등
  • refactor: 기존 코드에 대한 리팩토링 진행
feat(subject)를 추가할 수 있다.
  • ex) feat(tree)
    • 트리에 대한 커밋이다 이렇게 subject를 넣어주는 것이 좋다.
 
<body>
  • 커밋 메세지 작성
 
<footer>
  • 지라를 사용하면 id값을 넣어준다.
 
commitizen
  • 좀 더 쉽게 할 수 있도록 도와주는 툴(도구) - 개발자 마다 사용 여부 다름
  • gui 툴처럼 하나의 종류
commitlint
  • 커밋 컨벤션을 지킬 수 있게 도와줌 설정한 컨벤션 룰에 맞지 않으면 커밋이 되지 않게 막아준다.
lint-staged
  • 커밋 린트를 통과하면 eslint와 prettier 룰을 지켰는지 확인함
eslint
  • 코드에 대한 컨벤션
    • airbnb eslint
      • 에어비앤비 개발자와 동등한 수준의 컨벤션을 이용해 개발할 수 있음
        • ex) const a = ‘apple’ 선언하고 사용하지 않으면 에러가 난다.
prettier
  • 코드 작성 시의 라인 정리 느낌
    • ex) 큰 따옴표 또는 작은 따옴표로 통일
    • ex) 탭 너비 2 또는 4 통일

 
  • Vue, React, Angular 중 React가 압도적으로 많이 사용되고 있다.
  • 타입스크립트는 선택이 아닌 필수
    • 언제쯤 공부해야할까?
      • kdt를 하면서 추가적으로 ts를 공부하면 좋을 것 같음
      • kdt가 끝나기 전까지 ts를 1번은 사용하는 것이 좋음
       

TypeScript 공부 자료

  1. 공식 문서 (https://www.typescriptlang.org/docs/)https://typescript-kr.github.io/ - 공식문서 번역본
  1. 타입스크립트 핸드북 (https://joshua1988.github.io/ts/)
  1. 벨로퍼트 (https://velog.io/@velopert/typescript-basics)
  1. 코딩앙마 유튜브 강의 (총 약 한시간) - TypeScript 강좌
  1. 땅콩코딩 유튜브 강의 (총 약 70분) - 타입스크립트 (Typescript)
  1. 한눈에 보는 타입스크립트(updated)
 

quokka

VS Code Extension 중 하나로, 실행 결과를 바로 보여줌
 

standard-version (npm)

배포 단계에서 버전 관리를 할 수 있다.
  • 1.6.1 다음인 1.6.2로 배포할 수 있게(?)
 

스토리북

디자인 시스템 개발할 때 많이 사용됨
 

DND 8기

  • 11/20 - 12/18 모집
  • 1/8 ~ 8주간 진행