2023. 4. 28. 21:11ใStudy_Develop/ํฌ์ค์ฝ X ์ฝ๋ฉ์จ ๋ถํธ์บ ํ
ํฌ์ค์ฝ X ์ฝ๋ฉ์จ ํ์คํ ์น๊ฐ๋ฐ์ ๋ถํธ์บ ํ 7๊ธฐ
1์ฃผ ์ฐจ ํ๊ณ ๋ก
1์ฃผ์ผ์ด ๋๋จ๋๊น ๋๋์๋ค.
์์ธ ๊ธฐ์์ฌ์ ์
์ฃผํ๊ณ ์์
๋ฃ๊ณ ์ ์ํ๊ณ
ํ๋ค ๋ณด๋ ๋ฒ์จ..
ํ์ฃผ๊ฐ ๋!
์ฒซ ์ฃผ๋ ์ฌ์ ์ผ๋ก ๋ง์ด ํ๋ค์๋ ๊ฒ ๊ฐ๋ค.
์ง์ ๋ ๋ ์๋ก์ด ํ๊ฒฝ, ์๋ก์ด ์ฌ๋
๋ชจ๋ ๊ฒ์ด ๋ฏ์ ํ๊ฒฝ์์
์ ์ํ๋ ๊ฒ์ด ๋ค์ ํ๊ฒจ์
๋๋ฌผ์ด ์ข ๋ฌ์ง๋ง..;;
์ธ๊ฐ์ ์ ์์ ๋๋ฌผ ์๋๋๊ฐ.
์ด ์ถ์ด ๊ด์ฐฎ์์ก๋ค๊ธฐ๋ณด๋ค๋
๋ง์น ์๋ ๋ด ์ถ์ด์๋ ๊ฒ์ฒ๋ผ
๊ธ๋ฐฉ ๋ค๋คํด์ก๋ค.
์์ธ์ ์ ์ํ๋ ๊ฒ์
๋ ํ์ด ํ ์ฃผ์์ง๋ง
ํฌ์ค์ฝ X ์ฝ๋ฉ์จ ํ์คํ ์น๊ฐ๋ฐ์ ๋ถํธ์บ ํ 7๊ธฐ
1์ฃผ ์ฐจ ์์
์ ๋ํด ๋จผ์
ํ๊ณ ํด ๋ณด๋๋ก ํ๊ฒ ๋ค.
1. ์์ ๊ธฐ๋ก ํ๋ก๊ทธ๋จ

Obsidian์ด๋ผ๋ ๊ธฐ๋ก ํ๋ก๊ทธ๋จ์ ์ฌ์ฉํด
๊ฐ์ธ์ ์ผ๋ก ๊ธฐ๋ก์ ํ๋๋ฐ, ์๊ฑฐ ์ข์ ๊ฒ ๊ฐ๋ค.
์ถ์ฒ ๐
2. ์์ ๋ด์ฉ
git
git ํ๊ฒฝ์ค์
git init, git add, git commit, git push, git pull
ํ์
์ ํ์ํ ๋ฐฉ๋ฒ ๋ช ๊ฐ์ง?
pull request ์์ฑ, Reviewers, issues ๋ฑ
์๋ฐ ๊ฑด ์ฒ์ ๋ง์ ธ๋ดค๋๋ฐ
๋ค์ ๋ณต์กํ๋ค..
ํ๋ค ๋ณด๋ฉด ์ต์ํด์ง๊ฒ ์ง..
html
Live Server, Auto Rename Tag ๋ฑ
์ ์ฉํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ค์นํ๋ค.
hํ๊ทธ๋ถํฐ ์์ํด์, span, div,
details-summary , table ๋ฑ๋ฑ..
css
event, transform, position,
margin, padding
๋ฑ๋ฑ~
JS
if ๋ฌธ๋ถํฐ while๋ฌธ for๋ฌธ
queryselector ๋ฑ๋ฑ~~
์์ง๊น์ง ์ ๋ง ๊ธฐ๋ณธ๋ง
๋ฐฐ์ ๋ค
3. ์์ ๋ฐฉ์
์์
ํ๊ณ , ์ค์ตํ๋ ๋ฐฉ์์ผ๋ก ์งํ๋๋ค.



