View Code? Open in Web Editor
NEW
This project forked from sassy-project/front-mbti-chat
TypeScript 78.30%
HTML 2.26%
SCSS 19.44%
front-mbti-chat's Introduction
- 필수
- Eslint
- Prettier - Code formatter
- Prettier ESLint
- 추천
- Material Icon Theme
- Auto import
- Auto Rename Tag
- 태그 이름 바꿀때 반대편 태그 이름도 동시에 바뀜
- CSS Peek
- 클래스, ID로 CSS코드 검색할 수 있음. 해당 CSS 파일 위치로 이동
- HTML to CSS autocompletion
- htmltagwrap
- 선택한 텍스트를 감싸는 적절한 HTML 태그를 자동으로 삽입
- Reactjs code snippets
- 리액트 고수되는 길 (rsc 치고 엔터누르면 자동으로 함수형 컴포넌트 생성해줌. 더 많은 기능 검색하면나옴)
- vscode-styled-components
- styled-components 쓸 때 개발 속도 빨라짐!!
- React, Typescript
- Axios, React Testing Library
- SCSS, styled-components
- AWS S3, cli
- Github Actions CI
- notion, slack
- Eslint, Prettier
- commit convention
- feat: Update login button
- PR convention
- Title
- 필요없는 코드 제거
- 주석 제거
- API호출 로직 변경
- Template
- branch convention
- 작업할 폴더로 이동
- git clone [Repo 주소]
- cd [Project Folder]
- npm install // node_modules, package-lock.json 동기화
- git branch [생성브랜치 이름]/이름
- git checkout feature/login
- git status // 상태 확인
- git log // 위치 확인 (git log --graph // 그래프로 확인 가능)
- 신나게 코드 작성
- 코드 작성 완료
- git add .
- git commit -m "상태: 컨벤션"
- git commit -m "feat: Update readme"
- git push origin feature/login
- git push --force(절대안돼요 ㅜ) origin feature/login
- PR(pull request) 작성
- git checkout develop
- git pull origin develop
- git branch feature/login
- git checkout feature/login -- 반복
front-mbti-chat's People
Stargazers