withkey
@withkey
Students
-
Reviews
-
Course Rating
-
Posts
Q&A
class ์๋์์ฑ ๋ฐฉ๋ฒ์ ์์๊น์?
์ ๊ฐ์ฌํฉ๋๋ค. ํ๋ฒ ๋ณด๊ณ ๊ณ ๋ฏผ์ ํด๋ณด๊ฒ ์ต๋๋ค ใ ใ
- 0
- 2
- 515
Q&A
css ๋ง์ผ๋ก ์์ฝ๋์ธ ์ ๋๋ฉ์ด์ ์ ์ ์ฉํ ๊ฒฝ์ฐ, ๋ค๋ฅธ libary๋ค์ ์ฝ๋๋ก ๊ทธ๋ถ๋ถ๋ค์ ํด๊ฒฐํด์ฃผ๊ณ ์๋๊ฑธ๊น์?
์ ๋ ํ์ฐธ ์ดํด๊ฐ ์๋์ ์กฐ๊ธ ๊ณ ๋ฏผ์ ํด๋ดค๋๋ฐ์. ๊ฐ์ ์ค์ ๋์์ด ๋ถ์์ฐ์ค๋ฝ๊ฒ ๋๊ปด์ง ์ด์ ์ ๋ํด์ "&.current .description ๋ฅผ 100vh๋ก ํด๋์๊ธฐ ๋๋ฌธ์ด๋ค." ๋ผ๊ณ ์ธ๊ธํ์ จ์ต๋๋ค.์ฆ, ๊ฐ ์์ฝ๋์ธ์ ๋์ด๋ฅผ ์ ํํ๊ฒ ํน์ ํ์ง ์์๊ณ , ์์๋ก (100vh)๋ก ์ง์ ํ๊ธฐ ๋๋ฌธ์ด๋ค ๋ผ๊ณ ํ์ จ๋๋ฐ์. ๊ทธ๋ ๋ค๋ฉด ์ ๋์ด๋ฅผ ํน์ ํ์ง ์์์ ๋ ๋ถ์์ฐ์ค๋ฌ์์ง๋? ์ ๋ํ ๊ถ๊ธ์ฆ์ด ์๊ธฐ๋๋ผ๊ตฌ์. ๊ฐ์์์ ์ธ๊ธํ์ ๋ถ๋ถ์ ๋ณด๋ฉด "๋ฐ์๊ฒ์ด ๋ฐ๊ณ ์ฌ๋ผ๋ ์๋์ ์์ ๊ฒ์ด ๋ซํ๋ ์๋๊ฐ ๊ฐ์์ผ ํ๋๋ฐ, ๊ทธ๋ ์ง ๋ชปํ๋ค" ๋ผ๊ณ ํ์ จ์ด์. ์ฆ, ๊ฐ ์์ฝ๋์ธ์ ๋์ด๋ฅผ ํน์ ํ์ง ๋ชปํ๊ณ ์์์ ๊ฐ (100vh) ์ ๋ฃ์ผ๋ฉด ๊ฐ ์์ฝ๋์ธ ๋ง๋ค ์ด๊ณ ๋ซํ๋ ์๋๊ฐ ๋ค๋ฅด๋ค๋ ๊ฒ์ด์ฃ . ๊ทธ๋ฆฌ๊ณ ๋ง์ฝ์ ์ด๊ฒ์ ํน์ ๊ฐ์ผ๋ก ํ์ ๋๋ ๊ทธ ์๋๊ฐ ์ผ์นํ๊ฒ ๋์ด ์์ฐ์ค๋ฝ๋ค ๋ผ๋ ์๋ฏธ์ธ ๊ฒ ๊ฐ์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ๊ทธ "ํน์ ๊ฐ์ด 100px ์ธ ์ด์ ๋ ์์ฝ๋์ธ์ ๋ด์ฉ(description)์ด ์์ฝ๋์ธ์ ๋์ด๋ณด๋ค ์ปค์ผ (๋์ด์ผ) ์์ฐ์ค๋ฌ์์ง๋ค๊ณ ํ์ จ์ต๋๋ค. ๊ทธ๋์ ์๋ง ๊ทธ ํน์ ๊ฐ์ด 100px์ด์์ง ์์๋ ์ถ์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ dutation์ 0.3์ผ๋ก ์คฌ๋๋ฐ ์ "์๋"๊ฐ ๋ค๋ฅด๋์ ๋ํ ๊ถ๊ธ์ฆ๋ ์์๋๋ฐ์. ์ ์ธ๊ธํ์ ๊ฒ์ ๋ณด๋ฉด ์ฐ๋ฆฌ๊ฐ max-height์ผ๋ก ์ค์ ํ ๊ฐ์ "์ ๋๋ฉ์ด์ ์ ์ํด์ ์ต์ข ์ข ์ฐฉ์ง๋ก ์ธ์ํ๋ ๋์ด" ๊ฐ ๋๋ค๊ณ ํ์ญ๋๋ค. ์ฆ, ์๋ฅผ ๋ค์ด max-height๊ฐ 100vh์ธ ๊ฒฝ์ฐ์๋ 0.3s ์์ 100vh๋ฅผ ํผ์น๋ ค๊ณ ํฉ๋๋ค. ๊ทธ๋ฌ๋๊น ์์ฝ๋์ธ์ด ์ด๋ฆฌ๋ ์๋๊ฐ ๊ต์ฅํ ๋น ๋ฆ ๋๋ค. 0.3s ์์ ๊ทธ๊ฑธ ๋ค ์ด์ด์ผํ๋๊น์. ๊ทผ๋ฐ 100px ๋ก ํ๋ฉด ์ฒ์ฒํ ์ด๋ฆฝ๋๋ค. 0.3s ์์ ๊ทธ๋งํผ๋ง ์ด๋ฉด ๋๋๊น์. 0.3s ๋ ๋จ์ํ ๋ณํ์ ์๊ฐ์ด์ง, ์๋๊ฐ ์๋๋ผ๋ ๊ฒ์ ์๋ฏธํฉ๋๋ค. ๊ทธ๋์ ๊ฒฐ๋ก ์ ์ด๋ ์ต๋๋ค.์ ๋ถ์์ฐ์ค๋ฌ์ด๊ฐ?์์ฝ๋์ธ์ max-height์ 100vh๋ก ํด์ ๊ทธ๋ ๋ค.max-height๊ฐ 100vh ์ธ๊ฒ๊ณผ ๋ถ์์ฐ์ค๋ฌ์์ ๋ฌด์จ ์๊ด์ธ๊ฐ?max-height๊ฐ 100vh๋ก ํ ๊ฒฝ์ฐ, ๊ฐ ์์์ ์ปจํ ์ธ ๊ธธ์ด์ ๋ฐ๋ผ์ ์ ๋๋ฉ์ด์ ์ ์๋๊ฐ ๋ค๋ฅด๊ฒ ๋๋ค. ๋ซํ๋ ์์ฝ๋์ธ๊ณผ ์ด๋ฆฌ๋ ์์ฝ๋์ธ์ ์๋๊ฐ ๋ฌ๋ผ์ง๋ฉด, ๋ถ์์ฐ์ค๋ฌ์ ๋ณด์ธ๋ค. ์ ๋ ๊ณ์ ๊ณฑ์น์ด๋ณด๋ฉด์ ์ดํดํ ๋ด์ฉ์ด๋ผ ํ๋ฆฐ ๋ถ๋ถ์ด ์์ ์ ์๊ณ , ์ฌ๋จ๋์ ์๋๋ฅผ ์ ํํ ํ์ ํ์ง ๋ชปํ ๋ถ๋ถ์ด ์์ ์ ์์ต๋๋ค.
- 0
- 4
- 870
Q&A
API ์์ฒญ ์, cookie ๋ณด๋ด๋ ๊ฒ์ ๋ํ ์ง๋ฌธ
์.. ๊ทธ๋ ๊ตฐ์, ๊ทธ๋ผ fetch์์ cookie ํค๋ ์ธํ ํ๋ ๋ถ๋ถ์ ๋ณด์ง ๋ชปํ ๊ฒ ๊ฐ์ต๋๋ค... ๊ฐ์ฌํฉ๋๋ค.ํ์ธํ ๋ฐฉ๋ฒ์ server action์ ์คํ์ํค๊ณ , fetch().headers ๊ฐ์ ํ์ธํ์ต๋๋ค. ์ด์ฒ๋ผ _HeadersList์์์ cookies๊ฐ null ๊ฐ์ด์๊ณ , ๋ํ API ์๋ฒ์์๋ 401 ์๋ฌ๋ฅผ ์ฃผ๋ ๊ฒ์ ํ์ธํด์ fetch ์์ฒญ์์ ์ฟ ํค๊ฐ ํ์์ง์ง ์๋๊ตฌ๋ ๋ผ๊ณ ํ๋จํ์ต๋๋ค.(์ฌ์ง)
- 0
- 2
- 984
Q&A
์๋์ฐ cmd์ฐฝ์์ redis-cli๋ผ๊ณ ์น๋ฉด ๊ฐ์ฌ๋ mac๊ณผ ๋ค๋ฅด๊ฒ ์คํ์ด ์๋๋๋ฐ ์๋์ฐ๋ ์๋ ๊ทธ๋ฐ๊ฐ์?
๋ด ์ปดํจํฐ์๋ redis๋ฅผ ์ค์นํ์ง ์์๋ ๋ฉ๋๋ค. zsh: command not found: redis-cli ๋ผ๊ณ ๋์จ๋ค๊ณ ํ๋๋ผ๊ณ ๋์ปค ์ปจํ ์ด๋ ์์์ ์คํํ๋ฉด ์ ์์ ์ผ๋ก ์๋ํฉ๋๋ค. ๋ด ์ปดํจํฐ์ redis๋ฅผ ์ค์นํ์ง ์๊ธฐ ์ํด dokcer๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ด๋๊น์!
- 0
- 4
- 1K




