https://hianna.tistory.com/697 [Javascript] localStorage ์ฌ์ฉ๋ฒ (์ฝ๊ธฐ, ์ฐ๊ธฐ, ์ญ์ , ํค๋ชฉ๋ก ๋ฑ) ์ด๋ฒ์๋ localStorage ์ฌ์ฉ๋ฒ์ ์ ๋ฆฌํด๋ณด์์ต๋๋ค. localStorage๋? localStorage์ ์์ดํ ์ถ๊ฐ, ์ฝ๊ธฐ localStorage์ ๊ฐ์ฒด, ๋ฐฐ์ด ์ ์ฅํ๊ธฐ localStorage์ ๊ฐ ์ญ์ ํ๊ธฐ localStorage์ ๊ฐ ์ ์ฒด ์ญ์ ํ๊ธฐ localS.. hianna.tistory.com ๐กWeb Storage- localStorage WebStrorage API: LocalStorage 1. ๋ฐ์ดํฐ๋ฅผ ์ฌ์ฉ์ ๋ก์ปฌ์ ์ ์ฅํ๋ ๋ฐฉ์ 2. ๋ฐ์ดํฐ๋ฅผ ์ ์ฅ, ๋ฎ์ด์ฐ๊ธฐ, ์ญ์ ๋ฑ ์กฐ์ ๊ฐ๋ฅ 3. ์๋ฐ์คํฌ๋ฆฝํธ๋ก๋ง ์กฐ์ ๊ฐ๋ฅ 4. ๋ชจ๋ฐ์ผ์์๋ ์ฌ์ฉ๊ฐ๋ฅ Co..
https://cocobi.tistory.com/35 [JS] ์๋ฐ์คํฌ๋ฆฝํธ๋ก CSS ์์ฑ ๋ณ๊ฒฝํ๊ธฐ ์๋ฐ์คํฌ๋ฆฝํธ์์ ๋๋ฌด ๋ง์ CSS๋ณ๊ฒฝ์ ํ๊ฒ ๋๋ฉด ์ฑ๋ฅ ์ด์๊ฐ ๋ฐ์ํ ์ ์๋ค๊ณ ํ๋ค. CSS์์ ๋ณ๊ฒฝํ ์ ์๋ค๋ฉด ์ต๋ํ CSS์์ ์ง์ ์ฒ๋ฆฌํ๋๋ก ํ์. [ JavaScript์์ DOM ๊ฐ์ฒด ์ ํ ] document.getEleme cocobi.tistory.com
๐ก ์๋ฐ์คํฌ๋ฆฝํธ๋? ์๋ฐ์คํฌ๋ฆฝํธ๋ HTML, CSS์ ํจ๊ป ์น์ ๊ตฌ์ฑํ๋ ์์ ์ค ํ๋๋ก ์น ๋ธ๋ผ์ฐ์ ์์ ๋์ํ๋ ์ ์ผํ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์ด๋ค ์๋ฐ์คํฌ๋ฆฝํธ๋ ๊ฐ๋ฐ์๊ฐ ๋ณ๋์ ์ปดํ์ผ ์์ ์ ์ํํ์ง ์๋ ์ธํฐํ๋ฆฌํฐ ์ธ์ด์ด๋ค ํด๋์ค๊ฐ ์กด์ฌํ์ง ์๋ ํ๋กํ ํ์ ๊ธฐ๋ฐ์ ๊ฐ์ฒด์งํฅ ์ธ์ด์ด๋ค( Edition 6์์๋ Class๊ฐ๋ ์ง์๋จ) ๐ก ์๋ฐ์คํฌ๋ฆฝํธ ์ ์ธ src์์ฑ์ ์ธ๋ถ์ ์๋ฐ์คํฌ๋ฆฝํธ ํ์ผ์ HTML๋ฌธ์์ ํฌํจํ ๋ ์ฌ์ฉํ๋ฉฐ ์๋ต ๊ฐ๋ฅํจ ๋ํ ์๋ฐ์คํฌ๋ฆฝํธ๋ HTMLํ์ผ ๋ด๋ถ์ ์ ํ๊ทธ ์์ ์์นํ ์ ์๋ค ์น ๋ธ๋ผ์ฐ์ ๊ฐ HTML๋ฌธ์๋ฅผ ์์ฐจ์ ์ผ๋ก ํด์(parsing)ํ๋ฏ๋ก ์คํฌ๋ฆฝํธ ์์น์ ๋ฐ๋ผ ๋ก๋์ ์คํ ์์ ์ด ๋ฌ๋ผ์ง๋ค ์ ์์น: ๋ธ๋ผ์ฐ์ ์ ๊ฐ์ข ์ ์ถ๋ ฅ ๋ฐ์ ์ด์ ์ ์ด๊ธฐํ๋๋ฏ๋ก ๋ธ๋ผ์ฐ์ ๊ฐ ๋จผ์ ์ ๊ฒํจ ์ ์์น:..
Column Column Column ์์ ์์์๋ ์ฌ์ ์ ์๋ ๊ทธ๋ฆฌ๋ ํด๋์ค๋ฅผ ์ฌ์ฉํ์ฌ ๋ชจ๋ ๊ธฐ๊ธฐ์ ๋ทฐํฌํธ์ ๋์ผํ ๋๋น์ ์ด 3๊ฐ๋ฅผ ๋ง๋ญ๋๋ค. ์ด๋ฌํ ์ด์ ๋ถ๋ชจ .container๊ฐ ์๋ ํ์ด์ง ์ค์์ ์์ต๋๋ค. ๊ทธ๋ฆฌ๋ ์ต์ Bootstrap์ ๊ทธ๋ฆฌ๋ ์์คํ ์ 6๊ฐ์ ๊ธฐ๋ณธ ์ค๋จ์ ๊ณผ ์ฌ์ฉ์ ์ ์ํ ๋ชจ๋ ์ค๋จ์ ์ ๊ฑธ์ณ ์ ์ํ ์ ์์ต๋๋ค. 6๊ฐ์ ๊ธฐ๋ณธ ๊ทธ๋ฆฌ๋ ๊ณ์ธต์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค ํ ์ด์ ๋๋น ์ค์ flexbox ๊ทธ๋ฆฌ๋ ์ด์ ๋ํ ์๋ ๋ ์ด์์์ ๋ํ ํ ์ด์ ๋๋น๋ฅผ ์ค์ ํ๊ณ ํ์ ์ด์ด ์ฃผ์์์ ์๋์ผ๋ก ํฌ๊ธฐ๋ฅผ ์กฐ์ ํ๋๋ก ํ ์ ์์์ ์๋ฏธํฉ๋๋ค. 1 of 3 2 of 3 (wider) 3 of 3 1 of 3 2 of 3 (wider) 3 of 3 ํ์ด ๋ฐ์ํ .row-cols-* ํด๋์ค๋ฅผ ์ฌ์ฉํ์ฌ ..