7์ 30์ผ, ํจ์คํธ ์บ ํผ์ค์์ ์งํํ๋ CampCON์ ์ฐธ์ฌํ๊ณ ๊ธฐ๋ก์ผ๋ก ๋จ๊น๋๋ค.
1๋ถ ์ญ์๋ ์งธ ๊ณ ๊ตฐ๋ถํฌ, ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์์กด ๋งค๋ด์ผ
์ฐ์ฌ: Dable FE leader ๊นํ๊ณค
2003~ ๊ฐ๋ฐ์, 2006~ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์
์ทจ์
1. ์ง๊ตฐ์ ๋ง๋ ๊ธฐ์ ์ ๊ฐ์กฐ
์ง๋ฌด ์ ํ์ด๋ผ๋ฉด ๋ ๊ฐ์กฐํด์ผํ๋ค. ์ด๋ค ๋ ธ๋ ฅ์ ํด์๋์ง.
2. ์คํ, ๊นจ์ง ๋งํฌ๋ฅผ ๋ค์ ๋ณด์ (์ด๋ ฅ์ ๋งํฌ)
3. ์ซ์๋ ๋ค๋ค์ต์
๋ฌด์์ ์ผ๋ง๋? ๋ณํ๋ฅผ ์ผ์ผ์ผฐ๋์ง.
๊ทธ๋์ ๋น์ฉ์ ์ผ๋ง๋ ์๊ผ๋์ง.
ํ ์คํธ ์์ฑํด์ ํ ์คํธ ์ปค๋ฒ๋ฆฌ์ง ์ผ๋ง๊น์ง
ํ๋ก์ ํธ ๋์ด์์ ๋์ ๊ธฐ์ฌ๋์ ๋์ ์ญํ ์ ๋งํด์ฃผ์. ์ด๋ค ์ด๋ค ์ผ ํ๊ณ , ์ด๋ค ์ฑ ์์ด ์์๋์ง
4. ๋์, ๊ทธ ๋ธ๋ก๊ทธ๋ ์ฐ์ง ๋ง์ค
์ด๋ ฅ์์ ๋ ํผ๋ฐ์ค๋ ๊พธ์คํ ๊ด๋ฆฌ๋์ด์ผ ํ๋ค.
๊นํ์ด๋ ๋ธ๋ก๊ทธ๋ฅผ ๊ธฐ์ ์ ์ฑ์ฐฐ, ๊พธ์คํจ์ ๋ณด๋๊ฑด๋ฐ ๊ด๋ฆฌ๊ฐ ๋์ด์์ง ์๋ค๋ฉด ์ข์ง์๋ค.
๋งค์ผ ์ฐ๋ ๊ฑด ์ด๋ ต๋๋ผ๋, ํ๋ฌ์ ํ๋ฒ์ด๋ผ๋ ๊พธ์คํ ์ฐ์.
๋ด๊ฐ ์ค๋ ๋ฐฐ์ด ๊ฒ๋ค, ๊ฐ์์ ๋๋ ๊ด์ฐฎ๋ค.
5. GitHub ์๋ ๋น ๊ณณ๋ ์ฑ์ธ ์ ์๋ค. (์ฑ์ฐ๋ ๊ฒ ์ค์ํ์ง๋ ์์ง๋ง...)
๊ด๋ฆฌ๋๋ฉด ์ข๋ค.
๊พธ์คํจ์ด ์ข๋ค๋ ๊ฒ
7. ์ด๋ ฅ์ ๋ ํผ๋ฐ์ค๋ฅผ ๋ณด์
8. ๋ํ ์ผ์ ๊ฐํ ์๋ก ์ ๋ขฐ๊ฐ์ ์ค๋ค. (๋ํ ์ผ์ด ์ฃผ๋ ์ ๋ขฐ๊ฐ์ด ์๋ค. )
ํ์ค ๋๊ธฐ์์ ์์ ํ ์ง๋ฌธ์ธ๊ฐ์?
๋ด๊ฐ ํ๋ ์์ ์ ๋ํด ๋ค์ ํ์ธํ๊ณ ๋ํ ์ผ์ ์ค๋นํ์.
9. ๋ฉํ ๊ฐ ์์ผ๋ฉด GPT
๋๋ IT ๊ธฐ์ ์ ๋ฉด์ ๊ด์ด์ผ. ์ด๋ ฅ์ ๋ด์ฉ์ ์ฃผ๊ณ , ๋ฉด์ ์ง๋ฌธ ๋ฝ์๋ฌ๋ผ๊ณ ํ๋ฉด๋๋ค.
10. ์ง์ํ ๊ธฐ์ ์ ๋ณด ํ์ธํ๊ธฐ
ํ์ฌ์ ๊ด์ฌ์๋ ์ฌ๋์๊ฒ๋ ํ์ฌ๋ ๊ด์ฌ์ด ์๋ค.
GPT ํ์ฉํ๋ ๋ฐฉ๋ฒ์ ์๋ํด๋ณด์
11. ์๋ฒฝํ๊ฒ ์ ํฉํ์ง ์์๋ ๋๋ค.
์๋ง์ผ๋ฉด ์์์ ๊ฑฐ๋ฅด๊ฒ ์ง
์ฐ์ฐจ๊ฐ ์ค๋ ฅ์ ์ปค๋ฒํ์ง ์๋๋ค.
12. ์คํจ๋ ๊ฒฝํ์ด๋ค.
์ด์ฐจํผ ํฉ๊ฒฉ์ ํ ๋ฒ๋ง ํ๋ฉด ๋๋ค.
๊ฐ๋ฐ์ ๋ฌด
1. ๊ฐ๋ฐ์๋ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ์ฌ๋์ด๋ค.
์ฝ๋๋ฅผ ์์ฑํ๋ ์ฌ๋์ด ์๋๋ค.
๋ฌธ์ ๋ฅผ ์ ์ํ๊ณ ํด๊ฒฐํ๋ ๋ฅ๋ ฅ์ด ์ค์ํ๋ค.
์ฝ๋๊ฐ ๋ง์ฌ๊ฐ ์๋๋ค. ์ฝ๋๋ ๋๊ตฌ์ผ ๋ฟ์ด๋ค.
2. ๋ ์ํ๋ฏ ์ฝ๋๋ฅผ ์ฝ์
์ ๋ฌด์ 60%๊ฐ ๋ค๋ฅธ ์ฌ๋์ ์ฝ๋๋ฅผ ์ฝ๋ ๊ฒ
์ด์ง ํ ๊ทธ ํ์ฌ์ ๋๋ฉ์ธ ์ง์์ ๋น ๋ฅด๊ฒ ์ ์ํ ์ ์๋ค.
์ดํด๊ฐ ์๋๋ฉด chatGPT ๋์๋ฐ๊ธฐ
3. ๋ฌธ์ ๋ ์์คํ ์ผ๋ก ์๋ฐฉํ์
Linter, Formatter, TypeScript, SCM, Test....
4. ์ข์ ๋ฐ๋ณต๋ ์๋ค.
Repeat Yourself
์๊ธฐ๋ง์ ์ดํ๋ฆฌ์ผ์ด์ ๋ง๋ค์ด์ ๋ค๋ฅธ์ธ์ด๋ก, ๋ค๋ฅธ ์ํคํ ์ณ๋ก ๋ง๋ค์ด๋ณด๋ฉด ๊ณต๋ถํ๊ธฐ ์ข๋ค.
5. ์ผ์ ์์ธก์ (๊ฑฐ์ ํญ์) ์คํจํ๋ค.
์ ๋ฌด๋ฅผ ์์ ๋จ์๋ก ๋๋๊ณ ๋ง์ผ์คํค์ ์ค์ ํ์
6. ์๊ฒ ์คํํด์ผ ์๊ฒ ์คํจํ๋ค.
ํ ํ ์คํฌ์ ๊ธธ์ด๊ฐ 2์ผ์ด ๋์ผ๋ฉด ๋ ์๊ฒ ๋ง์ถ์.
7. ํ์คํ ์ง์ vs ํ์คํ ์์ง๋์ด
ํ๋ ์ ํ๊ธฐ๋ ํ๋ ๋ฐ, ์ ๋ฌธ ๋ถ์ผ๋ฅผ ๊ฐ์ง์.
๊ทธ๋ํฝ. ์๋ํฐ ๋ฑ ์ด๊ฑธ ์ํ๋ ํ์ ๊ฐ๋ฐ์. -> ์ด๊ฒ ๋ ์ ๋จนํ๋ค.
8. ๋์ฒด๋ก, ์ณ์ ๊ธฐ์ ์ ์๋ค. ์ํฉ์ ๋ฐ๋ฅธ ์ ํ๋ง ์์๋ฟ
9. ๋๋ง์ ํ์ต ๋ฃจํด์ ๋ง๋ค์ด๋์.
์ด์ฐจํผ ํ์ ๊ณต๋ถํด์ผํ๋ค.
๊นํ๊ณค๋์ ๋ ํผ๋ฐ์ค ๋์ถฉ ๋ณด๊ณ , ์ ๋นํ๊ฒ ์ง์ ํด๋ณธ๋ค.
๋นจ๋ฆฌ ๋ง๋ค์ด๋์.
10. ๋ฐฐ์์ ๋จ์ฃผ์.
๊ฐ์ฅ ์ข์ ๋ฐฉ๋ฒ์ ๊ต์ก. ๋๋ฃ๋ ์ข๊ณ ๋ฌ๋ฒ๋๋ ์ข๊ณ .
11. ์ซ์๋ ๋ค๋ค์ต์
๋ด๊ฐ ํ ์์ ์ ์ต๋ํ ์ ๋์ ์ธ ํํ๋ก ํ๊ฐํ๊ธฐ => ์ ๋ฌธ๊ฐ์ฒ๋ผ ๋ณด์ด๊ฒ ํ๋ค.
์ํํธ์คํฌ
1. ์ฃผ๊ด์๋ณด๋ค ๊ฐ๊ด์
์ฆ๊ฐ์ ์ธ ํผ๋๋ฐฑ์ ์ํ๋ค๋ฉด ๊ฐ๊ด์์ผ๋ก ๋ฌผ์ด๋ณด๊ธฐ
ํ์ ๋ฒ์น: ์์ฌ ๊ฒฐ์ ์ ๊ฑธ๋ฆฌ๋ ์๊ฐ์ ์ ํ์ง์ ๊ฐ์์ ๋ณต์ก์ฑ์ ๋น๋กํ๋ค.
2. ์ง๋ฌธ์๋ ๊ธฐ์ ์ด ์๋ค.
๊ตฌ๊ธ์ 15๋ถ ๊ท์น
๋ด๊ฐ ์ด๋ค ๋ฌธ์ ํด๊ฒฐํ๊ณ ์ถ์์ง, ์ง๊ธ๊น์ง ์ด๋ค ์๋๋ฅผ ํ๋์ง ๋งํด์ฃผ์.
๋ค๋ฅธ ์ฌ๋์ ์๊ฐ๋ ์์คํ๋ค.
3. ์๋๋ ์์ด๋ ์คํฌ์ด๋ค.
๊ฐ๋งํ ์์ผ๋ฉด ๊ฐ๋ง๋๊ฐ ๋๋ค.
์ํ๊ฑด ์ํ๋ค๊ณ ๋งํ๊ณ , ํ๋ค๋ฉด ํ๋ค๋ค๊ณ ๋งํด์ผํ๋ค.
๊ฐ๋๋ณด๋ค๋ ๋น๋๋ก
4. '์๋๋ค'๋ ๋ง์ ๊ทธ๋ง
๋ถ์ ์ ์ธ ๊ฒฐ์ ์ ์๋๊ฐ ํ๋๋ก ํ๊ณ ๋๋ ๊ธ์ ์ ์ธ ์ฌ๋์ผ๋ก ๋จ์.
5. ๊ฑฐ์ ์ 3๋จ๊ณ
์์/ ๋์ ์ ์/ ์ด๋
๊ณ ๋ฏผ์ ์ค๋ํ๋ค๋ ๋๋์ผ๋ก
6. ์๋์ ์ธ์ด๋ก ์ค๋ช ํ์
7. ์ฃผ๋ณ ์ฌ๋์๊ฒ ์น์ ํ์
์น์ ํ๋ผ. ์ฐ๋ฆฌ๊ฐ ๋ง๋๋ ๋ชจ๋ ์ด๋ ํ๊ฒจ์ด ์ถ์ ์ด์๊ฐ๋ค.
์ปค๋ฆฌ์ด/์ด์ง
1. ์ด์ง์ ํญ์ ์ค๋นํ๋ ๊ฒ
๋ง์ ๋ฅ์ณ์ ํ๋ฉด ์๋ชป๋ ์ ํํ ๊ฐ๋ฅ์ฑ์ด ์๋ค.
์ด์งํ ์๊ฐ ์์ด๋ ๋ฉด์ ๋ด๋ ๋๋ค. => ํ์ฌ ์์ฅ ํธ๋ ๋์ ๋์ ์์น๋ฅผ ๋ณผ ์ ์๋ค.
2. ์ด์งํ ๋ ๋ณผ ๊ฒ: ์ปค๋ฆฌ์ด, ์ฐ๋ด, ์๋ผ๋ฒจ
๊ฒฝ๋ ฅ ์ด๊ธฐ์๋ ๊ณ ์ํ ํ์ ์๋ค.
๊ฐ๋ฅํ๋ฉด ์ปค๋ฆฌ์ด๋ฅผ ์ค์ํ๋ฉด ์ข๋ค.
3. ์ปค๋ฆฌ์ด = ์๊ฐ + ์คํ ๋ฆฌ
๊ฒฐ๋ง์ด ์ข์ผ๋ฉด ๊ณ ๋์ ์์ ์์ฌ์ ์ผ๋ถ์ผ ๋ฟ
๋ญ ๋ฐฐ์ ๊ณ , ์ด๋ค ๊ฑธ ํ๊ณ ๋ฑ๋ฑ ์ฑ์ฅ ์คํ ๋ฆฌ๊ฐ ์ค์ํ๋ค.
๋๋ ์์ฌ๋ฅผ ์๋ ์ค์ด๋ค.
4. ์ฑ๊ณผ๊ธ, ๋ณต์ง๋ณด๋ค๋ ์ฐ๋ด
๋ค์ ํ์ฌ์์ ํ์์ ์ฐ๋ด์ด ์ค์ํ๋ค.
ํ์ง๋ง ๋ค์ ํ์ฌ์์ ์ฑ๊ณผ๊ธ, ๋ณต์ง๋ก ํ์์ด ๊ฐ๋ฅํ๊ธฐ๋ ํ๋ค.
5. ๋ ํน์ ... ๋ญ ๋ผ?
์กด์ฌ๊ฐ์ ์ฌ์ด๋์
์จ์คํ๋ผ์ธ์ ๋๋ผ๋ ๊ฐ๋ฐ์๊ฐ ์๋ค๋ ๊ฒ์ ์๋ ค๋ณด์.
6. ์๊ฐ์ ๊ธ์ด๋ค.
7. ์ฌ์ด๋์ก, ํ ๊น ๋ง๊น.
๊ฐ์ฅ ์ค์ํ ๊ฑด ๋ณธ์ !! ๋๋ณด๋ค๋ ๊ฒฝํ!
์์ด์๋ ์๋๋ ๊ฒ!
1. ์์ ์ ์์คํ ํ์. (๋ด๋ฉด์ ์๋ฆฌ, ๋ชธ์ ์ ํธ์ ์ ์)
2. ์ ๋ฌธ๊ฐ ๋ง ๋๋ฌด ๋ง์ด ๋ฃ์ง ๋ง์. (์ ๋ฌธ๊ฐ๋ผ๋ฆฌ๋ ์๊ฒฌ์ด ๊ฐ๋ฆฌ๊ณ ๋๋ ๋ด๊ฐ ์ ์ผ ์ ์๋ค. )
์ฐ์ฌ๋๊ณผ ์ง๋ฌธํ์
๐์ ์ , ๋น์ ๊ณต์๋ก์ ๊ธฐ์ ์ ์ธ ์ญ๋๋ณด๋ค๋ ๋ฌธ์ ํด๊ฒฐ ๋ฅ๋ ฅ๊ณผ ์ฑ์ฅ ๊ฐ๋ฅ์ฑ, ํนํ ์ํํธ ์คํฌ์ ๊ฐ์ ์ผ๋ก ๋ถ๊ฐ์ํค๊ณ ์ถ์ต๋๋ค. ์ด๋ค ์์ผ๋ก ์ด์ผ๊ธฐ๋ฅผ ํ์ด๊ฐ๋ฉด ์ข์๊น์? ์ ์ ์๊ฒ ๋ฐ๋ผ๋ ์ํํธ ์คํฌ์ ๊ตฌ์ฒด์ ์ผ๋ก ์ด๋ค ๊ฒ์ด ์์๊น์?
=> ์ ์ ๋ฐ 2~3 ๋ ์ฐจ์๊ฒ ๊ธฐ์ ์ ์ธ ์ญ๋์ด ์์ ํ ๋ฌด๋ฅด์ต์ง ์๋ค๊ณ ๋ณด๊ณ , ๊ธฐ์ ์ง์ผ๋ก์ ์ญํ ์ ํด์ฃผ๋๊ฒ ์ข๋ค.
์ํํธ์คํฌ์ ๊ทธ ์ดํ์ ๊ฐ์กฐํ๋ ๊ฒ์ด ์ข๋ค.
๐์จ๋ผ์ธ ์ธ์๋๋ฅผ ์์ผ๋ ค๋ฉด ์ด๋ป๊ฒ ํด์ผํ๋์?
=> ์จ๋ผ์ธ ๋ฒ์ญ, ๋ ธ๋js, ๋ฆฌ์กํธ, ์ปค๋ฎค๋ํฐ ์คํ์์ค์ ํ๋์ ํด๋ณด์.
๐๋ค๋ฅธ์ฌ๋์์ ์ฝ๋๋ฅผ ๋ ์ํ๋ฏ ์ฝ์!์ ํฐ ์ธ์์ ๋ฐ์์ต๋๋ค! ํ์ฌ์ ์ฌ์๊ฐ ์์ด ํผ์ ๊ณต๋ถํ๋ ์ํฉ์ด๋ผ๋ฉด, ์ด๋ค ์ฝ๋๋ฅผ ์ฐพ์ ์ฝ์ผ๋ฉด ์ข์๊น์? ์ถ์ฒ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ์ฝ๋๊ฐ ์์๊น์?
=> ๋ณธ์ธ์ ๊ธฐ์ ์์ค ์ฐจ์ด๊ฐ ๋ง์ด ๋์ง ์๋ ์ฝ๋๋ก ์๋ํด์ผํ๋ค.
mini, tiny, nano๋ฑ ์ ๋์ด๋ฅผ ์ถ๊ฐํด์ github์ ๊ฒ์ํด๋ณธ๋ค.
๐ํ๋ก์ ํธ๋ฅผ ํ๋ฉด์ ํญ์ ๊ธฐํ๊ณผ ํด๊ฒฐ์ ๊ธ๊ธํด ์ฐ๊ตฌ์ ๊ณ ๋ฏผ๋ณด๋ค๋ ํด๊ฒฐ์๋ง ์ง์คํด์๋๊ฒ ๊ฐ์ต๋๋ค. ๊ทธ๋์ ๋ฉด์ ์์ ํด๋น ๋ฌธ์ ํด๊ฒฐ์ ๋ํ ๊น์ด ์๋ ์ง๋ฌธ์ ๋ฐ๋๋ค๊ณ ํ์๋ ์ด๋ป๊ฒ ์ด์ผ๊ธฐ๋ฅผ ํ๋ฉด ๋ ์ง ๋จธ๋ฆฌ๊ฐ ํ์์ง๋๋ค... ์ด๋ฐ ์ ์ ์ํฉ์ ์ด๋ป๊ฒ ๊ทน๋ณตํ๋ฉด ์ข์๊น์? ๋ฌด์์ ์ค์ํ ๊ฒ์ผ๊น์?
=> ์ง๊ธ๋ถํฐ ํ๋ฉด์ ํ๋ฉด๋๋ค. ์ ์ด๋ ํ๊ณ ๋ฅผ ํ๋ฉด์, ์์ผ๋ก ํ๋ก์ ํธ๋ ์ด๋ ๊ฒ ํด์ผ๊ฒ ๋ค๊ณ ๊ณ ๋ฏผ์ ํ๋ฉด๋๋ค.
์ง๋ ํ๋ก์ ํธ๋ ์ง๋๊ฐ์ผ๋ ์์ผ๋ก ์ํ๋ฉด๋๋ค. ๋ด๊ฐ ์๋๋ผ ํ๋ก์ ํธ์์ ๋ฌด์์ ์๋ชปํ๋์ง ํ๊ณ ํ์.
๐ํ์ต์ ๋ฐฉ๋ฒ์ค์ ๋์์ ๊ฐ์ ์ด์ ์ ๊ณต์ ๋ฌธ์์ ์ค์ต์ ์์ฃผ๋ก ํ์ตํ์ ๋ค๊ณ ๋ง์ ์ฃผ์ จ๋๊ฒ ๊ฐ์ต๋๋ค. ๊ฐ์ธ์ ์ผ๋ก๋ ๊ณต์ ๋ฌธ์๋ฅผ ์ฝ์ ์ ์๋ ๋ฅ๋ ฅ์ ํค์ฐ๋ ๊ฒ์ด ๋ ์ข์๊ฒ ๊ฐ์๋ฐ์. ํน์ ๋ ธํ์ฐ๊ฐ ๋ ์์ผ์๋ค๋ฉด ๊ตฌ์ฒด์ ์ผ๋ก ๋ถํ๋๋ฆฌ๊ณ ์ถ์ต๋๋ค.
=> mdn ๋ฌธ์๋ ํ๋ ๋๋ง๋ค ์ฝ์ด๋ณด์. ์๋ก์ด api๋ ๊ณ์ ๋ฐ์ ํ๊ณ ์๋ค.
๐์ ์ ์ ๊ฒฝ์ฐ, ํฌํธํด๋ฆฌ์ค์ ์์ฑํ ํ๋ก์ ํธ์์ ๊ธฐ๋ฅ๊ตฌํ์ ๊ธ๊ธํ์ฌ ์ฑ๋ฅ๊ฐ์ , ๋น์ฉ์ ๊ฐ ๋ฑ ์ ์์นํํ์ฌ ์์ฑํ๊ธฐ ์ด๋ ต๋ค๊ณ ์๊ฐํ๋๋ฐ ๊ฐ์ฌ๋์ ์ด๋ป๊ฒ ์๊ฐํ์๋์ ?
=> ์ด๋ ต์ง๋ง ์์น๋ก ํ ์ ์๋ ๋ฐฉ๋ฒ์ ๋ง๋ค. ํ์ธํ ์๊ฐ, ๋ค์ด๋ก๋ ์๊ฐ ์ฒดํฌ, ํ์ผ ํฌ๊ธฐ ์ฒดํฌ ๋ฑ๋ฑ