๋์ถฉ ์๋ฐ ๊ฑฐ ์ค์ตํ๋ค.
๊ฐ์ฌ๋๊ป์ ํ๋ํ๋
๊ผผ๊ผผํ๊ฒ ์ฒ์ฒํ ์๋ ค์ฃผ์ ์
๋๋ ์ข์๋ค.
๊ฐ๋ ์ ๋๋ก ์ง๊ณ ๊ฐ๋ ๋๋?
์์ง์ ๊ธฐ์ด๋ผ ๊ทธ๋ฐ์ง ๋ฐ๋ผ๊ฐ๋๋ฐ
ํฌ๊ฒ ๋ฌธ์ ๋ ์์๋ค(์์ง๊น์ง..)
๊ทธ๋ฆฌ๊ณ ๊ทธ๋์ ์ผ๋งค๋ก ์ฌ์ฉํ๋
html, css ๊ฐ๋ ์ ๋ํด์๋
์ ํํ ์ง๊ณ ๋์ด๊ฐ์
๊ธฐ์ด ๋ผ๋๋ฅผ ๋ ํํํ๊ฒ ๋ค์ง ๊ฒ ๊ฐ์
์ข์๋ค.
๊ทธ๋ฆฌ๊ณ ์ฃผ๋ณ ์๊ฐ์๋ค๊ณผ
ํจ๊ป ์์ ์ ๋ค์ผ๋ฉฐ
๋ค๋ค ์ด์ฌํ ํ๊ณ ์๊ตฌ๋๋ผ๋ ์๊ฐ์
ํผ์ ๊ณต๋ถํ ๋๋ณด๋ค๋
์ข์ ์๊ทน์ ๋ฐ๋ ๊ฒ ๊ฐ์
๋ ์ด์ฌํ ํ๊ฒ ๋๋ ๊ฒ ๊ฐ๋ค.
๊ทธ๋ ๋ค๋ฉด
๋ญ๊ฐ ๊ทธ๋ ๊ฒ ํ๋ค์๋โขโข
๋ด๊ฐ ํ๊ณ ์ถ์ด์ ์์ํ ๊ฒ์ด์ง๋ง
ํ๋ ๊ฑด ๋ถ๋ช
ํ ์์๋ค
ํ๋ํ ์์ธ์ด์ด?
์ฐ์ ์ฒซ ๋ฒ์งธ๋ก,
์ฃผ๋ณ์ ์๋ฌด๋ ์์งํ ์ฌ๋์ด ์๋ ๊ฒ ๊ฐ์ ์ธ๋ก์?
์ง ๋์์ ์ด์๋ ๊ฒฝํ์ด
์ด๋ฒ์ด ์ฒ์์ ์๋๋ค.
์๋
์ ํ๊ต ๊ทผ์ฒ์์ ์์ทจ๋ฅผ ํ๋ ๊ฒฝํ์ด ์์์ง๋ง
๊ทธ๋๋ ์ฃผ๋ณ์ ์น๊ตฌ๋ ์์๊ณ ,
์๋๋ ์ต์ํ๋ ์ฅ์๋ผ
์ธ๋กญ๊ธด ํ์ง๋ง
๊ทธ ์ธ๋ก์์ด ๋๋ฅผ ํ๋ค๊ฒ ํ์ง ์์๋ค
๊ทผ๋ฐ ์ฌ๊ธฐ ์ฒ์ ๋ฑ ํผ์
๋จ๊ฒจ์ก์ ๋..
๊ธธ๋ ๋ชจ๋ฅด๊ณ ๋ด๊ฐ ์๋ ์ง๋ ๋ฏ์ค๊ณ
์์งํ ์ฌ๋๋ ์ฃผ๋ณ์ ์๋ค๋ ๊ฒ์ด
์ ๋ง ํ๋ค์๋ ๊ฒ ๊ฐ๋ค.
๋ ๋ฒ์งธ๋ก,
์จ์ ํ ํธํ๊ฒ ์ด ๊ณต๊ฐ์ด ์๋ค๋ ์๋ฌ์?
23๋
์ ์ด๋ฉด์ ๊ฐ์กฑ ์ธ์๋
๋๊ตฐ๊ฐ์ ๊ณต๋์ํ์ ํด๋ณธ ์ ์ด ์๋ค.
๊ทธ๋์์ธ์ง '๊ธฐ์์ฌ'๋ผ๋ ๊ณต๋์ํ์
์ ์์ ๋ชป ํ๋ ๊ฒ ๊ฐ๋ค.
๋ฌผ๋ก ํจ๊ป ์ฌ๋ ์ธ๋๋ค ๋ชจ๋
๋๋ฌด ์ข์ ์ธ๋๋ค์ด๋ผ๋ ๊ฒ๊ณผ๋ ๋ณ๊ฐ๋ก
๋๊ตฐ๊ฐ์ ์ฐ๋ค๋ ๊ฒ์ด ์กฐ๊ธ์ ๋ฏ์ค์๊ณ
๋ง๋ฅ ํธํ์ง ์์์
์ง์ด ์๋ ์ฌ๋ ๊ฐ๋ค๋ ๋๋์ ์กฐ๊ธ ๋ฐ์๋ค.
๊ทผ๋ฐ ์์์ ๋งํ๋ค์ํผ
์ธ๊ฐ์ ์ ์์ ๋๋ฌผ ์๋๋๊ฐ ใ
ใ
์คํ๋ ค ์ผ์ฃผ์ผ์ด ์ง๋ ์ง๊ธ์
์ด ์ธ๋๋ค์ด ์์๋๋ผ๋ฉด
์์ธ์ด ์กฐ๊ธ์
๋ฌด์์ ์ ๊ฒ ๊ฐ๋ค.
์ง๊ธ์ ์์ฃ ๋ ์ ์ ์๋ฃ.




