Javascript Object Notation
Posts
Q&A
ํ๋ฉด์ ๋ถ๋๋ฝ๊ฒ ์ด๋ํ๋ scrollTo ์ ์ด์ฟผ๋ฆฌ์ ๋ํด์
์ ๊ฐ ์ฐ์ฐํ ํด๋น ์ง๋ฌธ์ ๋ณด๊ณ ๋ถ์กฑํ ์ง์์ด์ง๋ง, ์งง๊ฒ๋๋ง ๋ต๋ณ์ ๋๋ ค๋ด ๋๋ค. 1.$๋ค์ ์ ํ์๊ฐ ์๋ ์ด์ : ์๋ฐ์คํฌ๋ฆฝํธ ๋ฐ ์ ์ด์ฟผ๋ฆฌ๋ฅผ ํ์ตํ์๋ค๋ณด๋ฉด DOM์ด๋ผ๋ ๊ฐ์ฒด๊ตฌ์กฐ๋ชจ๋ธ์ ํ์ตํ์๊ฒ๋ ํ ๋ฐ, ์ง๊ธ ์ฌ์ฉ์ค์ธ scroll ์ด๋ฒคํธ์ ๊ฒฝ์ฐ, ๊ฐ์ฒด๊ตฌ์กฐ์ ์ต์๋จ์ธ window๊ฐ ์ฃผ์ฒด๊ฐ ๋๋ ๋ชจ๋ธ์ ๋๋ค. ์ด๋ฌํ ๊ฒฝ์ฐ, window๋ ์๋ต์ด ๊ฐ๋ฅํ๊ธฐ์ ์๋ ์์น์ ์ผ๋ก๋ $window.scrollTo๊ฐ ๋์ด์ผ ํ๋, ๊ทธ๋ฅ $.scrollTo๋ฅผ ํ๊ธฐํ ๊ฒ์ผ๋ก ํ๋จ๋ฉ๋๋ค.2.hash ๋ ๋ฌด์์ธ์ง : ์ธ์คํ๊ทธ๋จ ์ด๋ผ๋ ์ฑ์ ์ฌ์ฉํ์๋ค๋ณด๋ฉด, ํด์ํ๊ทธ๋ผ๋ ๋จ์ด ํ ๋ฒ ์ด์ ๋ค์ด๋ณด์ จ์ผ๋ฆฌ๋ผ ์๊ฐ์ด ๋ญ๋๋ค. ๊ทธ๋ ์ฐ๋ฆฌ๊ฐ ํด์ํ๊ทธ๋ผ๊ณ ํํํ๋ ๊ฒ ๋ญ์์ฃ ? ๋ฐ๋ก ์ด #์ด๋ผ๋ ๋ฌธ์์ฃ ! ๋ณดํต ์น๋ฌธ์์์ id์ ํ์๋ฅผ CSS์์ ๋ถ๋ฌ์ฌ ๋, ์ ํ์ ์์ #์ ๋ฃ๋๋ฐ, ๊ทธ๋ ์ ์ ๋ช ์นญ์ด ์ด hash ์ ๋๋ค. ๊ทธ๋์ ์ฐ๋ฆฌ๊ฐ #์ ํด์ํ๊ทธ๋ผ๊ณ ํ์ฃ (*ํด์ํ๊ทธ = hashtag) ์๋จ ๋ด๋น๊ฒ์ด์ ๋ฐ๋ฅผ ํด๋ฆญํ์ ๋, ์ํ๋ ํ๋ฉด์ผ๋ก ์์ฐ์ค๋ฝ๊ฒ ํ๋ฌ๊ฐ๊ฒ ํ๊ธฐ์ํด์ this.hash ๋ผ๋ ๊ตฌ๋ฌธ์ ์์ฑํ๊ฒ์ ๋๋ค. ์ฌ๊ธฐ์์ this๊ฐ ๊ฐ๋ฅดํค๋ ๊ฐ์ฒด๋ ๋น์ฐํ ์ ํ์๋ฅผ ๊ฐ๋ฅดํค๊ตฌ์.3.|| 0, 900 ๋ ๋ฌด์์ธ์ง : ์ ์ด์ฟผ๋ฆฌ์์ ์๋์ฐ ์คํฌ๋กค ์ด๋ ์ด๋ฒคํธ๋ฅผ ์งํํ ๋, ๋ณดํต ์ต์๋จ์ผ๋ก ์ด๋์ํค๋ ๋ช ๋ น์ด๊ฐ $.scrollTop(0)์ผ๋ก ์ฌ์ฉํ๋ ๊ฒ์ผ๋ก ์๊ณ ์์ต๋๋ค. ์ฝ๊ฒ ๋งํ๋ฉด $.scrollTo(0)์ ํ์ฌ ๋ณด๊ณ ์๋ ํ๋ฉด์ ์ต์๋จ์ ์๋ฏธํ๋ ๊ฒ์ด๊ฒ ์ฃ . ๊ทธ์ด์ผ๊ธฐ์ธ์ฆ ์๋ฌด๋ฐ ํ๋์ ํ์ง ์๊ฒ ๋ค๋ ๋ป์ ๋๋ค. ๋ค์ ๋ณธ๋ก ์ผ๋ก ๋์์์ ์ค๋ช ํด๋๋ฆฌ์๋ฉด, $.scrollTo(this.hash || 0, 1500) ์ด ๋ฌธ์ฅ์ $.scrollTo(true || false, time)์ ์๋ฏธํ๋ ๊ฒ์ผ๋ก์, ์คํฌ๋กค์ด๋ฒคํธ๋ฅผ ์งํํ๋๋ฐ ์์ด์ html ๋ณธ๋ฌธ์ ์ ํ์์ ํด์๊ฐ ์ค์ ๋๊ฒ ์๋ค๋ฉด(*true)๋ผ๋ฉด true๊ฐ์ ๋ฐ๋ผ ๊ฐ๋ผ๋ ๋ป์ด๊ณ , || (*or์ ๊ฐ๋ ์ ๋๋ค.) ๊ทธ๋ ์ง ์๋ค๋ฉด, ์ฝ๊ฒ ๋งํ๋ฉด ํ์ฌ ๊ฑธ๋ ค์๋ id์ ํ์๊ฐ ์๋ค๋ฉด, false๊ฐ์ ๋ฐ๋ผ ๊ฐ๋ผ, ์ฆ ๋ด๋น๊ฒ์ด์ ์ด ์์นํ ์ต์๋จ์ ๋จธ๋ฌผ๋ฌ ์์ด๋ผ ๊ทธ ๋ป์ ๋๋ค. ๋์ผ๋ก ๋ง์ง๋ง์ ์์นํ 900์ด๋ผ๋ ์ซ์๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฐ ์ ์ด์ฟผ๋ฆฌ์์ ์ฌ์ฉํ๋ ์ซ์์ ๋จ์๊ฐ ๋ฐ๋ฆฌ์ด๋ก์ 1์ด = 1000msc๋ฅผ ์๋ฏธํฉ๋๋ค. ์ฌ๊ธฐ์์ 900์ ๋ฃ์๋ค๋ ๊ฑด, 0.9์ด๋ฅผ ์๋ฏธํ๋ ๊ฑฐ๊ฒ ์ฃ . ์ฝ๊ฒ ๋งํ๋ฉด ์ซ์๊ฐ ์์์ง์๋ก ๋ ๋น ๋ฅด๊ฒ ํด๋น ํ์ด์ง๋ก ์ด๋์ ํ๋ค๋ ๋ป์ ๋๋ค.์ ์ญ์ ์ฝ๋ฉ์์ค ์ ์๋์ ๊ฐ์๋ฅผ ์ด๊ฐํ๋ ์ฌ๋์ผ๋ก์ ์ฐ์ฐํ ๋ณด๋ค๊ฐ ๋ต๋ณ ๋จ๊ฒจ๋๋ ค๋ด ๋๋ค. ์ฝ๋ฉ์์ค ์ ์๋ ํญ์ ์์ํฉ๋๋ค. ๊ฐ์ฌํฉ๋๋ค.
- 1
- 3
- 1.6K
Q&A
openWeatherMap API ์๋ฌ๋ฐ์ ์ ๋์ฒ๋ฐฉ๋ฒ ๊ณต์
์ด๋ฐ.ใ ใ then, catch ๊ฐ์ 14๋ถ02์ด์ ๊ฐ์ฌ๋๊ป์ ๋ง์ํด์ฃผ์๋๊ตฐ์. ์ค์ง๋ ์ฃ์กํฉ๋๋ค.
- 2
- 1
- 1.1K