오늘 해야 하는 회의
브랜치 네이밍 정하기
파일 네이밍 정하기
코딩 컨벤션 작성
커밋 작성 내용 정하기
issue, pull_request template 정하고 생성하기
pr과 merge 승인을 어떻게 할지
머지되기전까지 stash 써서 다른 브랜치에서 작업하면 되지않을까용
pr 하고나서 다른 브랜치 파서 작업중이다가 머지가능하게 되면 머지 ㄱㄱ :
연습해야될거같아요 포크를 하고나면 다른분들과는 공유가 안되나용: merge 하기 전까진 upstream에는 없는 상태
결정 : 2명이 승인 후 merge → 주에 이슈 정도만 발표
디자인??
주제에 맞는 기능 정하기
prettier, eslint 설정하기
project 공부하기??
eslint rule 정하기 !
반응형으로 만들지 그냥 모바일 형태로 만들지 정하기
반응형으로 만들자
•
모바일과 웹에서 사이즈에 따라 반응형을 만들자
•
디자인 해보고~
주간회의 시간 : 매주 수요일 오후 1시
기능 구체화
코딩컨벤션
솔직히 나중가면 안지킬거같다~
그치만 eslint가 있다~~~~ 컨벤션 eslint 등록해놓고 잊어버리면 완벽
// .prettierc
{
"tabWidth": 2,
"useTabs": false,
"singleQuote": true,
"jsxSingleQuote": true,
"semi": true,
"endOfLine": "auto",
"printWidth": 120,
"bracketSpacing": true,
"arrowParens": "avoid",
"trailingComma": "es5",
"quoteProps": "as-needed",
"vueIndentScriptAndStyle": false
}
JavaScript
복사
// .eslintrc.js
module.exports = {
env: {
browser: true,
es2021: true,
node: true,
},
extends: [
'eslint:recommended',
'plugin:react/recommended',
'plugin:react-hooks/recommended',
'plugin:import/recommended',
'plugin:prettier/recommended',
'airbnb-base',
'prettier',
],
overrides: [],
parserOptions: {
ecmaVersion: 'latest',
sourceType: 'module',
},
plugins: ['react', 'import'],
rules: {
'react/destructuring-assignment': [0, 'always'],
'react/prop-types': 'off',
'react/jsx-no-useless-fragment': [
2,
{
allowExpressions: true,
},
],
'import/no-cycle': 'off',
'no-console': 'off',
'no-unused-vars': 'off',
'no-useless-concat': 'off',
'react/no-unknown-property': 'off',
'react/jsx-props-no-spreading': 'off',
'react/jsx-filename-extension': [
1,
{
extensions: ['.js', '.jsx'],
},
],
// 중괄호 안 일괄된 줄바꿈
'object-curly-newline': [
'error',
{
// 객체 리터럴 구성
ObjectExpression: 'always',
// 객체 분해 할당의 객체 패턴에 대한 구성
ObjectPattern: {
multiline: true,
},
// 명명된 가져오기에 대한 구성
ImportDeclaration: 'never',
// 명명된 내보내기 구성
ExportDeclaration: {
multiline: true,
minProperties: 3,
},
},
],
// 같은 줄에 있는 식 사이에 줄 바꿈을 삽입합니다.
// 'react/jsx-one-expression-per-line': 'off',
},
};
JavaScript
복사
에어비엔비 써봤는데 오류가 너무 많이 떴고 코드 짠거에 적용시키니까 너무 많이 바뀌었다~~~ 네이버는 괜찮았다? 단기 프로젝트라 룰 정하는 데에 리소스가 많이 들어갈 수도 있다고 생각해서 네이버 컨벤션을 시도해봤다~
브랜치 전략
feature 브렌치 전략 - main develop
브랜치 네이밍
feature/기능이름
마크업
styled/페이지명: styled-component랑 같은 브랜치에서 작업
Markdown
복사
파일 네이밍 정하기
세 참고자료 모두 공통인 부분:
React 컴포넌트, 컴포넌트 폴더(.jsx):
•
파스칼 케이스(PascalCase)
JS:
•
카멜 케이스(camelCase)
선택사항
React 하위 컴포넌트 폴더:
•
파스칼 케이스(PascalCase)
•
카멜 케이스(camelCase)
Styled components:
•
.style.jsx
이미지(에셋 파일):
•
스네이크 케이스(img_logo.svg)
커밋 컨벤션
Fix: 로그인 페이지에서 아이디 중복 체크가 되지 않는 버그 수정 #4
Markdown
복사
<이번주에 할 일>
1.
폴더 구조 짜기 -피그잼
2.
깃허브 테스트 pr, merge, issue & pr
3.
기능 구체화 확정 ,,
4.
네이버 eslint rule
<다음주에 할 일>
1.
디자인 픽스되면 피그마에서 작업
