dakgangjung123
@dakgangjung123
Students
1,753
Reviews
84
Course Rating
4.5
์๋ ํ์ธ์! ์๊ฐ๋ํ๊ต ์ปด๊ณต๊ณผ๋ฅผ ์กธ์ ํ๊ณ ํ์ฌ ๋ํ์ ์งํ์ ์ค๋น ์ค์ธ ํ์์ ๋๋ค.
๊ณ ๋ฑํ๊ต ๋ ์ฐ์ฐํ ํ์คํ ์น ๊ฐ๋ฐ๊ณผ ํ์ด์ฌ์ ํ์ฉํ ์๋ ๋งค๋งค๋ฅผ ์์ํ๋ฉด์ ํ๋ก๊ทธ๋๋ฐ์ ๋น ์ง๊ฒ ๋์์ต๋๋ค.
๊ทธ ํ ๋ค์ํ ํ๋ก์ ํธ์ ํ๋ก๊ทธ๋๋ฐ ๊ณผ์ธํ๋์ ๊ฒฝํํ๋ฉฐ ์ค๋ ฅ๊ณผ ๋ ธํ์ฐ๋ฅผ ๊ณต์ ํ์ต๋๋ค. ์ด๋ฌํ ๊ฒฝํ์ ํตํด ํ๋ก๊ทธ๋๋ฐ์ ์ฒ์ ์ ํ๋ ๋ถ๋ค์๊ฒ๋ "์ด๋ ๊ฒ ์ฌ์ธ ์ ์๊ตฌ๋!"๋ผ๋ ๋๋์ ์ค ์ ์๋ ๊ฐ์๋ฅผ ๋ง๋ค๊ณ ์ ๋ ธ๋ ฅํ๊ณ ์์ต๋๋ค.
์ค์ฉ์ ์ธ ์์ ์ ์น๊ทผํ ์ค๋ช ์ผ๋ก ์ฌ๋ฌ๋ถ์ ํ์ต์ ๋๊ณ ์ถ์ต๋๋ค. ๊ฐ์ฌํฉ๋๋ค.
Courses
Reviews
- [Free] Notion MCP: From Beginner to Application
- [Free] Notion MCP: From Beginner to Application
- [Free] Notion MCP: From Beginner to Application
- Build Your Own Company Website with React, Node.js, and MongoDB: The Complete Guide
- #1 OpenClaw: Creating Your Own AI Assistant
Posts
Q&A
Unauthorized ์๋ฌ
์๋ ํ์ธ์. ์์ธํ๊ฒ ์ํฉ ์ ๋ฆฌํด์ ๋ณด๋ด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค.ํ์ฌ ๋ง์์ฃผ์ ๋ด์ฉ์ ๋ณด๋ฉด ๋จ์ ์คํ ๋ฌธ์ ๊ฐ ์๋๋ผ ํ ํฐ ์ธ์ฆ(Unauthorized) ๊ด๋ จ ์ค์ ๋๋ ์คํ ํ๊ฒฝ ๋ฌธ์ ์ผ ๊ฐ๋ฅ์ฑ์ด ๋์ ๋ณด์ ๋๋ค.์ด๋ฏธroot ํ๊ฒฝ ์ญ์ ํ ์ฌ์ค์นopenclaw.json์ remote token ์ถ๊ฐ๊น์ง ์งํํด๋ณด์ ์ ๋ณด๋ฉด ๊ธฐ๋ณธ์ ์ธ ์ค์ ๋ฌธ์ ๋ณด๋ค๋์คํ ์์ ์ ์ธ์ฆ ์ ๋ณด๊ฐ ์ ๋๋ก ์ ๋ฌ๋์ง ์๋ ์ผ์ด์ค์ผ ๊ฐ๋ฅ์ฑ์ด ์์ต๋๋ค.์ด ๋ถ๋ถ์ ์ ํํ๊ฒ ํ์ธํ๋ ค๋ฉดopenclaw gateway run์ ์คํํ ํฐ๋ฏธ๋(CMD) ์ชฝ์ ์ถ๋ ฅ๋๋ ์ ์ฒด ๋ก๊ทธ ๋ฉ์์ง๊ฐ ๊ผญ ํ์ํฉ๋๋ค.๊ฐ๋ฅํ์๋ค๋ฉด ํด๋น ์คํ ๋ก๊ทธ๋ ํจ๊ป ์บก์ฒํด์ ์ฌ๋ ค์ฃผ์๋ฉด์์ธ ํ์ ํ๋ ๋ฐ ํจ์ฌ ๋น ๋ฅด๊ฒ ๋์ ๋๋ฆด ์ ์์ ๊ฒ ๊ฐ์ต๋๋ค!
- Likes
- 0
- Comments
- 2
- Viewcount
- 42
Q&A
https://my-company.site/ ์ ์
์๋ ํ์ธ์! ๋ฌธ์ ๋จ๊ฒจ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค.ํ์ฌ ์ ์์ด ์ ๋๋ ์ด์ ๋ ์ฌ์ฉ์์ ์ปดํจํฐ ๋ฌธ์ ๊ฐ ์๋๋ผ, ๊ธฐ์กด ๋๋ฉ์ธ(my-company.site)์ ๋ง๋ฃ ๋ฐ ์๋ฒ/๋ฐฐํฌ ํ๊ฒฝ ๋ณ๊ฒฝ ๋๋ฌธ์ ๋๋ค.ํด๋น ํ๋ก์ ํธ๋ ๋๋ฉ์ธ ๋ง๋ฃ ์ดํ ์๋ฒ ๊ตฌ์กฐ๋ฅผ ์ ๋ฆฌํ๊ณ , ์๋ก์ด ํ๊ฒฝ์ผ๋ก ๋ค์ ๋ฐฐํฌ๋ ์ํ์ ๋๋ค.๊ทธ๋์ ๊ธฐ์กด ์ฃผ์๋ก๋ ๋ ์ด์ ์ ์์ด ๋์ง ์๋ ์ํฉ์ ๋๋ค.ํ์ฌ ์ ์์ ์ผ๋ก ์ ์ ๊ฐ๋ฅํ ์ต์ ์ฃผ์๋ ์๋์ ๋๋ค:๐https://my-company-cdfa1.web.app/์ด ์ฃผ์๊ฐ ํ์ฌ ๊ธฐ์ค์ผ๋ก ๋ฐฐํฌ๋ ์ต์ ๋ฒ์ ์ด๋ ์ด์ชฝ์ผ๋ก ์ ์ํด์ฃผ์๋ฉด ๋ฉ๋๋ค.ํผ๋์ด ์์์ ํ ๋ฐ ํ์ธํด์ฃผ์ ์ ๊ฐ์ฌ๋๋ฆฌ๊ณ ,ํน์ ์ดํ์๋ ์ ์์ด๋ ๋ฐฐํฌ ๊ด๋ จํด์ ๊ถ๊ธํ ์ ์์ผ๋ฉด ํธํ๊ฒ ์ง๋ฌธ ์ฃผ์ธ์!
- Likes
- 0
- Comments
- 3
- Viewcount
- 61
Q&A
tailwind 1279๋ถํฐ 768๊น์ง ๋ชจ๋ฐ์ผํ๊ณผ ์ปดํจํฐํ์ ์ปดํฌ๋ํธ๊ฐ ๊ฐ์ด ๋ณด์
์๋ ํ์ธ์ ๋ง์ํด์ฃผ์ ๋ฌธ์ ์ ํ์ธํ์ต๋๋ค!ํ์ฌ ์ํฉ์ ๋ณด๋ฉด ํ๋ฉด ๋๋น 768px(md)๋ถํฐ 1279px(xl ๋ฏธ๋ง) ๊ตฌ๊ฐ์์๋ฐ์คํฌํ์ฉ ํ ์ด๋ธ๊ณผ ๋ชจ๋ฐ์ผ์ฉ ์นด๋ ๋ฆฌ์คํธ๊ฐ ๋์์ ํ์๋๋ ๋ฒ๊ทธ์ ๋๋ค.์ด ๋ฌธ์ ๋ Tailwind CSS์ ๋ฐ์ํ breakpoint ์ค์ ์ด ์๋ก ์ด๊ธ๋ ์์ด์ ๋ฐ์ํ ๊ฒ์ผ๋ก ๋ณด์ ๋๋ค.๋ฐ์คํฌํ ํ ์ด๋ธ ์์ญ โ 768px(md)๋ถํฐ ํ์๋๋๋ก ์ค์ ๋์ด ์์ต๋๋ค.๋ชจ๋ฐ์ผ ์นด๋ ๋ฆฌ์คํธ ์์ญ โ ๊ธฐ๋ณธ์ grid๋ก ํ์๋๊ณ , 1280px(xl) ์ด์์์๋ง ์จ๊ฒจ์ง๋๋ก ๋์ด ์์ต๋๋ค.์ฆ, ํ์ฌ ๊ตฌ์กฐ์์๋ 768px ~ 1279px ๊ตฌ๊ฐ์์์นด๋ UI(๋ชจ๋ฐ์ผ/ํ๋ธ๋ฆฟ)์ ํ ์ด๋ธ UI(๋ฐ์คํฌํ)๊ฐ ๋์์ ๋ํ๋๋ ์ํ์ ๋๋ค.๋ฐ์คํฌํ ํ ์ด๋ธ์ xl(1280px) ์ด์์์๋ง ๋ณด์ด๋๋ก ๋ง์ถ๋ ๊ฒ์ด ๊ฐ์ฅ ์์ฐ์ค๋ฝ์ต๋๋ค.์์ ์ : ์์ ํ: ๊ฒฐ๊ณผ ์ ๋ฆฌ์ด๋ ๊ฒ ์์ ํ์๋ฉด ๋ฐ์ํ์ด ๊น๋ํ๊ฒ ์ ๋ฆฌ๋ฉ๋๋ค:0px ~ 767px โ ์นด๋ ๋ฆฌ์คํธ (1์ด)768px ~ 1279px โ ์นด๋ ๋ฆฌ์คํธ (2์ด)1280px ์ด์ โ ํ ์ด๋ธ UI์์ ํด๋ณด์๊ณ ํน์ ํ๋ฉด ๋์์ด ์์๊ณผ ๋ค๋ฅด๊ฒ ๋์ค๊ฑฐ๋๋ค๋ฅธ ๋ถ๋ถ๋ ํท๊ฐ๋ฆฌ์๋ฉด ํธํ๊ฒ ์ง๋ฌธ ๋ถํ๋๋ฆฝ๋๋ค!
- Likes
- 0
- Comments
- 3
- Viewcount
- 50
Q&A
notion ์์
์๋ ํ์ธ์. ๋ต์ฅ์ด ๋ฆ์ด์ ์ฃ์กํฉ๋๋ค. ์ทจ์ ์ค๋น ์ผ์ ๋๋ฌธ์ ํ์ธ์ด ์กฐ๊ธ ๋ฆ์ด์ก์ต๋๋ค.์๋ ค์ฃผ์ Notion ๋งํฌ ๊ด๋ จ ๋ฌธ์ ๋ ๋ง์ ๋๋ถ์ ๋ฐ๋ก ํ์ธํด๋ณด๊ณ ์์ ํ ์ ์์์ต๋๋ค.์ฒ์์๋ ์ ๊ฐ ๊ถํ ์ค์ ์ ์ ๋๋ก ๋ชป ๋ง์ถฐ๋ ์ํ์๋ ๊ฒ ๊ฐ์ต๋๋ค.์ด๋ ๊ฒ ์ง์ ์ฌ์ฉํ์๋ค๊ฐ ๋ถํธํ ๋ถ๋ถ์ ์ฐพ์์ ์๋ ค์ฃผ์ ๊ฒ ์ ๋ง ํฐ ๋์์ด ๋ฉ๋๋ค. ์ ๊ฒฝ ์จ์ ์ ๋ณดํด์ฃผ์ ์ ์ ๋ง ๊ฐ์ฌ๋๋ฆฌ๊ณ , ์์ผ๋ก๋ ์ฌ์ฉํ์๋ฉด์ ๋ถํธํ ์ ์ด๋ ์ด์ํ ๋ถ๋ถ ์์ผ๋ฉด ์ธ์ ๋ ํธํ๊ฒ ์๋ ค์ฃผ์๋ฉด ๊ฐ์ฌ๋๋ฆฌ๊ฒ ์ต๋๋ค.
- Likes
- 1
- Comments
- 1
- Viewcount
- 55
Q&A
openclaw ์คํ ์คํจ
์๋ ํ์ธ์. ์ง๋ฌธ ๋จ๊ฒจ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค!์๊ฐ์๋ถ๊ป์ ๋ง์ํด์ฃผ์ ์ค๋ฅ๋ ์ ๋ ๊ฐ์์ดฌ์ ์ดํ์ ์ฌ๋ฌ๊ฐ์ง ์์๋ดค๋๋ฐ ๋ฆฌ๋ ์คOS ๋ฐ ์ฐ๋ถํฌ์์ ๋ฐ์ํ๋ ์ค๋ฅ๋ก ํ์ธํ์ต๋๋ค. ํด๋น ์ค๋ฅ ๋ฉ์์ง:Gateway service check failed: systemctl --user unavailable: Failed to connect to bus: No medium found์ ๋คํธ์ํฌ ๋ฌธ์ ๋ผ๊ธฐ๋ณด๋ค๋ systemd user ์๋น์ค ํ๊ฒฝ ๋ฌธ์ ์ ๊ฐ๊น์ต๋๋ค.์ต๊ทผ GitHub ์ด์์์๋ ๋์ผํ ๋ฌธ์ ๊ฐ ๋ค์ ๋ณด๊ณ ๋์๋๋ฐ,ํค๋๋ฆฌ์ค ํ๊ฒฝ(EC2, VM, SSH ์ ์ ํ๊ฒฝ ๋ฑ)์์๋ systemctl --user๊ฐ ์ ์ ๋์ํ์ง ์๋ ๊ฒฝ์ฐ๊ฐ ์์ต๋๋ค.์์ธ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค:systemctl --user๋ D-Bus ์ธ์ ์ด ํ์ํจD-Bus ์ธ์ ์ XDG_RUNTIME_DIR ํ๊ฒฝ ๋ณ์๊ฐ ํ์ํจSSH ์ธ์ ์์๋ ์ด ๊ฐ์ด ์๋์ผ๋ก ์ค์ ๋์ง ์๋ ๊ฒฝ์ฐ๊ฐ ๋ง์๋ฐ๋ผ์ user-level systemd๊ฐ ์ฌ์ฉ ๋ถ๊ฐ๋ฅ ์ํ๊ฐ ๋จ์ด ๊ฒฝ์ฐ ์๋์ฒ๋ผ ์ค์ ํด๋ณด์๋ฉด ํด๊ฒฐ๋๋ ์ฌ๋ก๊ฐ ์์ต๋๋ค.sudo loginctl enable-linger $(whoami) export XDG_RUNTIME_DIR=/run/user/$(id -u)๊ทธ ํ ๋ค์:openclaw gateway install --force๋ฅผ ์๋ํด๋ณด์๋ฉด ๋ฉ๋๋ค. ๋ค๋ง, ์ ๊ฐ ์ ์ํ ๊ฐ์๋ ์ ๋ฌธ์๋ฅผ ๋์์ผ๋ก ํ ๊ณผ์ ์ด๊ธฐ ๋๋ฌธ์ ํด๋น ๋ฌธ์ ๋ฅผ ๋ฐ๋์ ํด๊ฒฐํ์ง ์๋๋ผ๋ openclaw gateway run ๋ช ๋ น์ด๋ง์ผ๋ก๋ ์๊ฐ ์งํ์๋ ์ ํ ์ง์ฅ์ด ์์ต๋๋ค. ๋ฐ๋ผ์ ์ ํด๊ฒฐ ๋ฐฉ๋ฒ์ ํ์ ์ฌํญ์ ์๋๋ฉฐ, ํ์ํ์ ์๊ฐ์๋ถ๋ค์ ํํด ์ฐธ๊ณ ํด์ฃผ์๋ฉด ๋ฉ๋๋ค.๋ํ openclaw gateway start, openclaw gateway run ๋ช ๋ น์ด๋ํน์ ์๋ฃ๋ฅผ ๊ทธ๋๋ก ๊ฐ์ ธ์จ ๊ฒ์ด ์๋๋ผ,openclaw help๋ช ๋ น์ด๋ฅผ ํตํด CLI ํ์ ๋ช ๋ น์ด๋ฅผ ํ๋์ฉ ํ์ธํ๊ณ ์ง์ ํ ์คํธํ๋ฉด์ ์ ๋ฆฌํ ๋ด์ฉ์ ๋๋ค.CLI ๊ธฐ๋ฐ ๋๊ตฌ๋ค์ ๊ธฐ๋ณธ์ ์ผ๋ก help ๋ช ๋ น์ด๋ฅผ ํตํด์ฌ์ฉ ๊ฐ๋ฅํ ๋ช ๋ น ๊ตฌ์กฐ๋ฅผ ํ์ธํ ์ ์์ต๋๋ค.๊ณต์ ๋ฌธ์๋ ์ ์ ๋ฆฌ๋์ด ์์ผ๋ ์ฐธ๊ณ ํ์๋ฉด ์ข์ต๋๋ค.๐https://docs.openclaw.ai๊ณต์ ๋ฌธ์๋ฅผ ๋ณํํด์ ๋ณด์๋ฉด Gateway ์คํ ๋ฐฉ์์ด๋ openclaw ๊ธฐ๋ฅ์ ์ดํด์ ๋์์ด ๋ฉ๋๋ค ๐ ์ง๋ฌธ ๋จ๊ฒจ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค! ์ถ๊ฐ๋ก ๊ถ๊ธํ ์ ์ด ์์ผ์๋ฉด ์ธ์ ๋ ์ง ํธํ๊ฒ ๋จ๊ฒจ์ฃผ์ธ์. ๋์์ด ๋ ์ ์๋๋ก ์ต๋ํ ์๋ด๋๋ฆฌ๊ฒ ์ต๋๋ค.
- Likes
- 0
- Comments
- 1
- Viewcount
- 561
Q&A
์ฝ๋(3-7. ๊ณ์ธต์ ๋ฐ์ดํฐ ๋ถ์) ์ค์ ์ง๋ฌธ์ด ์์ต๋๋ค.
์๋ ํ์ธ์. ๋ต๋ณ์ด ๋ฆ์ด์ ์ฃ์กํฉ๋๋ค!์ง๋ฌธํ์ ๋๋กPassengerId๋ ๊ฐ ์น๊ฐ์ ์๋ณํ๊ธฐ ์ํ ๊ณ ์ ํ ์ผ๋ จ๋ฒํธ(์ธ๋ฑ์ค)์ผ ๋ฟ, ๊ทธ ์์น ์์ฒด๊ฐ ์ด๋ค ์์ ์๋ฏธ(๋ฌด๊ฒ, ๊ฐ๊ฒฉ ๋ฑ)๋ฅผ ๊ฐ์ง๋ ์์ต๋๋ค. ์ ๋ ๋ค์ ์ฝ๋๋ฅผ ์ฝ์ด๋ณด๋ px.sunburst ํจ์์์ values="PassengerId"๋ผ๊ณ ์ค์ ํ ๊ฒ์ ์๊ฐ์๋๊ป์ ์ง์ ํ์ ๊ฒ์ฒ๋ผ ๋ ผ๋ฆฌ์ ์ผ๋ก ์๋ฒฝํ ์ค์ ์ ์๋๋๋ค. ์ ๊ฐ ๊ทธ๋ํ๋ฅผ ๊ทธ๋ฆฌ๊ธฐ ์ํด ์ฌ์ฉํ Plotly์ sunburst ์ฐจํธ์์ values ํ๋ผ๋ฏธํฐ๋ ์ง์ ๋ ์ปฌ๋ผ์ ๊ฐ์ ํฉ์ฐํ์ฌ ์ฐจํธ ์กฐ๊ฐ์ ํฌ๊ธฐ๋ฅผ ๊ฒฐ์ ํฉ๋๋ค.๋ง์ฝ values="Fare"๋ผ๊ณ ํ๋ค๋ฉด, ์น๊ฐ๋ค์ด ๋ธ ์ด์์ ํฉ๊ณ์ ๋ฐ๋ผ ์กฐ๊ฐ ํฌ๊ธฐ๊ฐ ๊ฒฐ์ ๋ฉ๋๋ค.๋ง์ฝ values="PassengerId"๋ผ๊ณ ํ๋ฉด, ์น๊ฐ๋ค์ ID ๋ฒํธ(1, 2, 3...)๋ฅผ ๋ชจ๋ ๋ํ๊ฒ ๋ฉ๋๋ค. ์๋ฅผ ๋ค์ด ID 100๋ฒ์ธ ์น๊ฐ ํ ๋ช ์ ์กฐ๊ฐ์ด ID 1๋ฒ์ธ ์น๊ฐ ํ ๋ช ๋ณด๋ค ์ฐจํธ์์ ํจ์ฌ ํฌ๊ฒ ํ์๋๋ ์๊ณก์ด ๋ฐ์ํ ์ ์์ต๋๋ค.์ ๊ฐ ๊ฐ์๋ฅผ ์ ์ํ์ ๋น์์ ๊ฒฝ์ฐ์๋ ๋ฐ์ดํฐ์ ๊ฐ์(Row Count)๋ฅผ ์๊ฐํํ๋ ค๋ ์๋์์ต๋๋ค๋ง ์๊ฐ์๋ถ๊ป์ ์ง์ ํด์ฃผ์ ๋๋ก '๊ฐ์'๋ฅผ ์ ํํ ํํํ๋ ๋ฐฉ๋ฒ์ ์๋๋๋ค.๋ฐ๋ผ์, ์ฝ๋๋ฅผ ์์ ํด๋ณธ๋ค๋ฉดdf['Count'] = 1 fig = px.sunburst(df, path=["Pclass", "Sex", "SurvivalStatus"], values="Count", ...)์ด๋ ๊ฒ ํ๋ฉด ๊ฐ ์น๊ฐ(ํ)์ด ๋์ผํ๊ฒ '1'์ด๋ผ๋ ๊ฐ์ ๊ฐ๊ฒ ๋๋ฏ๋ก, ํฉ์ฐ ๊ฒฐ๊ณผ๊ฐ ๊ณง ํด๋น ๊ทธ๋ฃน์ ์น๊ฐ ์๊ฐ ๋์ด ์กฐ๊ฐ ํฌ๊ธฐ๊ฐ ์ ํํด์ง๋๋ค.์ง์ ํด์ฃผ์ ์ ์ ๋ง๋ก ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ํ์ตํ์๋ค๊ฐ ๋ ์ด์ํ๊ฑฐ๋ ๊ถ๊ธํ ๋ถ๋ถ ๋ณด์ด๋ฉด ์ธ์ ๋ ํธํ๊ฒ ๋ง์ํด์ฃผ์ธ์. ๊ฐ์ฌํฉ๋๋ค!
- Likes
- 0
- Comments
- 2
- Viewcount
- 57
Q&A
9๊ฐ์์ 'Ch-9-1. GitHub ์ ์ฅ์ ๋งํฌ' ์ค๋ฅ
์๋ ํ์ธ์. ํ์ธ์ด ๋ฆ์ด ์ ๋ง ์ฃ์กํฉ๋๋ค.๋ง์ํด์ฃผ์ ๋ถ๋ถ ํ์ธํ์ฌ ํ์ฌ๋ 9๊ฐ Ch-9-1 GitHub ์ ์ฅ์ ๋งํฌ๋ก ์ ์ ์ ์ ๊ฐ๋ฅํ๋๋ก ์์ ํด๋์์ต๋๋ค.๋ถํธ์ ๋๋ ค ์ฃ์กํ๋ฉฐ, ์ค๋ฅ ์ ๋ณดํด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค.์ถ๊ฐ๋ก ๋ฌธ์ ๊ฐ ์๊ฑฐ๋ ๊ถ๊ธํ ์ ์์ผ๋ฉด ์ธ์ ๋ ๋ฌธ์ ์ฃผ์ธ์ ๐
- Likes
- 0
- Comments
- 1
- Viewcount
- 69
Q&A
tailwind ์ค์น ๋ช ๋ น์ด ๊ด๋ จ ์ง๋ฌธ
์๋ ํ์ธ์. ๋๋ฌด ๋ฆ๊ฒ ๋ต๋ณ์ ๋๋ ค์ ์ ๋ง๋ก ์ฃ์กํฉ๋๋ค!๋ํ ์๋ด๋ฌธ๊ณผ ์ค์ ๋์์ด ๋ฌ๋ผ ํผ๋์ ๋๋ ค ์ฃ์กํฉ๋๋ค. ํ์ฌ ์ฌ์ดํธ ๊ฐ์์์๋ Tailwind CSS 3.4.17์ ์ฌ์ฉํ๊ณ ์์ง๋ง, 2025๋ 1์ ๋ง Tailwind CSS 4.0์ด ๋ฆด๋ฆฌ์ฆ๋๋ฉด์ ๊ณต์ ๋ฌธ์๊ฐ 4.0 ๊ธฐ์ค์ผ๋ก ๋ณ๊ฒฝ๋์์ต๋๋ค.Tailwind CSS 3 ๋ฒ์ ๊ธฐ์ค์์๋npx tailwindcss init ๋ช ๋ น์ด๋ก๋ tailwind.config.js๋ง ์์ฑ๋๋ฉฐ,postcss.config.js๊น์ง ํจ๊ป ์์ฑํ๋ ค๋ฉด npx tailwindcss init -p๋ฅผ ์ฌ์ฉํด์ผ ํฉ๋๋ค.๋ํ Vite ํ๊ฒฝ์์๋ postcss์ autoprefixer ํจํค์ง๊ฐ ํ์ํ๋ฏ๋ก,npm install -D tailwindcss@3 postcss autoprefixer์ ๊ฐ์ด ์ค์นํ๋ ๊ฒ์ด ์ ์์ ์ธ ์ค์ ๋ฐฉ์์ ๋๋ค.์ง๋ฌธ์๋ถ๊ป์ ๊ฒช์ผ์ ์๋ฌ์ ํด๊ฒฐ ๋ฐฉ๋ฒ์ Tailwind CSS 3 ํ๊ฒฝ์์๋ ์ฌ๋ฐ๋ฅธ ์ ๊ทผ์ด์๊ณ ,๋ ธ์ ์ ๋ช ๋ น์ด๋ ์ต์ ๊ณต์ ๋ฌธ์(4.0 ๊ธฐ์ค)๋ฅผ ๋ฐ์ํ๋ ๊ณผ์ ์์ ์๊ธด ์ฐจ์ด๋ก ์ดํดํด ์ฃผ์๋ฉด ๋ฉ๋๋ค.ํผ๋์ ๋๋ฆฐ ์ ๋ค์ ํ ๋ฒ ์ํด ๋ถํ๋๋ฆฌ๋ฉฐ, ์๋ด ๋ฌธ๊ตฌ๋ ๋ณด์ํ๋๋ก ํ๊ฒ ์ต๋๋ค.
- Likes
- 0
- Comments
- 2
- Viewcount
- 65
Q&A
tailwind ํ๋ฉด ํฌ๊ธฐ์ ๋ฐ๋ฅธ ui ๋ณํ ๊ธฐ์ค
์๋ ํ์ธ์, kindjin12๋.์ง๋ฌธ ์ฃผ์ Tailwind CSS์ ๋ฐ์ํ ๊ธฐ์ค(sm, md, lg, 2xl ๋ฑ)์ ๋ํด ๋ต๋ณ๋๋ฆฝ๋๋ค.ํ์ฌ ๊ฐ์์์ ์ฌ์ฉ๋๊ณ ์๋ ๋ธ๋ ์ดํฌํฌ์ธํธ ๊ฐ์ธsm: 640px ์ด์md: 768px ์ด์lg: 1024px ์ด์2xl: 1536px ์ด์์ ์ ๊ฐ ๋ณ๋๋ก ์ค์ ํ ๊ฒ์ด ์๋๋ผ Tailwind CSS์ ๊ธฐ๋ณธ(Default) ์ค์ ๊ทธ๋๋ก ์ฌ์ฉํ๊ณ ์๋ ๊ฐ์ ๋๋ค. ๋ฐ๋ผ์ ๋ณ๋์ tailwind.config.js์์ ์ปค์คํฐ๋ง์ด์ง์ ํ์ง ์๋ ์ด์, ํด๋น ๊ฐ๋ค์ ๊ธฐ๋ณธ ๊ท์น์ผ๋ก ์๋ ์ ์ฉ๋ฉ๋๋ค.ํน์ ๊ฐ์ ์งํ ์ค ํน์ ํ๋ฉด ํฌ๊ธฐ์์์ ์คํ์ผ ์กฐ์ ์ด๋ ๋ฐ์ํ ์ปค์คํฐ๋ง์ด์ง์ ์ํ์๋ ๊ฒฝ์ฐ,Tailwind์ theme.screens ์ต์ ์ ํตํด ์์ ๋กญ๊ฒ ์กฐ์ ํ์ค ์ ์์ผ๋ ํ์ํ์๋ฉด ์์ ์ฝ๋๋ ๊ฐ์ด๋๋ ์ถ๊ฐ๋ก ๋์๋๋ฆฌ๊ฒ ์ต๋๋ค.๊ถ๊ธํ ์ ์ ์์ธํ ํ์ธํด์ฃผ์ ์ ๊ฐ์ฌ๋๋ฆฌ๊ณ , ์์ผ๋ก๋ ํธํ๊ฒ ์ง๋ฌธ ๋จ๊ฒจ์ฃผ์ธ์!
- Likes
- 0
- Comments
- 1
- Viewcount
- 73
Q&A
์ถ๊ฐ ๊ฐ์ ์ ๋ก๋ ๊ณํ์ ์ด๋ป๊ฒ ๋์๋์?
์๋ ํ์ธ์, JONG๋๋จผ์ ๋ต๋ณ์ด ๋ฆ์ด์ง ์ ์ฌ๊ณผ๋๋ฆฝ๋๋ค. ๊ฐ์๋ฅผ ์ฑ์คํ๊ฒ ์๊ฐํด์ฃผ์ ์ ์ ๋ง๋ก ๊ฐ์ฌ๋๋ฆฝ๋๋ค.๋ ธ์ ๊ฐ์์๋ฃ์ โ๊ธฐ๋ฅ ์ถ๊ฐ ์์ โ์ด๋ผ๊ณ ์ ์ด๋ ํญ๋ชฉ๋ค ์ค,์ฑ๋ํก ์ฐ๋ ๊ธฐ๋ฅ์ด๋ฉ์ผ ์ธ์ฆ ๊ธฐ๋ฅ์ ํ์ฌ ์ด๋ฏธ ๊ตฌํ ์๋ฃ๋ ์ํ์ ๋๋ค.๋ํ ๋จ์ ์๋ ๊ธฐ๋ฅ๋ค์ ๋ํด์๋ ๋ด๋ถ์ ์ผ๋ก ๋ค์ ์ ๋ฆฌํ๊ณ ์ผ์ ๋ ์กฐ์ ํ๊ณ ์์ต๋๋ค.๋ฌด์๋ณด๋ค ์๊ฐํด์ฃผ์ ๋ถ๋ค๊ป ๋์์ด ๋๋ ๋ฐฉํฅ์ผ๋ก ์ ๋ฐ์ดํธํ๊ณ ์ถ๊ธฐ ๋๋ฌธ์,JONG๋๊ป์ ์ถ๊ฐ๋์์ผ๋ฉด ํ๋ ๊ธฐ๋ฅ์ด ์์ผ์๋ค๋ฉด ๋ง์ํด์ฃผ์๋ฉด ์ฐ์ ์ ์ผ๋ก ๊ฒํ ํด ๋ฐ์ํ๊ฒ ์ต๋๋ค.์ถ๊ฐ ์ ๋ฐ์ดํธ๋ 12์ ๋ง ์ ๋ก๋๋ฅผ ๋ชฉํ๋ก ์ค๋นํ๊ณ ์์ต๋๋ค.๋ค์ ํ ๋ฒ ๋ถํธ์ ๋๋ ค ์ฃ์กํ๋ฉฐ, ๊พธ์คํ ๊ฐ์๋ฅผ ๋ค์ด์ฃผ์ ์ ์ ๋ง ๊ฐ์ฌํฉ๋๋ค.์์ผ๋ก๋ ๋ ์ข์ ๊ฐ์๊ฐ ๋ ์ ์๋๋ก ๋ ธ๋ ฅํ๊ฒ ์ต๋๋ค.
- Likes
- 0
- Comments
- 2
- Viewcount
- 90





