230510(์)
๐ ์ฑ์ฅ์ผ์ง 4.0
์ฑ
ํ๋ณตํ ์ด๊ธฐ์ฃผ์์(์จ์ธ ๋ค์ด์ด)
์ ๋ด์ฉ์ ์๊ทน๋ฐ์ ์์ํ๋ ์๋ฐํ ์ฑ์ฅ๊ธฐ๋ก
์ด์์๋ ๊ฝ๊ณผ ์ฃฝ์ ๊ฝ์ ์ด๋ป๊ฒ ๊ตฌ๋ณํ๋๊ฐ?
์ฑ์ฅํ๊ณ ์๋ ๊ฒ์ด ์ด์ ์๋ ๊ฒ์ด๋ค.
์๋ช ์ ์ ์ผํ ์ฆ๊ฑฐ๋ ์ฑ์ฅ์ด๋ค!
๐ณ (1.0)ํค์๋
์ต๋ํ ๊ฐ๋จํ๊ฒ ์ ๋ฆฌ, ์ถํ์ ๋ณด๋ฉด์ ์ค์ค๋ก ์ค๋ช
๐ (2.0)๊ฒฝํ ์์ฃผ๋ก
๋จ์ ์ ๋ณด๋ฅผ ์ ๋ฌํ๊ธฐ๋ณด๋ค ๋ฌด์์ ๋ฐฐ์ ๊ณ ์ด๋ป๊ฒ ํด๊ฒฐํ๋์ง ์งง๊ณ ๊ฐ๋จํ๊ฒ ์์ฑ
โ๏ธ (3.0)์ ํด์ง ํ ํ๋ฆฟ์ ๋ง์ถฐ์
ํค์๋, ๊ฒฝํ ๋ชจ๋ ์ข๋ค. ๋ค๋ง ๋งค์ผ ์์ฑํ๊ธฐ๋ก ๋ง์ ๋จน์๋งํผ ํต์ฌ๋ง ๊ฐ๊ฒฐํ๊ฒ ์ ๋ฆฌํ ์ ์๊ฒ ํ ํ๋ฆฟ์ ์์ฑ
(3.1)230102๋ถํฐ ์์๋๋ ํ์ต์ ๊ดํ ๋ด์ฉ ์ถ๊ฐ
(3.2)230313๋ถํฐ ์ข๋ ๊ฒฝํ, ๊ฐ์ ์์ฃผ์ ๋ด์ฉ๋ ๋ด๊ธฐ!
๐พ (4.0)ํ์ต ํค์๋์์ ์ต๋ํ ๊ฐ๋จํ ์ ๋ณด ์ ๊ณต, ๊ณ ๋ฏผ์์ ๋ด ๊ฒฝํ์ ์์ธํ ์ ์!
๐ ์ค๋์ ํ์ต ํค์๋
์์ฑ๋ ๋ฐฑ๋ก๊ทธ๋ฅผ ํ์ฉํด๋ณด์.
- ์คํ ๋ฆฌ:
์ ์ ๋ ํ ์ ๋๋ฌ ํด๋นํ๋ ํ ์ ์กฐ๊ฑด์ ๋ฐ๋ผ ์ด์๋ฅผ ํํฐ๋งํ ์ ์๋ค.
- task1:
์ด๋ฆฐ ์ด์ ํ ์ ํด๋ฆญ ์, ์ด๋ฆฐ ์ด์๋ค๋ง ๋ณด์ธ๋ค.
(2h) - task2:
๋ซํ ์ด์ ํ ์ ํด๋ฆญ ์, ๋ซํ ์ด์๋ค๋ง ๋ณด์ธ๋ค.
(2h)
- task1:
์์ ๊ฐ์ด task๋ฅผ ๋๋ ํ์, ๊ฐ์ task์ ์๊ฐ์ ๋ถ์ฌํ๋ค. ์ดํ ์ด ์๊ฐ์ ํ๊ท ๋ด์ด ํด๋น task๋ฅผ ๊ฐ๋ฐํ๋๋ฐ ๊ฑธ๋ฆฌ๋ ์์ ์๊ฐ์ ์ฑ ์ ํ๋ค. ๋ค์ ์ด ์๊ฐ๋ค์ ๋ชจ๋ ๋ํ์ฌ ์ด ๊ฐ๋ฐ ์๊ฐ์ ๋๋ต์ ์ผ๋ก ๊ณ์ฐํด๋ณด์๋ค. ์ด๋ ๊ฒ ํ๊ณ ๋ณด๋ ์์ผ๋ก ํ๋ก์ ํธ๋ฅผ ์ด๋ป๊ฒ ์งํํด์ผํ ์ง๋ ํ๋์ ๋ณด์ด๊ณ ๋๋ต์ ์ธ ์๊ฐ๋ ์์ธกํ ์ ์์๋ค. ๋ํ ์ด ์๊ฐ๋ค์ ํ ๋๋ก ํ๋ก์ ํธ์ ๋ง์ผ์คํค์ ์ค์ ํ์๋ค. ๊ฐ ์คํ ๋ฆฌ๋ฅผ ์ด์๋ก ์ก๊ณ ์ฃผ๋ง๋ค ์ฐ๋ฆฌ๊ฐ ๊ฐ๋ฐํ ์ ์๋ ์ ๋๋ฅผ ์ฑ ์ ํด์ week1 ๋ง์ผ์คํค์ ๋ถ์ฌํ๋ ๋ฐฉ์์ด๋ค.
์ฒ์์ ๋ฐฑ๋ก๊ทธ๊ฐ ๊ท์ฐฎ๊ณ ํผ๊ณคํ๋๋ฐ, ์ด๋ ๊ฒ ์์ฑํ๊ณ ๋ณด๋ ํ๋ก์ ํธ์ ๊ฐ์๊ฐ ํ๋์ ํ์ ๋ผ์ ์ ๋ง์ ๋ง ์ข๋ค๊ณ ๋๊ผ๋ค!
prettier ์ค์
๊ทธ๋์ prettier๋ฅผ ์ค์ ํ ๋, ๋งค๋ฒ ์์ฃผ ๊ฐ๋จํ ๋ฃฐ ์ ๋๋ง ์์ฑํ๊ณ ๋ ๊น๊ฒ ์์๋ณด์ง ์์๋ค. ๊ทธ๋ฌ๋ค ์ด๋ฒ์ prettier์ lint๋ฅผ ๋๋ฃ์ ํจ๊ป ์ค์ ํ๋ฉด์ ๊ทธ๋๋ ์กฐ๊ธ์ prettier์ ์ค์ ์ ๋ํด์ ๋ํ ์ผํ๊ฒ ๊ณต๋ถํด๋ณด์๋ค.(๋ง์ ํ์ผ ์ ๋จ์์์์)
{
"arrowParens": "avoid", // ํ์ดํ ํจ์ ์ฌ์ฉ์, ๋ณ์ ๋ถ๋ถ ๊ดํธ ์ฌ์ฉ ๋ฐฉ์!
"bracketSpacing": false, // ๊ฐ์ฒด ๋ฆฌํฐ๋ด์์ ๊ดํธ์ ๊ณต๋ฐฑ ์ฝ์
์ฌ๋ถ. ์ฆ, {name: 'Jayden'} ๋๋ { name: 'Jayden' }
"endOfLine": "auto", // ์ค ๋์ ์ด๋ป๊ฒ ์ฒ๋ฆฌํ ์ง. ex) LF, CRLF, CR ๋ฑ๋ฑ OS๋ง๋ค ๋ค๋ฅด๋ค.
"htmlWhitespaceSensitivity": "css", // <p>jayden </p> ์ผ ๋, 'css'๋ ๊ณต๋ฐฑ์ ๋ฌด์ํ์ง๋ง(๊ณต๋ฐฑ์ ์ ๊ฑฐํ๊ณ ๋ณด์ฌ์ค๋ค.) 'strict'๋ ๊ณต๋ฐฑ์ ๋ฌด์ํ์ง ์๋๋ค.
"jsxBracketSameLine": false, // JSX์ ๋ง์ง๋ง `>`๋ฅผ ๋ค์ ์ค๋ก ๋ด๋ฆด์ง ์ฌ๋ถ
"jsxSingleQuote": false, // JSX์์ '' ์ฌ์ฉ ์ฌ๋ถ
"printWidth": 80, // ์ค ๋ฐ๊ฟ ํ ํญ ๊ธธ์ด
"proseWrap": "preserve", // markdown ํ
์คํธ์ ์ค๋ฐ๊ฟ ๋ฐฉ์
"quoteProps": "as-needed", // ๊ฐ์ฒด ์์ฑ(key)์ ๋ฐ์ดํ ์ ์ฉ ๋ฐฉ์ ex) { 'key': value } ๋๋ { key: value }
"semi": true, // ์ธ๋ฏธ์ฝ๋ก ์ฌ์ฉ ์ฌ๋ถ
"singleQuote": true, // '' ์ฌ์ฉ ์ฌ๋ถ
"tabWidth": 2, // ํญ์ ๋๋น
"trailingComma": "all", // ์ฌ๋ฌ ์ค์ ์ฌ์ฉํ ๋, ํํ ์ฝค๋ง ์ฌ์ฉ ๋ฐฉ์(๋ง์ง๋ง์ ์ฝค๋ง๋ฅผ ๋ถ์ฌ์ค๋ค.)
"useTabs": false, // ํญ ์ฌ์ฉ ์ฌ๋ถ, false์ผ ๊ฒฝ์ฐ์๋ ์คํ์ด์ค๋ฐ ์ฌ์ฉ
"overrides": [
{
"files": "*.json",
"options": {
"printWidth": 200 // json ํ์ผ์ printWidth๋ 200์ผ๋ก ์ค์
}
}
],
}
๐ ์์ฝ ๋ฐ ํ๋ฃจ ๊ฐ๋จ ํ๊ณ
๋ค๋ฅธ ์ฌ๋์๊ฒ ๋ฐฐ์ธ ์ ๋ค์ ๋ฐฐ์ฐ๋ฉด์ ๋์๊ฐ์. ๊ทธ๋ ๋ค๊ณ ๋ค๋ฅธ ์ฌ๋์ด ๊ฐ์ง ๊ฒ๋ค์ ๋๋ฌด ํฌ๊ฒ ๋ณด์ง ๋ง์. ๋ด๊ฐ ๊ฐ์ง ๊ฐ์ ์ ๊ธฐ์ตํ๋ฉด์ ๋ค๋ฅธ ์ฌ๋์ ๊ฐ์ ์ ์ธ์ ํ๊ณ ๋ฐฐ์ฐ์. ๋๋ง์ ๊ฐ์ ์ ์ ์ด๋ ค๋ณด์!!
์ค๋์ ์ํ ์
- ๋ค์ ์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ํ๊ธฐ ์์ํ ์
- ๋ฐฑ๋ก๊ทธ ๊ธฐ๋ฐ ๋ง์ผ์คํค ์ ํ ๊ฒ
- prettier ์ค์ ์ ์ข ๋ ๋ํ ์ผํ๊ฒ ์ ํ ๊ฒ
์ค๋์ ์์ฌ์ด ์
- ์โฆ ์ชผ๊ธ ์ค์ค๋ก ์๊ธฐ์์นจํด์ง ๊ฒ..? ๊ทธ๋ด ํ์ ์๋ค!!!
์ฐธ๊ณ
- ์์