์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- ๋ฐฑ์ค 1339๋ฒ ์๋ฐ์คํฌ๋ฆฝํธ
- ๋ฐฑ์ค 1339๋ฒ nodejs
- ๋ฐฑ์ค 2108 nodejs
- suspense react-query
- ๋ฐฑ์ค 2108 ์๋ฐ์คํฌ๋ฆฝํธ
- ์ค์ฝํ
- next13 emotion
- ์๋ฐ์คํฌ๋ฆฝํธ ์ค์ฝํ
- ์ต์ ๋์ฒด์ด๋
- js
- emotion RSC
- ์๋ฐ์คํฌ๋ฆฝํธ ๋ฌธ์์ด ์์ถ
- ๊ตฌ๋ฆํค ์ฑ๋ฆฐ์ง ํ๊ณ
- js ๊ฑฐ๋ฆฌ๋๊ธฐ ํ์ธํ๊ธฐ
- ์ฌ์ฉ์ฑ ๊ฐ์
- ๋ฆฌ์กํธ์ฟผ๋ฆฌ suspense
- suspense ๋์์๋ฆฌ
- ๋ฐฑ์ค 1339๋ฒ js
- ๊ตฌ๋ฆํค ์ฑ๋ฆฐ์ง
- js ์ค์ฝํ
- emtion app router
- ๊ตฌ๋ฆํค
- TypeError: createContext only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more:
- ํ๋ก๊ทธ๋๋จธ์ค ๋ฌธ์์ด ์์ถ
- ํ๋ก๊ทธ๋๋จธ์ค ๊ฑฐ๋ฆฌ๋๊ธฐ ํ์ธํ๊ธฐ
- ์นด์นด์ค ์ฝํ
- suspense ๋น๋๊ธฐ
- js ๋ฌธ์์ด ์์ถ
- suspense ๋ณ๋ชฉํ์
- app router emotion
- Today
- Total
๋ชฉ๋ก๐ง๐ป Web/CSS (2)
Lennon FE
1. Transform transform์ ์ด๋ค ์์์ ๋ํด ํ์ , ํฌ๊ธฐ ๋ณ๊ฒฝ ๋ฑ์ ๋์์ ํ๋๋ก ํ๋ CSS ์ด๋ฒคํธ์ด๋ค. ์ข ๋ฅ๋ rotate(ํ์ ), scale(ํฌ๊ธฐ), skew(x์ถ,y์ถ ๊ฐ๋๋งํผ ๋นํ), translate(์ขํ ๋ณ๊ฒฝ)์ด ์๋ค. 1. rotate(x) ์ธ์๋ก ํ์ ํ ๊ฐ๋๋ฅผ ์ฃผ๋ฉด ๋๋ค. deg๋ผ๋ ๋จ์๋ฅผ ์ฌ์ฉํ์. See the Pen Untitled by PARKMINHO (@pmhxhsj) on CodePen. 2. scale(width,height) ์ธ์๋ฅผ ๋ ๊ฐ ๋ฐ์ ์ ์๋ค. ๊ฐ๊ฐ width, height๋ฅผ ์๋ฏธํ๋ค. 1์ด ์๋ ํฌ๊ธฐ์ด๋ฉฐ, 1 ์ด๊ณผ์ผ์๋ก ๋ณธ๋์ ํฌ๊ธฐ๋ณด๋ค ์ปค์ง๋ฉฐ, ๋ฏธ๋ง์ด๋ฉด ์์์ง๋ค. See the Pen Untitled by PARKMINHO (@pmhxhsj) ..
CSS ์ ๋ ํฐ๋? ์คํ์ผ์ ์ ์ฉ์ํค๊ธฐ ์ํด HTML์ ์์ฑํ ์์๋ค์ ๋ํด ์ ๋ ํฐ๋ก ํน์ ํ๊ณ , ์ ํ๋ ์์์ ์คํ์ผ์ ์ ์ฉํ๋ค. ์ฐ์ ๋ณดํธ์ ์ผ๋ก ์ฌ์ฉํ๋ ์ ์ฒด ์ ๋ ํฐ, ํ๊ทธ ์ ๋ ํฐ, id, class์ ๋ ํฐ๋ฅผ ์์๋ณด๊ณ , ๊ทธ ํ ํ์ ์ ๋ ํฐ, ์์ ์ ๋ ํฐ, ๋งํฌ ์ ๋ ํฐ๋ฅผ ์์๋ณด๋๋ก ํ์. ์ ์ฒด ์ ๋ ํฐ hi minho hi ddoddo hello world! * * ์ผ๋ก ์ ๋ ํฐ๋ฅผ ์ง์ ํ๋ฉด, html์ ์๋ ๋ชจ๋ ์์๋ฅผ ์ ํํ๋ ๊ฑธ ์๋ฏธํ๋ค. ์ด๋ค ํ๊ทธ๋ ์ ํ๋์ด ๊ธ์์์ด ํ๋๊ฒ ๋ณํ ๊ฒ์ด๋ค. ํ๊ทธ ์ ๋ ํฐ hi minho hi ddoddo html์ ํ๊ทธ๋ค์ ์ฌ์ฉํ๋ฉด ๋จ(p, div, span, table ๋ฑ๋ฑ) pํ๊ทธ์ ๋ํด ๊ธ์์์ red๋ก ์ง์ ํ๋ค. ๊ฒฐ๊ณผ๋ ๋ค์๊ณผ ๊ฐ๋ค. ID, Class ์ ๋ ํฐ hi..