- ์ ์ฒด๋ณด๊ธฐ(131)
- JavaScript(15)
- programmers(10)
- level1(10)
- React(5)
- html(5)
- CSS(5)
- typescript(4)
- redux(4)
- ๊ฐ๋ฐ์ผ๊ธฐ(2)
- lodash(2)
- switch(2)
- hooks(2)
- mini project(2)
- json(2)
- ESLint(2)
- object(2)
- .env(2)
- ์์๊ฐ(2)
- type(2)
- lifecycle(2)
- ํจ์คํธ์บ ํผ์ค(2)
- figma(2)
- react redux(2)
- TIL(1)
- scss(1)
- position(1)
- math(1)
- immutablility(1)
- MergeSort(1)
- BEM(1)
- API(1)
- lowDB(1)
- Portal(1)
- Graph(1)
- ์ํฐ๋(1)
- useHistory(1)
- CRA(1)
- ์์ด์ฝ(1)
- flex wrap(1)
- mac(1)
- classes(1)
- ํ๋ก ํธ์ค๋(1)
- stack/queue(1)
- slider(1)
- reduxjs/toolkit(1)
- operator(1)
- ํด์ปคํค(1)
- vue(1)
- vue.js(1)
- countingsort(1)
- errorBoundary(1)
- data-์์ฑ๋ช (1)
- router(1)
- input(1)
- float(1)
- pritter(1)
- deep dive(1)
- write-excel-file(1)
- Chart.js(1)
- Recoil(1)
- useEffect(1)
- useState(1)
- MDN(1)
- Spread(1)
- async(1)
- class(1)
- for(1)
- Flex(1)
- UIUX(1)
- Debouncing(1)
- webpack(1)
- ๊ณ์ ์์ฑ ์คํจ(1)
- method(1)
- git flow(1)
- Generic(1)
- flex grow(1)
- stylelint(1)
- hoisting(1)
- CI/CD(1)
- Route(1)
- parcel(1)
- compileOptions(1)
- CSSModule(1)
- Husky(1)
- level2(1)
- d3.js(1)
- ์ํฐ๋ ํ๋ฆฌ์จ๋ณด๋ฉ ์ฝ์ค(1)
- Big O(1)
- select(1)
- react-query(1)
- M1์นฉ(1)
- useMemo(1)
- useReducer(1)
- DOM(1)
- redux-middleware(1)
- axios(1)
- 2022 KAKAO BLIND RECRUITMENT(1)
- Interfaces(1)
- material(1)
- fastcampus(1)
- repaint()(1)
- postcss(1)
- ์ ์ด ์ปดํฌ๋ํธ(1)
- SSR(1)
- localstorage(1)
- block(1)
- ๊ฐ๋ฐ์(1)
- Programmer(1)
- ๋ด์ (1)
- inline(1)
- querystring(1)
- hackerthon(1)
- array(1)
- form(1)
- spa(1)
- jest(1)
- HoC(1)
- github(1)
- seo(1)
- CSSOM(1)
- ๋ณ์(1)
- ๊ตญ๋น๊ต์ก(1)
- GSAP(1)
- babel(1)
- TDZ(1)
- CreateElement(1)
- Throttling(1)
- ์์ด๋น์๋น์ฒด(1)
- KDT_bank(1)
- swiperjs(1)
- reflow(1)
- ๋ฐ์ดํฐ ์๊ฐํ(1)
- swiper(1)
- ํ๋ก ํธ์๋ ๋ฉด์ (1)
- boj(1)
- algorithm(1)
- K-Digital-Training(1)
- ThanksToMax(1)
- scope(1)
- git(1)
- MACBOOK ์ด๊ธฐํ(1)
- ๋ฉ๊ฐ๋ฐ์ดํธ์ค์ฟจ(1)
- function(1)
- new ์ฐ์ฐ์(1)
- ์ ๊ทํํ์(1)
- youtubeiframe(1)
[KDT]FCFE - 2์ฃผ5์ผ ๋ฐฐ์น ( float & position )
float ์ธต์ ๋์ฐ๊ธฐ! float: left;float ์ธต์ ๋์ฐ๊ณ ์๋์๋ ์ธ๋ผ์ธ์ด ์ฌ์ ์๊ธฐ ๋๋ฌธ์ ๊ธ์ด ์์ผ๋ก ํ๋ฅธ๋ค.float ์ธต์ผ๋ก ๋ ๋ฒ๋ฆฌ๋ฉด ๊ธฐ๋ณธํ๋ฆ ์ธต์ ๋๋จธ์ง๋ ํฌ๊ธฐ์ ๋ง์ถฐ ์กฐ์ ๋๋ค.ํฌ๊ธฐ์ ๋ง์ถ๊ธฐ์ํด ๋ค์ํ๋ฒ ๋๋ ํธ๋ฆฌ๋ฅผ ๊ทธ๋ฆฌ๋๋ก ํ๋ค. ( BFC ์ฌ๊ณ
[KDT]FCFE - 2์ฃผ3์ผ HTML,CSS,JAVASCRIPT ๊ธฐ๋ณธ
background-image: url("");: ์ด๋ฏธ์ง ์ฝ์ background-attachment: scroll;: ์คํฌ๋กค ์์ฑparallax(ํ๋ด๋ ์ค) :background-attachment: fixed;: ๋ฐฐ๊ฒฝ์ ๊ทธ๋๋ก ์๊ณ ์์๋ง ์์ง์ฌ ๋ฐฐ๊ฒฝ์ ๋ถ๋ถ๋ถ๋ถ ๋ณด์ฌ์ง
[KDT]FCFE - 2์ฃผ2์ผ HTML,CSS TIP
HTML TIP inline ์์ ํน์ง ์์ผ๋ก ์ํํ๊ฒ ์์ธ๋ค. `` ๊ธ์ ์์๋ width, height ๋ฅผ ์ฌ์ฉํ ์ ์๋ค. ๊ธ์ ์์๋ margin padding์ ์์๋๋ ์ฌ์ฉํ ์ ์๊ณ ์ข์ฐ๋ง ์ฌ์ฉํ ์ ์๋ค. ์ธ๋ผ์ธ ์์ ์์๋ ๋ธ๋ญ ์์๋ฅผ ์ฌ์ฉํ
[KDT]FCFE - 1์ฃผ5์ผ - 1. CSS
width, height: ๋์ด์ ๋๋น๋จ์px => ์ ๋ ํฌ๊ธฐ : ๋ชจ๋ํฐ์์ ํ์ % => ์๋ ํฌ๊ธฐ : ๋ฐ๋ก์ ๋ถ๋ชจ์ ํฌ๊ธฐ์ ๋น๋กmargin : 20px 15px 20px 15px;: ๋ฐ๊นฅ์ชฝ ์ฌ๋ฐฑpadding: ์์ชฝ ์ฌ๋ฐฑborder : 1px solid black;:
[KDT]FCFE - 1์ฃผ3์ผ - 2. CSS
Cascade Style Sheet (CSS)HTML : ๊ฐ์ ธ๋ค ๋๊ณ CSS : ๊พธ๋ฏธ๊ณ Javascript : ์ํจ๋ค.์ค๊ณ๋ HTML๋ก & ๋์์ธ์ CSS๋ก