[ํฌ์Šค์ฝ” X ์ฝ”๋”ฉ์˜จ ํ’€์Šคํƒ ์›น๊ฐœ๋ฐœ์ž ๋ถ€ํŠธ์บ ํ”„ 7๊ธฐ] 1์ฃผ์ฐจ ํšŒ๊ณ ๋ก(feat.ํ—˜๋‚œํ•œ ์„œ์šธ์‚ด์ด)

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์ผ ์ •๋„๋Š”
๋ฌด์ง€๋ฌด์ง€ ํž˜๋“ค์—ˆ์ง€๋งŒ
์ง€๊ธˆ์€ ์˜จ์ „ํ•œ ๋‚˜๋กœ,
์›๋ž˜์˜ ๋‚˜๋กœ ๋Œ์•„์˜จ ๊ฒƒ ๊ฐ™์€ ๊ธฐ๋ถ„์ด ๋“ ๋‹ค


๊ทธ๋ ‡๋‹ค๋ฉด ๋‹ค์Œ ์ฃผ๋ถ€ํ„ฐ๋Š”
๋‚˜์˜ ์—๋„ˆ์ง€๋ฅผ
์ˆ˜์—…, ๊ฐœ์ธ ๊ณต๋ถ€, ํ”„๋กœ์ ํŠธ์—๋งŒ
์˜ค๋กฏ์ด ์จ๋ณด๋„๋ก ํ•˜๊ฒ ๋‹ค!!
์•„์ž์žฃ!!




'Study_Develop > ํฌ์Šค์ฝ” X ์ฝ”๋”ฉ์˜จ ๋ถ€ํŠธ์บ ํ”„' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[ํฌ์Šค์ฝ” X ์ฝ”๋”ฉ์˜จ ํ’€์Šคํƒ ์›น๊ฐœ๋ฐœ์ž ๋ถ€ํŠธ์บ ํ”„ 7๊ธฐ] 4์ฃผ์ฐจ ํšŒ๊ณ ๋ก ch. 1 Node.js, ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ, ๋ถ„ํ•ด ํ• ๋‹น, ...์—ฐ์‚ฐ์ž, rest  (0) 2023.05.21
[ํฌ์Šค์ฝ” X ์ฝ”๋”ฉ์˜จ ํ’€์Šคํƒ ์›น๊ฐœ๋ฐœ์ž ๋ถ€ํŠธ์บ ํ”„ 7๊ธฐ] 3์ฃผ์ฐจ ํšŒ๊ณ ๋ก  (1) 2023.05.14
[ํฌ์Šค์ฝ” X ์ฝ”๋”ฉ์˜จ ํ’€์Šคํƒ ์›น๊ฐœ๋ฐœ์ž ๋ถ€ํŠธ์บ ํ”„ 7๊ธฐ] 2์ฃผ์ฐจ ํšŒ๊ณ ๋ก ch.2 ์‹ค์Šต ๋ฌธ์ œ ํ’€์ด (4, 5๋ฒˆ ๋ฌธ์ œ ์ •๋ฆฌ ํ•ด์•ผ ํ•จ..)  (0) 2023.05.14
[ํฌ์Šค์ฝ” X ์ฝ”๋”ฉ์˜จ ํ’€์Šคํƒ ์›น๊ฐœ๋ฐœ์ž ๋ถ€ํŠธ์บ ํ”„ 7๊ธฐ] 2์ฃผ์ฐจ ์ˆ˜์—…๋‚ด์šฉ ํšŒ๊ณ ๋ก ch.1 -Javascript ์ž๋ฃŒํ˜•, ํ‘œ์ค€๊ฐ์ฒด, DOM, ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ, jQuery ๋ฉ”์†Œ๋“œ, jQuery ์ด๋ฒคํŠธ๋ฆฌ์Šค๋„ˆ(feat. ์„œ์šธ ์ ์‘๊ธฐ)  (0) 2023.05.03
[ํฌ์Šค์ฝ” X ์ฝ”๋”ฉ์˜จ ํ’€์Šคํƒ ์›น๊ฐœ๋ฐœ์ž ๋ถ€ํŠธ์บ ํ”„ 7๊ธฐ] 0์ฃผ์ฐจ feat. ํ•ฉ๊ฒฉ ํšŒ๊ณ ๋ก  (0) 2023.04.21