Light Purple Pointer
Storybook chromatic ์‚ฌ์šฉํ•˜์—ฌ ๋ฐฐํฌํ•˜๊ธฐ
ยท
FRONTEND/๊ธฐํƒ€
ํ˜„์žฌ Storybook์„ ์‚ฌ์šฉํ•˜์—ฌ ์ปดํฌ๋„ŒํŠธ ๋ฌธ์„œํ™”๋ฅผ ํ•˜๊ณ  ์žˆ๋Š”๋ฐ, ๋‹ค๋ฅธ ํŒ€์›๋“ค์—๊ฒŒ ๊ณต์œ ๊ฐ€ ๋˜์–ด์•ผ ํ•˜๋Š” ์ƒํ™ฉ์ด๋ฏ€๋กœ ๊ฐ„๋‹จํ•˜๊ฒŒ ๋ฐฐํฌํ•  ์ˆ˜๋Š” ์—†์„๊นŒ ํ•˜๋‹ค๊ฐ€ chromatic์ด๋‚˜ netlify๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋” ๊ฐ„๋‹จํ•˜๊ฒŒ ๋ฐฐํฌ๊ฐ€๋Šฅํ•˜๋‹ค๊ณ  ํ•˜์—ฌ ์ž‘์—…ํ•˜์˜€๋‹ค. ์Šคํ† ๋ฆฌ๋ถ ๊ณต์‹๋ฌธ์„œ์—๋„ chromatic์„ ์‚ฌ์šฉํ•œ ๋ฐฐํฌ ๋ฐฉ๋ฒ•์„ ์•ˆ๋‚ดํ•˜๊ณ  ์žˆ๋‹ค. https://storybook.js.org/tutorials/intro-to-storybook/react/ko/deploy/ Storybook TutorialsLearn how to build and test UI components with Storybook. Our in-depth frontend guides are created by Storybook maintainers and p..
Cursor MCP ์„ธํŒ… ๊ด€๋ จ ๋ธ”๋กœ๊ทธ ๊ธ€ ๋ชจ์Œ
ยท
์นดํ…Œ๊ณ ๋ฆฌ ์—†์Œ
https://brunch.co.kr/@zitopd/8 ๋น„๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ Cursor-figma-MCP ์‚ฌ์šฉ๋ฒ•๊ธฐ๋‹ค๋ฆฌ๋˜ Figma MCP๊ฐ€ ๋“ฑ์žฅํ–ˆ๋Š”๋ฐ....์ด๊ฑฐ ์–ด๋–ป๊ฒŒ ํ•ด์š” | Cursor-talk-to-Figma-MCP๊ฐ€ ๋“ฑ์žฅํ–ˆ์Šต๋‹ˆ๋‹ค. ๋งŽ์€ ํ”„๋กœ๋•ํŠธ ๋””์ž์ด๋„ˆ๋“ค์ด ํ”Œ๋Ÿฌ๊ทธ์ธ ์„ค์น˜ ๊ณผ์ •์—์„œ ์–ด๋ ค์›€์„ ๊ฒช๊ณ  ์žˆ๋‹ค๋Š” ํ”ผ๋“œ๋ฐฑ์„ ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค. ํŠนbrunch.co.kr https://tiaz.dev/ai/3 MCP ์„œ๋ฒ„ ๊ตฌ์ถ•์ง์ ‘ ๋‚˜๋งŒ์˜ MCP ์„œ๋ฒ„๋ฅผ ๊ตฌ์ถ•ํ•˜๊ณ , Docker์™€ SDK๋ฅผ ์ด์šฉํ•ด Claude๋‚˜ Cursor์—์„œ ์‹คํ–‰ ๊ฐ€๋Šฅํ•œ AI ๋„๊ตฌ๋กœ ํ™œ์šฉํ•˜๋Š” ๊ณผ์ •์„ ์ •๋ฆฌํ•ฉ๋‹ˆ๋‹คโ€‹.tiaz.dev https://tiaz.dev/ai/2 https://smithery.ai/ Smithery - Model Context Pr..
ํ”Œ๋Ÿฌํ„ฐ ํ”„๋กœ์ ํŠธ ์‹œ์ž‘
ยท
FRONTEND/Flutter
์• ๋ฎฌ๋ ˆ์ดํ„ฐ์—์„œ ์•ฑ ์‹คํ–‰ํ•˜๊ธฐ
ํ”Œ๋Ÿฌํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ  ๋ฐ ๊ฐœ๋ฐœํ™˜๊ฒฝ ์ค€๋น„(์œˆ๋„์šฐ)
ยท
FRONTEND/Flutter
1. ํ”Œ๋Ÿฌํ„ฐ์— ์ฃผ๋ชฉํ•˜๋Š” ์ด์œ  1. ๋†’์€ ๊ฐœ๋ฐœ ํšจ์œจํ”Œ๋Ÿฌํ„ฐ๋ฅผ ์ด์šฉํ•ด ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋ฉด ์•ˆ๋“œ๋กœ์ด๋“œ์™€ iOS ๋ชจ๋ฐ”์ผ ์•ฑ ๋ชจ๋‘ ํ•œ ๋ฒˆ์— ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ์–ด์„œ ํšจ์œจ์ ์ž„. ์ด๋ ‡๊ฒŒ ๊ฐœ๋ฐœํ•œ ์•ฑ์€ ์–ด๋–ค ์šด์˜์ฒด์ œ์—์„œ๋„ ๋˜‘๊ฐ™์€ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค์™€ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ์ œ๊ณตํ•œ๋‹ค. ๋˜ํ•œ, ํ”Œ๋Ÿฌํ„ฐ์˜ ํ•ซ ๋ฆฌ๋กœ๋“œ ๊ธฐ๋Šฅ๋•๋ถ„์— ๊ฐœ๋ฐœ์ž๊ฐ€ UI๋ฅผ ์‹ค์‹œ๊ฐ„์œผ๋กœ ํ™•์ธํ•˜๊ณ  ์ˆ˜์ •ํ•˜๋ฉฐ ์•ฑ์˜ ์ƒํƒœ๋ฅผ ์œ ์ง€ํ•˜๋ฉด์„œ ์ฝ”๋“œ๋ฅผ ๋ณ€๊ฒฝํ•˜๋Š” ๋“ฑ ์ƒ์‚ฐ์„ฑ์„ ํš๊ธฐ์ ์œผ๋กœ ๋†’์ผ ์ˆ˜ ์žˆ์Œ. 2. ์—ญ๋™์ ์ด๊ณ  ์œ ์—ฐํ•œ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šคํ”Œ๋Ÿฌํ„ฐ๋Š” ๋‹ค์–‘ํ•œ ์œ„์ ฏ์„ ์ œ๊ณตํ•˜๋ฏ€๋กœ ์‚ฌ์šฉ์ž ๋งž์ถคํ˜• ์•ฑ์„ ์‰ฝ๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Œ. ์œ„์ ฏ์ด๋ž€ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์„ ์–ธํ•˜๊ณ  ๊ตฌ์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์ž„. ์œ„์ ฏ์€ ํ˜„์žฌ ๊ตฌ์„ฑ๊ณผ ์ƒํƒœ์— ๋”ฐ๋ผ ๋ทฐ์—์„œ ์–ด๋–ป๊ฒŒ ๋ณด์ผ์ง€๋ฅผ ์„ค๋ช…ํ•œ๋‹ค. ์ƒํƒœ๊ฐ€ ๋ฐ”๋€Œ๋ฉด ์œ„์ ฏ์€ ์„ค๋ช…์„ ๋‹ค์‹œ ์ž‘์„ฑํ•˜๊ณ  ํ”„๋ ˆ์ž„์›Œํฌ๋Š” ์ด์ „ ์„ค๋ช…๊ณผ ..
AWS EC2์˜ .pem ํŒŒ์ผ๋กœ ์„œ๋ฒ„ ์ธ์Šคํ„ด์Šค์— ์ ‘์†ํ•˜๊ธฐ
ยท
์นดํ…Œ๊ณ ๋ฆฌ ์—†์Œ
https://blog.naver.com/alice_k106/220882708567 [๊ฐ•์ขŒ] AWS EC2์˜ .pem ํŒŒ์ผ๋กœ ์„œ๋ฒ„ ์ธ์Šคํ„ด์Šค์— ์ ‘์†ํ•˜๊ธฐAWS์˜ EC2์„œ๋น„์Šค์—์„œ ์„œ๋ฒ„ ์ธ์Šคํ„ด์Šค๋ฅผ ์ƒ์„ฑํ•œ ๋’ค .pem์˜ ํ™•์žฅ์ž๋กœ ๋œ ํ‚ค ํŒŒ์ผ์„ ๋‹ค์šด๋กœ๋“œ ๋ฐ›์œผ๋ฉด ์ด๋ฅผ...blog.naver.com
๊นƒํ—ˆ๋ธŒ Mergeํ•  ๋•Œ Resolve Conflicts ๋ฒ„ํŠผ์ด ๋น„ํ™œ์„ฑํ™”๋ผ์„œ ๋ฐ”๋กœ ์ˆ˜์ •๋ชปํ• ๊ฒฝ์šฐ
ยท
GIT
๋Œ€๋ถ€๋ถ„์˜ ๊ฒฝ์šฐ์—๋Š” Resolve Conflicts ๊ฐ€ ๋‚˜๋„ ๊นƒํ—ˆ๋ธŒ์—์„œ ๋ฐ”๋กœ ํŒŒ์ผ ์ˆ˜์ •์ด ๊ฐ€๋Šฅํ•œ๋ฐ, ๋ฒ„ํŠผ์ด ๋น„ํ™œ์„ฑํ™” ๋  ๋•Œ๊ฐ€ ์žˆ์Œ. ์ด ๊ฒฝ์šฐ์—๋Š” ์ถฉ๋Œ ๋ฒ”์œ„๊ฐ€ ๋„ˆ๋ฌด ์ปค์„œ ์‹œ์Šคํ…œ์ด ์ถฉ๋Œ ๋ฒ”์œ„๋ฅผ ํ—ค์•„๋ฆฌ๊ธฐ ํž˜๋“ค ๋•Œ ๋ฐœ์ƒํ•˜๋Š” ํ˜„์ƒ์ž„ ์ด ๊ฒฝ์šฐ์— CLI ๋กœ๋„ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์ง€๋งŒ, ๊นƒํ—ˆ๋ธŒ ๋ฐ์Šคํฌํƒ‘์œผ๋กœ๋„ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์Œ ์ด๋ฏธ ํ•ด๊ฒฐํ•ด๋ฒ„๋ ค์„œ,, ํ•ด๋‹น ์บก์ณ๋ฅผ ์˜ฌ๋ฆฌ๊ธฐ ์–ด๋ ต์ง€๋งŒ ๊ฒฝ๋กœ๋ผ๋„ ๊ธฐ๋กํ•ด๋†“์Œ mergeํ•˜๋ ค๋Š” ๋ธŒ๋žœ์น˜๋กœ ๋ณ€๊ฒฝํ•ด์„œ merge into current branch๋ฅผ ํด๋ฆญํ•œ๋‹ค. ์ถฉ๋Œ์ด ๋‚  ๊ฒฝ์šฐ ์•„๋ž˜์˜ ๋ฒ„ํŠผ์ด ํ™œ์„ฑํ™”๋จ ์ด ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜๊ณ ๋‚˜๋ฉด ์ถฉ๋Œ๋‚˜๋Š” ํŒŒ์ผ๋“ค๊ณผ, vscode๋กœ ํŽธ์ง‘ํ• ์ˆ˜์žˆ๊ฒŒ ๋จ ์ถฉ๋Œํ•ด๊ฒฐ๋˜๋ฉด ๋‹ค์‹œ mergeํ•˜๋ฉด๋œ๋‹ค.
yarn ๋ฒ„์ „ ๋ณ€๊ฒฝ
ยท
STUDY
https://yarnpkg.com/cli/set/version
์›น์‚ฌ์ดํŠธ ์ตœ์ ํ™” ๊ด€๋ จ ๋ธ”๋กœ๊ทธ ํฌ์ŠคํŒ…
ยท
STUDY
https://mong-blog.tistory.com/entry/%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8%EB%A5%BC-%EC%B5%9C%EC%A0%81%ED%99%94%EC%8B%9C%ED%82%A4%EB%8A%94-3%EA%B0%80%EC%A7%80-%EA%B8%B0%EB%B2%95-%EC%BD%94%EB%93%9C-%EC%95%95%EC%B6%95-%EA%B2%BD%EB%9F%89%ED%99%94-%EB%82%9C%EB%8F%85%ED%99%94
AWS EC2์—์„œ Docker๋ฅผ ํ™œ์šฉํ•ด์„œ ๋ฐฐํฌํ•ด๋ณด๊ธฐ
ยท
AWS
์ธ์Šคํ„ด์Šค ์—ฐ๊ฒฐ ํ›„ docker , docker compose ์„ค์น˜ $ sudo apt-get update && \ sudo apt-get install -y apt-transport-https ca-certificates curl software-properties-common && \ curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add - && \ sudo apt-key fingerprint 0EBFCD88 && \ sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable" && \ s..
Express ์„œ๋ฒ„๋ฅผ EC2์— ๋ฐฐํฌํ•˜๊ธฐ
ยท
AWS
์ด์ œ ์ธ์Šคํ„ด์Šค๋ฅผ ๋งŒ๋“ค์—ˆ์œผ๋‹ˆ , ์„œ๋ฒ„๋ฅผ ๋ฐฐํฌํ•ด๋ณด๋Š” ์ž‘์—…์„ ํ•ด๋ณธ๋‹ค.   ์ธ์Šคํ„ด์Šค๋ฅผ ์—ฐ๊ฒฐํ•ด์„œ ์›๊ฒฉ ์ ‘์†์„ ํ•œ๋‹ค.  express์„œ๋ฒ„๋ฅผ ์‹คํ–‰์‹œํ‚ฌ๋ ค๋ฉด node.js๊ฐ€ ์„ค์น˜๋˜์–ด์žˆ์–ด์•ผํ•œ๋‹ค.  sudo su ๋กœ ๊ถŒํ•œ ๋ณ€๊ฒฝ ํ›„ ์•„๋ž˜์˜ ๋ช…๋ น์–ด๋กœ node.js๋ฅผ ์„ค์น˜ํ•œ๋‹ค.$ sudo su$ apt-get update && /apt-get install -y ca-certificates curl gnupg && /mkdir -p /etc/apt/keyrings && /curl -fsSL https://deb.nodesource.com/gpgkey/nodesource-repo.gpg.key | sudo gpg --dearmor -o /etc/apt/keyrings/nodesource.gpg && /NODE_MAJOR=20 &&..
ใ„ด