๋ฐ๋๋ผJS์ฑ๋ฆฐ์ง2 [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. [ํ๊ธฐ] ๋ ธ๋ง๋์ฝ๋ ๋ฐ๋๋ผJS ์ฑ๋ฆฐ์ง 1์ฃผ์ผ ์ง๋ ์์ ํ๊ธฐ ๋ฐ๋๋ผ JS์ฑ๋ฆฐ์ง๋? ๐ "๋ ธ๋ง๋์ฝ๋" ์ฌ์ดํธ์์ ์งํ ์ค์ธ ํ๋ก๊ทธ๋จ์ผ๋ก, ๋งค ๊ธฐ๊ฐ๋ณ๋ก ์ง์์๋ฅผ ๋ฐ์์ ์ ํด์ง ๊ธฐ๊ฐ ๋์ ๋ฏธ์ ์ ๋์ ํ๋ ์ผ์ข ์ ์คํฐ๋๋ค! ๊ทธ๋ฆฌ๊ณ ์ฑ๋ฆฐ์ง๋ ๋ฌด๋ฃ์ง๋ง, ์ฑ๋ฆฐ์ง์ ์ฐธ์ฌํ๊ธฐ ์ํด ์ ๋ฃ ๊ฐ์๋ฅผ ์๊ฐํด์ผ ํ๋ ๊ฒฝ์ฐ๊ฐ ์๋ ๊ฒ ๊ฐ๋ค. ๊ทธ์ค์์ ๋ด๊ฐ ์ฐธ์ฌํ ๊ณผ์ ์ ๋ฐ๋๋ผJS์ฑ๋ฆฐ์ง๋ก ์๋์ '๋ฐ๋๋ผ JS๋ก ํฌ๋กฌ ์ฑ ๋ง๋ค๊ธฐ' ๊ฐ์์ ๊ฐ์ด ์งํ๋๋ ์ฑ๋ฆฐ์ง์ด๋ค. ๊ฐ์๋ ๋ฌด๋ฃ, ์ฑ๋ฆฐ์ง๋ ๋ฌด๋ฃ์ธ๋ฐ ์ฑ๋ฆฐ์ง๋ฅผ ๋๋ด๊ณ ๋๋ฉด ๋ค๋ฅธ ๊ฐ์๋ฅผ ๋ค์ ๋ ์ฌ์ฉํ ์ ์๋ ์ต๋ 30% ํ ์ธ์ฟ ํฐ๊ณผ ๋ฑ์ง, ์๋ฃ์ฆ ๋ฑ์ ์ ๊ณตํ๋ค๊ณ ํ๋ ์ ํ ์ด์ ๊ฐ ์๋?๐ ์ฑ๋ฆฐ์ง์ ๋ชฉ์ ? ํํ์ด์ง์ ๋์์๋ ๋ชฉ์ ์ ์์ ๊ฐ๋ค. ํฌ๊ฒ ๊ฐ์๋ฅผ ๋์ด๋๊ณ ์๊ฐํ๊ธฐ ํ๋ค์๋ ์ฌ๋์ด๋, ๊ฐ์๋ง ๋ฃ๊ณ ์ค์ ์ ์ ์ฉ์ด ์ด๋ ค์ ๋ ์ฌ๋๋ค์ด ๋ค์ผ๋ฉด ์ข๋ค.. 2022. 3. 16. ์ด์ 1 ๋ค์ ๋ฐ์ํ