๋ฃธ๋ฉ ๋ค๋น์ธ๋์
์ด์ฌํ ์ฐจ๋ ค๋จน๊ธฐ๋,
๊ฐ๋์ ๋ง๋ ๊ฑฐ ์ฌ ๋จน๊ธฐ๋ ํ๋ฉฐ
์ ์ฑ๊ฒจ ๋จน๊ณ ์๋ค
์ ๋ง ๋ค๋น ์ธ๋ ์์์ผ๋ฉด
์ด์จ์๊น ๋ชฐ๋ผ๐๐
๋ ์ถ๊ฐ์ ์ผ๋ก ์ ๊ณ ์ถ์ ๋ด์ฉ์
์์ธ ์ฒ์ ์์ ๋
๋ ํผ์ ๋จ๊ฒจ์ก๋ค๋ ๋๋์ ๋ฐ์ ๋
์ ๋ง ์ ๋ง ํ๋ค์๋๋ฐ
๋๋ฆ์ ๋์ ๊ทน๋ณต ๊ฟํ?
์ฐ์ ์ฒซ ๋ฒ์งธ๋ก
๊ณผ๊ฑฐ์ ์ข์๋ ๊ธฐ์ต์ ์๊ฐํ๋ฉฐ
ํ๋ฃจํ๋ฃจ๋ฅผ ๋ฒํฐ๋ ๊ฒ์ด๋ค
๊ณผ๊ฑฐ์ ๋จธ๋ฌด๋ฅด๋ผ๋ ๋ง์ ์๋์ง๋ง,
๊ทธ ์ข์ ๊ธฐ์ต์ผ๋ก ํ๋ฃจ๋ฅผ ๋ฒํด๋ค
๋ญ ๋์ถฉ ๊ทธ๋ฐ ๋ง์ด๋ค ใ
ใ
๊ทธ๋ฌ๋ค ๋ณด๋ฉด ์ด๋์
๋น์ฅ์ ํ๋ค์๋ ๊ฒ๋
๋ค๋คํด์ง๊ณ ๊ด์ฐฎ์์ง๋ ๊ฒ ๊ฐ๋ค
๊ทธ๋ฆฌ๊ณ ์์ผ๋ก ๋ค๊ฐ์ฌ ๋์ ๋ฏธ๋๊ฐ ์กฐ๊ธ์
๊ธฐ๋๋ ๋๊ณ
๋ญ ๊ทธ๋ฅ ๋๋ ๊ทธ๋ฌ๋ค
๋ ๋ฒ์งธ๋ก๋
๊ทธ๋ฅ ์ฃผ๋ณ์ ํ์์ฐํ๊ธฐ ใ
ใ
์๊ทผํ ๋์์ด ๋ง์ด ๋์๋ค


์ง๊ธ ๋ณด๋ ๋ค๋คํ์ง๋ง
๋น์์๋ ์ด๋ฐ ๋ง๋ค์ด
์ผ๋ง๋ ์๋ก๊ฐ ๋๋์ง..
์ฌ์ค ์กฐ๊ธ ์ธ์ปฅํ๋ค ใ


ํนํ ์ด ์๋ก๊ฐ ๋ง์ด ์๋ก๊ฐ ๋์๋ค
์ฒญ์ถ์ด๋ค ๊ฐ๋ณด์๊ณ -!!
๋๋ ์์ง ์ ๋ค ์ ์ด;;
ํ 3~4์ผ ์ ๋๋
๋ฌด์ง๋ฌด์ง ํ๋ค์์ง๋ง
์ง๊ธ์ ์จ์ ํ ๋๋ก,
์๋์ ๋๋ก ๋์์จ ๊ฒ ๊ฐ์ ๊ธฐ๋ถ์ด ๋ ๋ค
๊ทธ๋ ๋ค๋ฉด ๋ค์ ์ฃผ๋ถํฐ๋
๋์ ์๋์ง๋ฅผ
์์
, ๊ฐ์ธ ๊ณต๋ถ, ํ๋ก์ ํธ์๋ง
์ค๋กฏ์ด ์จ๋ณด๋๋ก ํ๊ฒ ๋ค!!
์์์ฃ!!
