1) HTML5, CSS ๊ด๋ จ Extension 1. Prettier - ์ฝ๋ Format ๋ณ๊ฒฝ (์ค ๋ง์ถค) 2. Live Server - HTML5, CSS3 ์ฝ๋ ๋ณ๊ฒฝ + ๋ธ๋ผ์ฐ์ ๋ก ํ
์คํธ (์ค์๊ฐ) 3. CSS Peak - CSS ํด๋์ค ์ ํ ์, ํด๋น ํด๋์ค ์ ์ธ๋ถ๋ก ์ด๋ 4. HTML CSS Support - CSS Class, ID, Attribute ์๋ ์์ฑ 5. Intellisense for CSS Class names in HTML - HTML์์ CSS ํด๋์ค๋ช
์๋ ์์ฑ (?) 6. Material Icon Thema - HTML5, CSS3, JS ํ์ผ์ ์์ด์ฝ์ ๋ฐ๊ฟ์ค
1) Git Repository ์์ฑ ๋ฐ ์ด๊ธฐ ์ค์ ๋ช
๋ น์ด # git init → ํด๋น ๊ฒฝ๋ก์ .git ๋๋ ํ ๋ฆฌ๋ฅผ ๋ง๋ค๋ฉฐ ์๋ก์ด git ์ ์ฅ์๋ฅผ ์์ฑํ ๋ ์ฌ์ฉํ๋ ๋ช
๋ น์ด์ด๋ค. # git config --global core.autocrlf true → ํ์
์, ์๋์ฐ์ ๋งฅ์์ ์ํฐ ๋ฐฉ์ ์ฐจ์ด๋ก ์ธํ ์ค๋ฅ๋ฅผ ๋ฐฉ์งํ๊ธฐ ์ํจ์ด๋ค. # git config --global user.name "(๋ณธ์ธ ์ด๋ฆ)" # git config --global user.email "(๋ณธ์ธ ์ด๋ฉ์ผ)" # git config --global init.defaultBranch main → ๊ธฐ์กด Branch๋ Master|Slave ๋ช
์นญ์ผ๋ก ์ฌ์ฉ๋์์ผ๋ ํด๋น ์ฉ์ด๋ ์ธ์ข
์ฐจ๋ณ๋ก ์ด์ด์ง ์ ์์ด ์์ฆ์๋ Main์ผ๋ก ๋ฐ๊พธ์ด ์ฌ์ฉํ๋ค...
๊ฐ์๋
ธํธ๋ถ๊ณผ ํด๋์ฉ ๋ชจ๋ํฐ๋ฅผ ๊ฐ์ด ๋ค๊ณ ๋ค๋๋๋ฐ... ํด๋์ฉ ๋ชจ๋ํฐ์ ํฐ์น ์คํฌ๋ฆฐ ๊ธฐ๋ฅ์ด ์๋ ๊ฒฝ์ฐ, ๋ง์ฐ์ค ์ปค์๊ฐ ๊ณ ์ ๋๋ ์ด์๊ฐ ๋ฐ์ํ๋ค -ใ
-... ์ฆ์์ ํ์ธํด๋ณด๋ ํด๋์ฉ ๋ชจ๋ํฐ์ ํฐ์น ์คํฌ๋ฆฐ ๊ธฐ๋ฅ ๋๋ฌธ์ธ๊ฒ ๊ฐ๋ค. ํ ๋ฒ ํฐ์นํ์ ๋ฟ์ธ๋ฐ ๋ฉ์ถ์ง ์๊ณ ๊ณ์ ํฐ์น๊ฐ ๋๋ค ใ
กใ
ก.... ์ ๊ฐํ์ด๋ผ ๊ทธ๋ฐ์ง... ๊ณ ๊ฐํ์ ์ฌ๊ธฐ์ ๋น์ธ๊ณ ... ๋ค์๋ถํฐ๋ ํฐ์น ์คํฌ๋ฆฐ ๊ธฐ๋ฅ์ด ์๋ ๋ชจ๋ธ๋ก ์ฌ์ผํ ๊ฒ ๊ฐ๋ค;; ์ด์ฒ๋ผ ํ ๋ฒ ํฐ์น ํ์ ๋ฟ์ธ๋ฐ ๋ฉ์ถ์ง ์๊ณ ๊ณ์ ํฐ์น๊ฐ ๋๋ค๋ฉด ์๋์ ๋ฐฉ๋ฒ๋๋ก ํด๋ณด์! ํฐ์น ์คํฌ๋ฆฐ ๋๋ผ์ด๋ฒ ์ ๊ฑฐ์ฅ์น ๊ด๋ฆฌ์ > ํด๋จผ ์ธํฐํ์ด์ค ์ฅ์น > HID ๊ท๊ฒฉ ํฐ์น ์คํฌ๋ฆฐ ๋๋ผ์ด๋ฒ๋ฅผ ์ฌ์ฉ์ํจ or ์ ๊ฑฐํ๋ค.๋ค๋ง, ํฐ์น ์คํฌ๋ฆฐ ๋๋ผ์ด๋ฒ๋ฅผ ์ ๊ฑฐํ๋ฉด ํฐ์น๊ฐ ๋์ง ์์์ผ ํ๋๋ฐ... ์ด์ํ๊ฒ ํด๋์ฉ ๋ชจ๋ํฐ์..
๊ฐ์๋ฉํฐ์ค๋ ๋ ํ๊ฒฝ์์ ๊ณต์ ์์์ ์ฌ์ฉํ ๋, ์ฃผ๋ก ์์์ฑ๊ณผ ๊ฐ์์ฑ์ด ์ธ๊ธ๋๋๋ฐ ์์์ฑ์ ๋ํด ์์ ๋ณด์! ์์์ฑ์ด๋์์์ฑ์ ์ํค๋ฐฑ๊ณผ์ ๋ฐ๋ฅด๋ฉด ์ด๋ค ๊ฒ์ด ๋ ์ด์ ์ชผ๊ฐ์ง ์ ์๋ ์ฑ์ง์ ๋งํ๋ฉฐ, ์ด๋ค ๊ฒ์ด ์์์ฑ์ ๊ฐ์ง๊ณ ์๋ค๋ฉด ์์์ (Atomic) ์ด๋ผ๊ณ ํํํ๋ค.์์์ฑ์ ์ฑ์ง์ ์ปดํจํฐ๊ณผํ์ ๋์
ํด๋ณด๋ฉด ์ด๋ ํ ์์
์ด ์คํ๋ ๋, ์ธ์ ๋ ์์ ํ๊ฒ ์งํ๋์ด ์ข
๋ฃ๋๊ฑฐ๋ ๊ทธ๋ด ์ ์๋ ๊ฒฝ์ฐ ์คํ์ ํ์ง ์๋ ๊ฒฝ์ฐ๋ฅผ ๋งํ๋ค. ๋ฐ๋ผ์, ์์์ฑ์ ๊ฐ์ง๋ ์์
์ ์คํ๋์ด ์งํ๋๋ค๊ฐ ์ข
๋ฃ๋์ง ์๊ณ ์ค๊ฐ์์ ๋ฉ์ถ๋ ๊ฒฝ์ฐ๋ ์ ๋๋ก ์์ ์ ์๋ค. ๊ฐ๋จํ ์์๋ฅผ ๋ค์ด๋ณด๋ฉด ๊ธฐ๊ณ์ด ์์ค์ ์คํ ๋ช
๋ น์ด๋ค์ ๊ฐ๊ฐ ์์์ฑ์ ๊ฐ์ง๊ณ ์๊ธฐ์ ADD์ LOAD ๋ช
๋ น์ด ์์ฒด๋ ๊ฐ๊ฐ ์์์ ์ด๋ฏ ADD์ LOAD์ ๊ฐ๊ฐ์ ๋ช
๋ น์ด ๋จ์๋ ์ค..
๊ฐ์๋ฉํฐ์ค๋ ๋ ํ๊ฒฝ์์ ๊ณต์ ์์์ ์ฌ์ฉํ ๋, ์ฃผ๋ก ์์์ฑ๊ณผ ๊ฐ์์ฑ์ด ์ธ๊ธ๋๋๋ฐ ๊ฐ์์ฑ์ ๋ํด ์์ ๋ณด์! ๊ฐ์์ฑ (Visibility)๊ฐ์์ฑ์ ์ฌ์ ์ ๋ฐ๋ฅด๋ฉด “๋์ ์ฝ๊ฒ ๋ณด์ด๋ ์ ๋”๋ฅผ ๋ปํ๋๋ฐ ์ปดํจํฐ๊ณผํ์์ ๊ฐ์์ฑ์ด๋ ๋ค์๊ณผ ๊ฐ์ ์๋ฏธ๋ฅผ ์ง๋๊ณ ์๋ค.๊ฐ์์ฑ์ด๋ ๋ฉํฐ์ค๋ ๋ ํ๊ฒฝ์์ ๊ฐ๊ฐ์ ์ค๋ ๋๊ฐ ๊ณต์ ์์์ ๋ํด์ ๋ชจ๋ ๊ฐ์ ์ํ๋ฅผ ๋ฐ๋ผ๋ณด๊ณ ์๋ ๊ฒ์ ์๋ฏธํ๋ค.๐ ํด๋น ์ ์๋ง์ผ๋ก๋ ์ง๊ด์ ์ธ ์ดํด๊ฐ ์ด๋ ค์ธ ์๋ ์๊ธฐ์ ์๋์ ์์ ์ฝ๋๋ฅผ ํตํด ์์ธํ๊ฒ ๋ค๋ค๋ณด์.public class Main { boolean runningFlag = true; public void test() { new Thread(()->{ // ์ฐ๋ ๋ ์์ฑ ..
๋์์ฑ (Concurrency)์ฌ๋ฌ ์์
์ ๋์์ ์คํํ๋ ๊ฒ์ด ์๋๋ผ, CPU๊ฐ ์์
๋ง๋ค ์๊ฐ์ ๋ถํ ํด ์ ์ ํ๊ฒ Context Switching ํจ์ผ๋ก์จ “๋์์ ์คํ๋๋ ๊ฒ์ฒ๋ผ ๋ณด์ด๊ฒ ํ๋ ๊ฒ”์ ๋์์ฑ์ด๋ผ๊ณ ๋ถ๋ฅธ๋ค. ์ปดํจํฐ๋ ๊ต์ฅํ ๋น ๋ฅธ ์๋๋ก ์์
๋ค์ ์ฒ๋ฆฌํ์ฌ ์ฌ๋์ด ๋ณผ ๋๋ ๋์์ ์์
๋ค์ด ์ฒ๋ฆฌ๋๋ ๊ฒ์ฒ๋ผ ๋๊ปด์ง์ง๋ง ์ ๋์ ์ธ ์๊ฐ ๊ด์ ์ผ๋ก ๋ดค์ ๋๋ ๋์์ ์ฒ๋ฆฌ๋์ง ์๋๋ค. ๋ณ๋ ฌ์ฑ (Parallelism)๋
๋ฆฝ์ ์ผ๋ก ๋์์ ์ฌ๋ฌ ์์
์ ์คํํ๋ ๊ฒ์ ๋ณ๋ ฌ์ฑ์ด๋ผ๊ณ ๋ถ๋ฅด๋ฉฐ, ๋์์ฑ๊ณผ๋ ๋ค๋ฅด๊ฒ ์ฌ๋ฌ ์์
์ ๋ค๋ฅธ ์ฝ์ด, ๋ค๋ฅธ ํ๋ก์ธ์ค, ๋ณ๋์ ์ปดํจํฐ ๋ฑ์์ ๋์์ ์คํํ ์ ์๋ค. ๋ง์ ์์
์ ๋ณ๋ ฌ ์ฒ๋ฆฌํจ์ผ๋ก์จ ์ฑ๋ฅ์ ํฅ์์ํฌ ์ ์์ง๋ง ์ ์ ํ ์์
๋ถ๋ฐฐ๊ฐ ์ด๋ฃจ์ด์ ธ์ผ ํ๋ค๋ ์ ์ ์กฐ๊ฑด์ด ์๋ค. Refer..
์ฝ๋ ์ปจ๋ฒค์
(Code Convention)์ฝ๋ ์ปจ๋ฒค์
์ด๋ ์ฝ๊ณ ๊ด๋ฆฌํ๊ธฐ ์ฌ์ด ์ฝ๋๋ฅผ ์์ฑํ๊ธฐ ์ํ ์ผ์ข
์ ์ฝ๋ฉ ์คํ์ผ ๊ท์ฝ(ํ๋์ ์์ฑ ํ์ค)์ด๋ค. ์ ์ฐํ ๋ฌธ๋ฒ ๊ตฌ์กฐ๋ฅผ ๊ฐ์ง ์ธ์ด์ผ์๋ก ๊ฐ๋ฐ์ ๊ฐ ํต์ผ๋ ๊ท์ฝ์ด ์๋ค๋ฉด ์ฝ๋์ ์๋๋ฅผ ํ์
ํ๊ฑฐ๋ ์ค๋ฅ๋ฅผ ์ฐพ๊ธฐ ์ด๋ ค์ฐ๋ฉฐ ์ ์ง๋ณด์ ๋น์ฉ์ด ๋์ด๋๊ธฐ ๋๋ฌธ์ ์ฝ๋์ ๊ฐ๋์ฑ์ ๋์ด๊ณ ์์ฑํ ์ฝ๋๋ฅผ ํจ์จ์ ์ผ๋ก ์ ์ง๋ณด์ํ๊ธฐ ์ํด์๋ ๊ณตํต์ ๊ท์น์ ๊ผญ ์์ฑํ ํ์๊ฐ ์๋ค! ์ฝ๋ฉ ์ปจ๋ฒค์
์ ์์ฑํ๊ฒ ๋๋ฉด ์๋์ ๊ฐ์ ํจ๊ณผ๋ฅผ ๋๋ฆด ์ ์๋ค! ๐ ์ ํด์ง ๊ท์น์ด ์์ด ๋ช
์นญ์ด๋ ๊ตฌ์กฐ๋ฅผ ๋น ๋ฅด๊ณ ์ ํํ๊ฒ ํ์
ํ ์ ์๋ค. ๐ ํต์ผ๋ ๊ท์ฝ์ด ์๊ธฐ ๋๋ฌธ์ ๋ชจ๋ ์ฌ๋๋ค์ด ์ฝ๋๋ฅผ ์ดํดํ๊ธฐ ์ฝ๊ณ ํธ๋ฆฌํ๋ค! ๐ ์ ์ง๋ณด์ ๋น์ฉ์ ์ค์ผ ์ ์๋ค. โ๏ธ ๊ฐ์ธ์ ์ธ ์๊ฐ ์ ์
๊ฐ๋ฐ์๋ผ๋ฉด ์
์ฌ ..
Scale Up์ค์ผ์ผ์
(Scale-up)์ ๊ธฐ์กด์ ํ๋์จ์ด๋ฅผ ๋ณด๋ค ๋์ ์ฌ์์ผ๋ก ์
๊ทธ๋ ์ด๋ ํ๋ ๊ฒ์ ๋งํ๋ค. ์๋ก ๋ค์๋ฉด ์ฑ๋ฅ์ด๋ ์ฉ๋ ์ฆ์ค์ ๋ชฉ์ ์ผ๋ก ํ๋์ ์๋ฒ์ ๋์คํฌ๋ฅผ ์ถ๊ฐํ๊ฑฐ๋ CPU๋ ๋ฉ๋ชจ๋ฆฌ๋ฅผ ์
๊ทธ๋ ์ด๋ ํ๋ ๊ฒ์ด๋ค. ์ด์ฒ๋ผ ํ๋์ ์๋ฒ์ ์ฒ๋ฆฌ ๋ฅ๋ ฅ์ ํฅ์์ํค๊ธฐ ๋๋ฌธ์ ์์ง ์ค์ผ์ผ๋ง (Vertical Scaling)์ด๋ผ๊ณ ๋ ๋ถ๋ฅธ๋ค. Scale Out์ค์ผ์ผ์์ (Scale-out)์ ์๋ฒ ์ฅ๋น๋ฅผ ์ถ๊ฐํ์ฌ ํ์ฅํ๋ ๋ฐฉ์์ผ๋ก ๊ธฐ์กด ์๋ฒ๋ง์ผ๋ก ์ฉ๋์ด๋ ์ฑ๋ฅ์ ํ๊ณ์ ๋๋ฌํ๋ฉด ๋น์ทํ ์ฌ์์ ์๋ฒ๋ฅผ ์ฐ๊ฒฐํด ์ถ๊ฐ๋ ์๋ฒ ๋์๋งํผ ์ฉ๋์ด ์ฆ๊ฐํ ๋ฟ๋ง ์๋๋ผ ์ํฌ๋ก๋๋ฅผ ๋ถ๋ดํด ์ฑ๋ฅ์ ๋์ด๋ ๋ณ๋ ฌ ์ปดํจํ
์ ๊ตฌํํ ์ ์๋ค. ์ด์ฒ๋ผ ์๋ฒ๋ฅผ ์ถ๊ฐ๋ก ํ์ฅํ๊ธฐ ๋๋ฌธ์ ์ํ ์ค์ผ์ผ๋ง (Horizontal Scalin..