๋ ธ๋ง๋์ฝ๋32 ํด๋ฆฐ์ฝ๋ Day 11. ํ์ ๋ง์ถ๊ธฐ โ ์ด ํฌ์คํ ์ ๋ ธ๋ง๋ ์ฝ๋ ๋ถํด๋ฝ 'ํด๋ฆฐ ์ฝ๋' ์ฑ๋ฆฐ์ง๋ฅผ ์งํํ๋ฉด์ ์์ฑํ๋ TIL์ด๋ฉฐ, ์ถ์ฒ๋ Clean Code์ ๋๋ค. ๐ ๋ฒ์ : ~05. ํ์ ๋ง์ถ๊ธฐ ๐ ์ฑ ์์ ๊ธฐ์ตํ๊ณ ์ถ์ ๋ด์ฉ์ ์จ๋ณด์ธ์. ์ฝ๋ ํ์ === ์์ฌ์ํต ์ข์ ํ์์ผ๋ก ์์ฑํ๋ ๋ฐฉ๋ฒ ์ ๊ฐ๋ ์ ์์ํ ๋๋ ๋น ํ ๋ฃ๊ธฐ ๋ฐ์ ํ ๋ด์ฉ์ ๊ฐ๊น์ด (์ธ๋ก ๊ฑฐ๋ฆฌ๊ฐ ๊ฐ๊น๊ฒ ์์ฑ) instance ๋ณ์ ⇒ class ๋งจ ์ฒ์์ ์ ์ธ a ํจ์๊ฐ b ํจ์๋ฅผ ํธ์ถํ๋ค๋ฉด ๋์ ๊ฐ๊น๊ฒ, ๋๋๋ก a๋ฅผ b๋ณด๋ค ๋จผ์ ์์ฑ ๊ฐ๋ ์นํ๋ โฌ ⇒ ๊ฐ๊น์ด! (์ข ์ ํจ์, ๋ณ์ - ๋ณ์ ์ฌ์ฉ ํจ์, ๋น์ทํ ๋์ ์ํ) ๋ค์ฌ ์ฐ๊ธฐ ์ํ๊ธฐ Team์ด ์๋ค๋ฉด Team ๊ท์น ์ ํ๊ณ ๊ทธ์ ๋ฐ๋ฅด๊ธฐ, ๊ฐ์ธํ๋ํ์ง ์๊ธฐ ๋ค๋ฅธ ์ฌ๋์ด ์ฝ๊ธฐ ์ฝ๊ฒ, ๊ท๊ฒฉํํด์ ์์ฑ (์ฌ ์ฌ์ฉ์ฑโฌ) โ๐ป.. 2022. 5. 3. ํด๋ฆฐ์ฝ๋ Day 8-9. ๋๋ฌ์ด ์ฝ๋ ๊ณ ์น๊ธฐ โ ์ด ํฌ์คํ ์ ๋ ธ๋ง๋ ์ฝ๋ ๋ถํด๋ฝ 'ํด๋ฆฐ ์ฝ๋' ์ฑ๋ฆฐ์ง๋ฅผ ์งํํ๋ฉด์ ์์ฑํ๋ TIL์ด๋ฉฐ, ์ถ์ฒ๋ Clean Code์ ๋๋ค. ๐ ๋ฏธ์ : ์์์ ๋๋ฌ์ด ์ฝ๋๋ฅผ ์์ ํ๊ณ ๊ณ ์น ์ด์ ์, ๋ฐฐ์ด ์ ์ ์ด๋ณด๊ธฐ ๐ฅ Mission 1 1. BAD ๋๋ฌ์ด ์ฝ๋ ๐ฃ Hintโ : ๊ฒ์ํ๊ธฐ ์ฌ์ด ์ด๋ฆ์ ์ฌ์ฉํ์ธ์. blastOFF๋ ๋ก์ผ ๋ฐ์ฌ๋ฅผ ์๋ฏธ. 86400000์ ํ๋ฃจ์ ๋ฐ๋ฆฌ์ด (milliseconds) ์๋ฏธ. // What the heck is 86400000 for? setTimeout(blastOff, 86400000); 2. GOOD ๐ ์ ์ฝ๋๋ฅผ ๊นจ๋ํ๊ฒ ๋ค์ ์์ฑํด ์ฃผ์ธ์. const MILLISECONDS_OF_A_DAY = 86400000; setTimeout(blastOff, MILLISECONDS_.. 2022. 5. 3. [TIL] ๐ก Day 11 - JS๋ก ์ฌ์ฉ์์ ์์น ์ ๋ณด์ ํด๋น ์์น์ ๋ ์จ ํ์ํ๊ธฐ โ ์ด ํฌ์คํ ์ ๋ ธ๋ง๋์ฝ๋ - "๋ฐ๋๋ผ JS๋ก ํฌ๋กฌ ์ฑ ๋ง๋ค๊ธฐ๋ฅผ ๋ค์ผ๋ฉด์ ๊นํ๋ธ์ ๊ธฐ๋กํ ํ๊ธฐ๋ฅผ ์ฎ๊ธด ๋ด์ฉ์ ๋๋ค. ๋ชฉํ : ๐์ฌ์ฉ์์ ์์น ์ ๋ณด์ โ ํด๋น ์์น์ ๋ ์จ ํ์ํ๊ธฐ ๐ฑ User์ ์๋(latitude) , ๊ฒฝ๋(longitude) ๊ตฌํ๊ธฐ ๐ navigator ํจ์๋ฅผ ์ด์ฉํด ์ฌ์ฉ์์ ์์น๋ฅผ ์์๋ด๋ ์ฝ๋ ์์ฑ mdn ๋งํฌ JavaScript๊ฐ position์ ํตํด์ user์ ์์น๋ฅผ ์ ๋ฌํด์ค. position์ object์ด๊ณ , ์๋, ๊ฒฝ๋ ๊ฐ์ด ํฌํจ๋์ด ์๋ค. position( )ํจ์๋ 2๊ฐ์ ์ธ์๊ฐ ํ์ํ๋ค. ์ ์์ ์ผ๋ก ์คํ๋์ ๋์ ํจ์ (onGeoOk) ์คํ ์คํจํ์ ๋์ ํจ์ (onGeoError) navigator.geolocation.getCurrentPosition(์คํโญํจ์, .. 2022. 5. 2. [TIL] ๐ก Day 10 - JavaScript๋ก TodoList ๋ง๋ค๊ธฐ โ ์ด ํฌ์คํ ์ ๋ ธ๋ง๋์ฝ๋ - "๋ฐ๋๋ผ JS๋ก ํฌ๋กฌ ์ฑ ๋ง๋ค๊ธฐ๋ฅผ ๋ค์ผ๋ฉด์ ๊นํ๋ธ์ ๊ธฐ๋กํ ํ๊ธฐ๋ฅผ ์ฎ๊ธด ๋ด์ฉ์ ๋๋ค. ๋ชฉํ : ๐ JavaScript๋ก Todo List ๋ง๋ค๊ธฐ ๐ฑ Todo List ๊ธฐ๋ณธ ํ ์ค๋น ๐ ์ผ๋จ ํ์ํ ์์๋ค์ ์ด๋ค ๊ฒ์ด ์๋์ง ์์๋ณด์. Form : ์ฌ์ฉ์๊ฐ todo ์ ๋ ฅ → ์ ์ถํ๋ ํํ๊ฐ ํ์ํ๋ค. List : ์ ๋ ฅํ todo๋ฅผ ๋์ดํด์ผ ๋๋ค. input : ์ฌ์ฉ์์๊ฒ todo๋ฅผ ์ ๋ ฅ๋ฐ์์ผ ํ๋ค. ์์ ์ฝ๋ const toDoForm = document.getElementById("todo-form"); const toDoInput = document.querySelector("#todo-form input"); const toDoList = document.getElemen.. 2022. 5. 1. ์ด์ 1 2 3 4 5 6 7 8 ๋ค์ ๋ฐ์ํ