๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

์ „์ฒด ๊ธ€48

[JS]Scope์˜ ๋ฒ”์œ„ ์˜ค๋‹ต๋‚ด์šฉ add(y)๊ฐ€ ์–ด๋””์„œ ์„ ์–ธ๋˜์—ˆ๋Š”์ง€ ๋ชจ๋ฅด๊ฒ ๊ณ  , ์–ด๋–ค์ˆœ์„œ๋กœ ์ฝ์–ด ๋‚˜๊ฐ€์•ผํ• ์ง€ ๋ชฐ๋ผ์„œ ํ‹€๋ฆฐ ๋ฌธ์ œ ํ’€์ด 1. result๋Š” strangeadd(5) ์˜ ์ „๋‹ฌ์ธ์ž๊ฐ€ ์žˆ๋Š” ํ•จ์ˆ˜๊ฐ€ ํ• ๋‹น๋จ 2. strangeadd ๋Š” add(x)+add(x)๋ฅผ ๋ฆฌํ„ด ํ•˜๋Š”๋ฐ strangeadd์˜ ์ „๋‹ฌ์ธ์ž x๊ฐ€ 5์ด๋ฏ€๋กœ 3. addํ•จ์ˆ˜๋„ ์ „๋‹ฌ์ธ์ž 5๋ฅผ๋ฐ›์•„ add(5)+add(5)๊ฐ€๋จ 4. add ํ•จ์ˆ˜๋Š” ์ „๋‹ฌ์ธ์ž y(5)๋ฅผ ๋ฐ›์•„ x์™€ ๋”ํ•œ๊ฐ’์„ ๋ฆฌํ„ดํ•จ 5. add ํ•จ์ˆ˜๋Š” x๊ฐ’์— ๋Œ€ํ•œ ์ง€์—ญ ๋ณ€์ˆ˜๊ฐ€ ์—†์œผ๋ฏ€๋กœ ์ „์—ญ๋ณ€์ˆ˜ (let x = 10;) x๊ฐ’์„ ๊ฐ€์ ธ์˜ด 6. addํ•จ์ˆ˜๋Š” 10(x) +5(y) ๋ฅผ ๋ฆฌํ„ดํ•ด 15๊ฐ€ ๋˜๊ณ  7.strangeadd ๋Š” add(x)+add(x)์ด๋ฏ€๋กœ 15+15 ๊ฐ’์ด ๋˜์–ด 30์„ result์— ํ• ๋‹นํ•œ๋‹ค. ๋Š๋‚€์  a.. 2021. 12. 29.
3W_JS_Scope ํ•™์Šต๋ชฉํ‘œ ์Šค์ฝ”ํ”„์˜ ์˜๋ฏธ์™€ ์ ์šฉ ๋ฒ”์œ„๋ฅผ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋‹ค Scope ๋Š” ๋ฒ”์œ„๋ผ๋Š” ์˜๋ฏธ๋ฅผ ๊ฐ–๊ณ , ๋” ์ž์„ธํžˆ๋Š” ๋ณ€์ˆ˜์˜ ์œ ํšจ๋ฒ”์œ„์˜ ๋œป์„ ๊ฐ–๋Š”๋‹ค ๋‘log๊ฐ€ ๋™์ผํ•œ ๋ณ€์ˆ˜๋ฅผ ์ถœ๋ ฅํ•˜๋Š”๋“ฏ ํ•˜์ง€๋งŒ message๋ผ๋Š” ๋ณ€์ˆ˜๊ฐ€ ์•ˆ์ชฝ ์Šค์ฝ”ํ”„ ({} ์ค‘๊ด„ํ˜ธ๋กœ ๊ตฌ๋ถ„๋จ)์— ์„ ์–ธ ํ• ๋‹น ๋˜์–ด์žˆ์œผ๋ฏ€๋กœ, 4๋ฒˆ์งธ์ค„์—์„  ์ถœ๋ ฅ ๊ฐ€๋Šฅํ•จ. 6๋ฒˆ์งธ์ค„์—์„œ๋Š” ๋ฐ”๊นฅ์—์„œ ์•ˆ์œผ๋กœ ๋“ค์–ด๊ฐˆ์ˆ˜ ์—†๊ธฐ ๋•Œ๋ฌธ์— ์ถœ๋ ฅํ• ์ˆ˜ ์—†์Œ. -์Šค์ฝ”ํ”„์˜ ์ฃผ์š” ๊ทœ์น™์„ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋‹ค ์ค‘์ฒฉ ๊ทœ์น™ block scope์™€ function scope(๋ธ”๋ก-์ค‘๊ด„ํ˜ธ๊ธฐ์ค€/ ํ•จ์ˆ˜-ํ•จ์ˆ˜๋กœ ๋‘˜๋Ÿฌ์‹ผ ๋ฒ”์œ„ ) *ํ™”์‚ดํ‘œํ•จ์ˆ˜๋Š” ๋ธ”๋ก ์Šค์ฝ”ํ”„๋กœ ์ทจ๊ธ‰๋จ ์ „์—ญ ์Šค์ฝ”ํ”„์™€ ์ง€์—ญ ์Šค์ฝ”ํ”„ ์ „์—ญ ๋ณ€์ˆ˜์™€ ์ง€์—ญ ๋ณ€์ˆ˜๊ฐ„์˜ ์šฐ์„  ์ˆœ์œ„ (์ง€์—ญ์ด ์šฐ์„ !) ๊น€์ฝ”๋”ฉ - ๋ฐ•ํ•ด์ปค - ๋ฐ•ํ•ด์ปค ์ˆœ์œผ๋กœ ์ถœ๋ ฅ ์ฒซ๋ฒˆ์งธ ์ถœ๋ ฅ์‹œ ์ฒซ์ค„์˜ ์ „์—ญ name์ด ์ถœ๋ ฅ ๋‘.. 2021. 12. 29.
REACT - 21.12.26 - JSX, STATE, PROPS ํ•™์Šต๋ชฉํ‘œ REACT & JSX React์˜ 3๊ฐ€์ง€ ํŠน์ง•์— ๋Œ€ํ•ด์„œ ์ดํ•ดํ•˜๊ณ , ์„ค๋ช…ํ•  ์ˆ˜ ์žˆ๋‹ค. JSX๊ฐ€ ์™œ ๋ช…์‹œ์ ์ธ์ง€ ์ดํ•ดํ•˜๊ณ , ๋ฐ”๋ฅด๊ฒŒ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค. React ์ปดํฌ๋„ŒํŠธ(React Component)์˜ ํ•„์š”์„ฑ์— ๋Œ€ํ•ด์„œ ์ดํ•ดํ•˜๊ณ , ์„ค๋ช…ํ•  ์ˆ˜ ์žˆ๋‹ค. create-react-app ์œผ๋กœ ๊ฐ„๋‹จํ•œ ๊ฐœ๋ฐœ์šฉ React ์•ฑ์„ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋‹ค. SPA(Single-Page Application) ๊ฐœ๋…์„ ์ดํ•ดํ•˜๊ณ  ์„ค๋ช…ํ•  ์ˆ˜ ์žˆ๋‹ค. SPA์˜ ์žฅ, ๋‹จ์ ์— ๋Œ€ํ•ด ์ดํ•ดํ•˜๊ณ  ์„ค๋ช…ํ•  ์ˆ˜ ์žˆ๋‹ค. ์™€์ด์–ดํ”„๋ ˆ์ž„์„ ๋ณด๊ณ  ์–ด๋Š ๋ถ€๋ถ„์„ ์ปดํฌ๋„ŒํŠธ๋กœ ๊ตฌ๋ถ„ํ•ด์•ผ ํ•  ์ง€ ์Šค์Šค๋กœ ์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. React์—์„œ npm์œผ๋กœ React Router DOM์„ ์„ค์น˜(npm install react-router-dom@5.3.0)ํ•˜๊ณ  ์ด์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. React.. 2021. 12. 26.
21.12.24 - ๋ฐฐ์—ด ํ•ญ์ƒ ์–ด๋ ค์›Œํ•˜๊ณ  ํ—ท๊ฐˆ๋ คํ–ˆ๋˜ ๋ฐฐ์—ด์„ ๋‹ค์‹œ๋งŒ๋‚ฌ๋‹ค. ํŠนํžˆ ๋ฐฐ์—ด์˜ ๋ฐ˜๋ณต๋ฌธ ๋ถ€๋ถ„์„ ๋Š˜ ์–ด๋ ค์›Œํ–ˆ๋Š”๋ฐ, ์˜ค๋Š˜ ํŽ˜์–ด์™€ ์ฝ”ํ”Œ๋ฆฟ์„ ํ‘ธ๋‹ˆ ํ• ๋งŒํ•˜๊ฒŒ ๋Š๊ปด์กŒ๋‹ค. ์ฝ”์Šค๋ฆฌ๋ทฐ ์‹œ๊ฐ„์— ํฌ๋ฃจ๋‹˜์ด '์–ด๋ ค์šด๊ฒŒ ์•„๋‹ˆ๋ผ ๋‚ฏ์„  ๊ฒƒ์ด๋‹ค ' ๋ผ๋Š” ์œ ๋ช…ํ•œ ๊ต์ˆ˜๋‹˜์˜ ๋ง์„ ์•Œ๋ ค์ฃผ์…จ๋Š”๋ฐ.. ์„น์…˜1 2ํšŒ์ฐจ์— ๋“ค์–ด์˜จ ์ดํ›„๋กœ๋Š” ๋„ˆ๋ฌด๋‚˜ ๊ณต๊ฐ๊ฐ€๋Š” ๋ง์ด๋‹ค. 1ํšŒ์ฐจ์— ์–ผ๋งˆ๋‚˜ ๋งŽ์€ ๊ฐœ๋…๋“ค๊ณผ ๋‚ฏ์„ ๊ฐ€๋ ธ๋Š”์ง€ ์ด์ œ ์•Œ๊ฒƒ๊ฐ™๋‹ค. ๊ณต๋ถ€ํ•˜๋ฉฐ ๋Š๋ผ๋Š”๊ฒƒ์€ ๋‚˜๋Š” ์ดํ•ด๋ฅผ ํ•˜๊ณ  ์ˆ™์„ฑ์ด ๋˜์–ด์•ผ ์ ์šฉ์ด ๊ฐ€๋Šฅํ•˜๊ตฌ๋‚˜ ํ•˜๋Š”๊ฒƒ์ด๋‹ค. ์ง€๋‚œ์ฃผ์— ๋Š˜ ๋ง์ฝ์ด๋˜ ํ•จ์ˆ˜์™€ ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ๋ฅผ ๊ณต๋ถ€ํ–ˆ๋Š”๋ฐ, ์ •๋ง ๋”ฐ๋ผ์ ์œผ๋ฉด์„œ๋„ ์ด๊ฒŒ ๋ฌด์Šจ๋ง์ธ์ง€ ๋ชจ๋ฅด๊ฒ ๋‹ค ์‹ถ์—ˆ๋‹ค. ๊ทธ๋ž˜์„œ ๋…ธํŠธ์™€ ํŽœ์„ ๋“ค๊ณ  ํ™”์‚ดํ‘œ๋ฅผ ๊ทธ๋ ค๊ฐ€๋ฉฐ ๋กœ์ง์„ ๊ทธ๋ ธ๋‹ค. ๊ทธ๋ ‡๊ฒŒ ํ•˜๊ณ ๋‚˜๋‹ˆ ๋ฌธ๋ฒ•๋„ ์ž‘์„ฑ๋ฐฉ๋ฒ•๋„ ์–ด๋–ค ํƒ€์ด๋ฐ์— ์จ์•ผํ• ์ง€๋„ ์•Œ๊ฒ ๊ณ  ๋‚˜๋งŒ์˜ ํ•จ์ˆ˜๋ฅผ ๊ฐ€์งˆ์ˆ˜ ์žˆ๊ฒŒ๋˜์—ˆ๋‹ค. ๋‚ด.. 2021. 12. 25.
[CLI] no such file or directory ํ•ด๊ฒฐํ•˜๊ธฐ ํ˜„์žฌ ํด๋”๋ฅผ ํŒŒ์ผ ํƒ์ƒ‰๊ธฐ๋กœ ์—ฌ๋Š” ๋ช…๋ น์–ด์ธ 'nautilus' ์ž…๋ ฅ์‹œ ํŒŒ์ผ, ํด๋”๋ฅผ ์ฐพ์„์ˆ˜ ์—†๋‹ค๋Š” ์—๋Ÿฌ๊ฐ€ ๋–ณ๋‹ค. ํ•˜์ง€๋งŒ ํƒ์ƒ‰๊ธฐ๋Š” ์—ด๋ฆฌ๋Š”๊ฒƒ์„ ๋ณด๋‹ˆ ๋ญ”๊ฐ€ net ์ด๋ผ๋Š” ํ•˜์œ„ ํ”„๋กœ์„ธ์„œ ๋ง๊ณ ๋Š” ๋ฌธ์ œ๊ฐ€ ์—†๋Š”๋“ฏ ํ•˜์—ฌ ์—๋Ÿฌ ๋ฉ”์„ธ์ง€ ๊ทธ๋Œ€๋กœ ๊ตฌ๊ธ€๋งํ•˜๋‹ˆ, ํฌ๋กœ๋ฆฌ๋ฆฌ ๋ผ๋Š” ๋ธ”๋กœ๊ทธ์—์„œ ๋™์ผํ•œ ์˜ค๋ฅ˜ ํ•ด๊ฒฐ์•ˆ์„ ๋ฐœ๊ฒฌํ•˜์˜€๊ณ , ์ด์œ ๋Š” 64๋น„ํŠธ์ธ ๋‚ด์ปดํ“จํ„ฐ์— 32๋น„ํŠธ ํŒŒ์ผ์ด ์žˆ์„๊ฒฝ์šฐ ์ฝ์„์ˆ˜์—†์–ด ๋‚˜ํƒ€๋‚˜๋Š” ์˜ค๋ฅ˜์˜€๋‹ค. 32๋น„ํŠธ๋ฅผ ์ฝ์„์ˆ˜์žˆ๋„๋ก 'sudo apt-get install libc6-i386' ๋ช…๋ น์–ด๋ฅผ ์ž…๋ ฅํ•œ ํ›„ ์„ค์น˜ํ•˜์—ฌ ํ•ด๊ฒฐํ–ˆ๋‹ค. ์•„์ง 32๋น„ํŠธ ํŒŒ์ผ๋“ค์ด ๋งŽ๊ธฐ ๋•Œ๋ฌธ์— ์•Œ์•„๋‘๋ฉด ์ข‹๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๊ณ  ๋น„๊ต์  ์ˆ˜์›”ํ•˜๊ฒŒ ํ•ด๊ฒฐํ•œ ์‚ฌ๋ก€๋ผ ๋‹คํ–‰์ด์˜€๋‹ค. 2021. 12. 23.
[GIT] Git push ์˜ค๋ฅ˜ํ•ด๊ฒฐํ•˜๊ธฐ git์ดˆ๋ณด git์ด๋ž‘ ์นœํ•ด์ง€๊ธฐ ์–ด์ œ ๊ทธ๋‹ˆ๊นŒ, ์˜ค๋Š˜ ์ƒˆ๋ฒฝ ๊ทธ๋ฆผํŒ ๋ชฉ์—…ํ•ด๋‘”๊ฑฐ ์ปค๋ฐ‹ํ•˜๋ ค๋‹ˆ๊นŒ ์ž์ฒด๊ฐ€ git์˜ ๊ด€๋ฆฌ ํŒŒ์ผ ์•ˆ์— ๋“ค์–ด์žˆ์ง€์•Š์•„์„œ add๊ฐ€ ์•ˆ๋จ. -> git init(๊นƒ ์ €์žฅ์†Œ์—์„œ ๊ด€๋ฆฌ) ํ•จ. ์ดํ›„, add -> commit ๊นŒ์ง€๋Š” ๋ซ๋Š”๋ฐ push ํ•˜๋ ค๋‹ˆ ์—๋Ÿฌ ๋ฉ”์„ธ์ง€๊ฐ€ ๋œน๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ๊นƒํ—™ ๊ฐ€๋ณด๋‹ˆ๊นŒ ๋ฆฌํฌ์ง€ํ† ๋ฆฌ๊ฐ€ ์—†๊ณ  ์ปค๋ฐ‹๋„ ๋‹น์—ฐํžˆ ์•ˆ๋ณด์ž„.. ๊ทธ๋ž˜์„œ ์˜ค๋ฅ˜๋ฉ”์„ธ์ง€๋ฅผ ํ† ๋Œ€๋กœ ๊ตฌ๊ธ€๋ง ! ์•Œ๊ฒŒ ๋œ์  git init์„ ํ•œ๋‹ค๊ณ  ๋ฆฌํฌ์ง€ํ† ๋ฆฌ๊ฐ€ ์ƒ์„ฑ๋˜๋Š”๊ฒŒ ์•„๋‹ˆ๋ผ๋Š”๊ฒƒ์„ ์•Œ๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• 1. ๊นƒํ—™์—์„œ ์ƒˆ๋กœ์šด ๋ฆฌํฌ์ง€ํ† ๋ฆฌ ์ƒ์„ฑ ํ›„ ์ฃผ์†Œ ๋ณต์‚ฌ 2. git remote add origin ๋ณต์‚ฌํ•œ ๋ฆฌํฌ์ง€ํ† ๋ฆฌ ๋ถ™์—ฌ๋„ฃ๊ธฐ 3. git remote -v ์—ฐ๊ฒฐ ์ž˜๋˜์—ˆ๋Š”์ง€ ํ™•์ธํ•˜๊ธฐ. 4. ์ดํ›„ git add. -> commit -.. 2021. 12. 17.