•
4-6시 페어프로그래밍 진행
◦
로그인 - 미경,풍윤
◦
홈 - 혜빈,은영
•
이후 의견
npm i styled-reset
styled-components
axios
react-router-dom
eslint : syntax, find problems / format : JS
prettier 설치
Reset.css에 font-family 적용
반응형 : 연두마켓처럼 상하단바만 반응형으로
이미지 assets 다 받아오기
네이밍 규칙 : 작은 따옴표, 파일경로 이름
styled-components로 처음부터 구현하기
폴더트리 (기본)
라우터로 구현 조금 해놓기
네이밍 규칙 : 작은따옴표 () , 파일경로 이름
•
세팅 명령어
1.
npm i styled-reset
2.
npm i axios
3.
npm install eslint --save-dev
4.
npx install-peerdeps --dev eslint-config-airbnb
5.
npx eslint --init
// Prettier
{
"arrowParens": "always",
"bracketSameLine": false,
"bracketSpacing": true,
"embeddedLanguageFormatting": "auto",
"htmlWhitespaceSensitivity": "css",
"insertPragma": false,
"jsxSingleQuote": false,
"printWidth": 80,
"proseWrap": "preserve",
"quoteProps": "as-needed",
"requirePragma": false,
"semi": true,
"singleQuote": true,
"tabWidth": 2,
"trailingComma": "es5",
"useTabs": false,
"vueIndentScriptAndStyle": false
}
JavaScript
복사
// eslint
module.exports = {
env: {
browser: true,
es2021: true,
},
extends: [
'eslint:recommended',
'plugin:react/recommended',
'airbnb',
'prettier',
],
overrides: [],
parserOptions: {
ecmaVersion: 'latest',
sourceType: 'module',
},
plugins: ['react'],
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',
},
};
JavaScript
복사
•
역할 분담 의견
◦
기능으로 나누면 자연스럽게 페이지로 나눠진다
◦
퍼블리싱은 페어프로그래밍 + 이후 로그인 -> 피드 - > 프로필 기능 나눠갖기
•
참고
해야할 것 :
•
화요일 5시 회의 :
◦
피그마랑 api 명세 보고 오기 → 하고 싶은 페이지 생각해오기
◦
기본 폴더트리 잡기
◦
공통 레이아웃 만들기
◦
라우터 세팅
◦
이미지 assets 다 받아오기
◦
글로벌 스타일
•
금요일까지 :
◦
초기 세팅 완성
◦
필요한 것 공부해오기
