Commento | [WIL] Git & Figma

Jiwan Jeon·2022년 1월 11일
0

Comento

목록 보기
1/2
post-thumbnail

Weekly I Learned에 앞서 코멘토(Commento) 사이트를 처음 들어보신 분들을 위해 간략하게 설명하겠다.

코멘토란?

: 간략하게 말하자면, 실제 현업에 종사하시는분이 5-6주 가량의 수업을 계획하여 수업 신청자들에게 강의를 해주는 플랫폼이다.

(위 코멘토란 글씨를 클릭 or https://bit.ly/3D9XCOz 이 링크를 누르시면 코멘토 사이트로 이동 가능합니다)

왜 코멘토인가?

: 실제 현업에 종사하시는분 즉, 최신 트렌드 경향에 대해 잘 아시는건 물론이거니와 기업이 일하게 되면 어떤 부분이 필요한지 회사에서 어떤 부분을 원하는지를 바로 알 수 있다는 큰 강점이 있는거같다. 그리고, 수강생들과 멘토님들과 "네트워크" 형성도 할 수 있는 아주 좋은 기회인거 같다.

: 매니저님도 신경써서 잘 관리해주신다.

: Gather Town이라는 플랫폼을 활용하여 오프라인이지만 최대한 강점을 끌어올린다.

p.s) 위의 사진 보면 알겠지만 나름 이쁘게 잘 꾸며져있다!

강의명

주니어 개발자를 위한 React - 실무 프로젝트로 역량 업그레이드

목표

  1. Git과 Github 친해지기
  2. 이해하기 쉽고 명확한 Git 커밋 메시지 연습하기
  3. Github의 다양한 기능 써보기
  4. Figme를 확인하고, 기능 명세서 작성하기

첫 수업이라서 초기세팅하는데 시간을 주로 썼다.

WIL(Weekly I Learned)

  1. CRA(Creating React App)을 사용하는 이유
  • It helps you to create and configure React project in smooth and easy manner . An easy to start developing your project.
  • Project is structured by default. All the components changes will be done in source folder. Node modules have separate folder with dependencies mentioned in package. Json file.
  • React-scripts package is pre-installed which has Babel and Webpack configuration for you to run and deploy your project easily. A default view is set up for you to get started building your components .
  • Compiler ,Build and Test environment is set up using this command. For testing @testing-library/jest-dom and @testing-library/react is already installed and you can run tests for your project.
  1. Git-Flow 란?

Git-Flow를 설명하는데 이만한 이미지가 없는거 같다.

Git-Flow에서는 아래와 같이 크게 카테고리가 나눠진다.

  • Master
  • Develop
  • Feature
  • Release
  • Hotfix

처음에는 Master와 Develop 브랜치로 구성됩니다. 그 이후에는, Develop 브랜치에서 필요에따라서 예를들어, 기능구현, UI/UX추가 등등 Feature 브랜치를 생성합니다. (주의, Feature 브랜치는 Develop 브랜치에서 생성해야 합니다. Master 브랜치에서 생성할 경우 Git-Flow의 목적을 읽어버립니다.)
Feature에서 Merge할 경우 Develop으로 Merge후 Master로 Merge합니다.
각각의 Branch들은 Merge이후에는 삭제합니다.

  1. Github에서 제공하는 Project/Github Pages&Action
  • Trello vs Github Project
    : 이전에는 Trello를 사용했었는데, 비슷한감이 있긴하지만 아무래도 Github Project의 경우 개발자만 쓰는 느낌이 있다. 왜냐하면, 비개발자들이 git을 사용하는 일은 드물기 떄문.

  • Github Pages&Action
    : 이전에 Netlify와 Amazon S3를 사용한 적이 있는데 아직 장단점을 뚜렷하게 느끼지 못했다. 이에 관한 내용들은 추후에 블로그에서 자세학겍 다룰 예정이다.

  1. Commit Message Convention
    : 이 내용도 따로 자세하게 다룰 예정이지만, 간단하게 당장 사용 할 내용만 공유하겠다.
  • feat : 새로운 기능 추가
  • fix : 버그 수정
  • docs : 문서 수정
  • style : 코드 formatting, 세미콜론(;) 누락, 코드 변경이 없는 경우
  • refactor : 코드 리팩터링
  • test : 테스트 코드, 리팩터링 테스트 코드 추가(프로덕션 코드 변경 X)
  • chore : 빌드 업무 수정, 패키지 매니저 수정(프로덕션 코드 변경 X)
  • design : CSS 등 사용자 UI 디자인 변경
  • comment : 필요한 주석 추가 및 변경
  • rename : 파일 혹은 폴더명을 수정하거나 옮기는 작업만인 경우
  • remove : 파일을 삭제하는 작업만 수행한 경우
  • !BREAKING CHANGE : 커다란 API 변경의 경우
  • !HOTFIX : 급하게 치명적인 버그를 고쳐야 하는 경우
profile
Jiwan Jeon

0개의 댓글