์ ์ฒด ๊ธ
๋ฆฌ๋ ์ค ๋๋ ํ ๋ฆฌ ๊ตฌ์กฐ
๋ฆฌ๋ ์ค์ ๋๋ ํ ๋ฆฌ ๊ตฌ์กฐ : ๋ค์ด๋ฒ ๋ธ๋ก๊ทธ (naver.com)
๋ฆฌ๋ ์ค ๋ช ๋ น์ด
02. ๊ผญ ์์์ผ ํ ๋ฆฌ๋ ์ค ๊ธฐ๋ณธ ๋ช ๋ น์ด 10๊ฐ์ง (tistory.com) 02. ๊ผญ ์์์ผ ํ ๋ฆฌ๋ ์ค ๊ธฐ๋ณธ ๋ช ๋ น์ด 10๊ฐ์ง ๊ผญ ์์์ผํ ๋ฆฌ๋ ์ค ๊ธฐ๋ณธ ๋ช ๋ น์ด 10๊ฐ์ง 1. ls - ํ์ฌ ์์น์ ํ์ผ๋ชฉ๋ก์ ์กฐํํ๋ ๋ช ๋ น์ด 2. cd - ๋๋ ํ ๋ฆฌ๋ฅผ ์ด๋ํ๋ ๋ช ๋ น์ด 3. touch - ํ์ผ์ ์ฉ๋์ด 0์ธ ํ์ผ์ ์์ฑ, ๋ ์ง ๋ณ๊ฒฝํ๋ ๋ช ๋ น์ด 4. mkdir gomguard.tistory.com linux basic command ๊ธฐ๋ณธ๋ช ๋ น์ด :: DB๋๋ผ (tistory.com) linux basic command ๊ธฐ๋ณธ๋ช ๋ น์ด ๊ธฐ๋ณธ ๋ช ๋ น์ด ๋ฆฌ๋ ์ค(๋ ๋ํท ๊ณ์ด)์์ ์์ฃผ ์ฐ๋ ๋ช ๋ น์ด๋ฅผ ์ค๋ช ํ๋ค. ๊ธฐ๋ณธ๋ง ์ ์ด ๋ณธ ๊ฒ์ด๊ณ , ํ์์ ๋ฐ๋ผ ๊ฒ์ํด๋ณด๋ฉฐ ์ตํ๋ฉด ๋๋ค. ์ฐธ๊ณ ๋ก ํน์ ๋ช ๋ น์ด์ ๋์๋ง์ ๋ณด๊ณ ์ถ์ผ๋ฉด, ‘man ๋ช ๋ น์ด’..
[๊ธฐ์ด ์๋ฐ์คํฌ๋ฆฝํธ] alert, prompt, confitm
https://youtu.be/KF6t61yuPCY *๋ณธ ํฌ์คํ ์ ์ฝ๋ฉ์ ๋ง๋์ ์ ํ๋ธ ๋ฌด๋ฃ ๊ฐ์๋ฅผ ๋ฃ๊ณ ์์ฑํ์์ต๋๋ค. 11:32 alert, prompt, confirm alert ์๋ ค์ค : ํํด๋์์ต๋๋ค, ์ฐ๋ฝ์ฒ๊ฐ ์ญ์ ๋์์ต๋๋ค. ๋ฑ.... prompt ์ ๋ ฅ๋ฐ์ : ๊ฐ์ ์ ๋ ฅ๋ฐ์ ๋ ์ฌ์ฉ, ์์ฝ์ผ์ ์ค์ ํ์ธ์. ์ ๋ ฅ์ฐฝ(์ ์ ๊ฐ ์ ๋นํ ์์ฝ์ผ ์์ฑ) confitm ํ์ธ๋ฐ์ ex) ๊ฒฐ์ ํ์๊ฒ ์ต๋๊น? ๊ฒฐ์ ๋ฅผ ์ทจ์ํ์๊ฒ ์ต๋๊น? ๊ตฌ๋ ์ ์ทจ์ํ์๊ฒ ์ต๋๊น? ๋ฑ ๋ฑ ์ ์ ์๊ฒ ํ๋ฒ ๋ ์ง๋ฌธํ ๋ ์ฃผ๋ก ๋ง์ด ์ฐ๊ฒ๋จ
CSS ๊ธฐ์ด ๊ธฐ๋ณธ
์ฐธ๊ณ ์์ : https://youtu.be/gGebK7lWnCk https://youtu.be/sZXr_4fmz5o ์ด๋ก์์ ํจ๋ฉ, ์ฃผํฉ์์ ๋ง์ง padding ๊ฐ์ง๊ณ ๋๊ธฐ .red { width: 100px; height: 100px; background: yellow; padding-top: 2px; border-width: 2px; border-style: solid; border-color: pink; } ์์ ์ฝ๋์ฒ๋ผ border์ ์์ฑ์ ๋๋ ์ ์์ฑํ ์๋ ์์ง๋ง, ์๋ ์ฝ๋์ฒ๋ผ border์ ์์ฑ์ ๊ฐ์ด ์์ฑํ ์๋ ์๋ค! .red { width: 100px; height: 100px; background: yellow; padding-top: 2px; border: 5px dashed r..
node.js ์ด๊ฐ๋จ ์๋ฒ ๋ง๋ค๊ธฐ (1) express ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ค์น
node.js ์ค์น. ์์ ์ ์ค์นํ๋ค๋ฉด ๋ชธํ๊ธฐ๋ก cmd์์ ๋ฒ์ ์ ํ์ธํด๋ณด์ cmd(Window)์ฐฝ์ด๋ terminal(Mac) ์ด์ด์ค๋ค C:\Users\User>node -v v16.13.2 node -v ์ค์น๋ node.js ๋ฒ์ ํ์ธ node node ์ ๋ ฅํ๋ฉด ๋ ธ๋ ์คํ๊ฐ๋ฅ *์ฃผ์ : ์๋๋ถํฐ Mac์ผ ๊ฒฝ์ฐ ์ด์์ฒด์ ์ ๋ง๋ yarn ์ค์น ํ, npm install ๋์ yarn add๋ผ๊ณ ์์ฑํด์ผ ์๋๋๋ก ์ ์ค์น๋๋ค. ๋น์ฅฌ์ผ ์คํ๋์ค ์ฝ๋ ์ด์ด์ค๋ค. ์ ๋นํ ํด๋ ๋ง๋ค์ด์ ์ด์ด์ค๋ค. ์ ํฐ๋ฏธ๋์์ ์๋์ ๊ฐ์ด ๋ช ๋ น์ด๋ฅผ ์์ฑ (ํฐ๋ฏธ๋ ์คํ์์ ํด๋๋ช ์ด ์ ๋จ๋์ง ํ์ธํด์ฃผ๋๋ก ํ์!) ๊ณผ์ 1. package.json ์์ฑ npm init npm ์ด๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ค์น๋ฅผ ๋์์ฃผ๋ ๋๊ตฌ์ด๋ค. ์ด๋ค ๋ผ์ด๋ธ๋ฌ๋ฆฌ..
๋ฐ์ํ ์น ํ์ํ ๋ถํธ์คํธ๋ฉ
๋ฐ์ํ ์น์ ๋งํฌ์ ์ฒ๋ฆฌํ๊ธฐ ์ํด์ ๋ถํธ์คํธ๋ฉ์ ๊ฟํ ์ด๋ค. ๋ฒํผ · Bootstrap v5.1 (getbootstrap.kr) start ๋๋ฅด๋ฉด ์ ์ผ ์ฒ์ ํด๋์ด์ผ ํ ์ธํ 1. css ๋ณต์ฌํด์ ํค๋ ์์ style link ์์ ๋ถ์ฌ๋ฃ๊ธฐ 2.js ๋ณต์ฌํด์ ๋ฐ๋ ์์ JSํ์ผ ์์ ๋ถ์ฌ๋ฃ๊ธฐ ๋ฒํผ ๋ค์ํ ํฌ๊ธฐ, ์ํ ๋ฑ์ ์ง์ํ๋ ํผ, ๋ํ์์ ๋ฑ์ ์์ ์ Bootstrap์ ์ฌ์ฉ์ ์ง์ ๋ฒํผ ์คํ์ผ์ ์ฌ์ฉํ์ธ์. getbootstrap.kr 1. ์์ ์ค์ Head ํ๊ทธ ์์ ๋ณต๋ถ 2. ์์ ์ค์ ๋ฐ~๋ก ์์ ๋ณต๋ถ! 3. ์ํ๋ ๊ฒ๋ค์ body ์์ ๋ง~์~๊ป~ ๊ฐ๋ค ๋ถ์ธ๋ค. Primary -๋ถํธ์คํธ๋ฉ ๋-! ๊ณ ์์ด ๋ฐ์ํ ๋ด์ํ์์ฆ ์์ Sport Tech World Finance Politics Bu..
HTML ๊ฐ์ข ํ๊ทธ ์ฐ์ต
HTML ๊ฐ์ข ํ๊ทธ ์ฐ์ต ์ค... ๋ณต์ฃผ๋จธ๋๋ฅผ ์ด์ด๋ณด์๊ฒ ์ด์? section์ ๊ตฌ์ญ์ง์ ํ ๋ ์ฐ๊ธฐ ์ข๋ค. div๋ ์ต์ ๋จ์ ๋ฐ์ค p๋ ๋จ๋ฝ ๋ณต์ฃผ๋จธ๋๋? ์ด๊ฒ์๋ฒํผ์ด์๋๋ค ID : Password : ๋ก๊ทธ์ธ first second third