๐ 26. ํ๋ก๋ํธ ๋์์ด๋ ๋๋์ฐ์ ์ฃผ๊ฐ ๊ธฐ๋ก
์ด๋๊ณผ ๋ ๊ธฐ ์๊ด๊ด๊ณ, Cursor 200% ํ์ฉํ๊ธฐ
2025-11-03~11-09 ๊ธฐ๋ก
์ด๋ฒ ์ฃผ ์๊ฐ
์ด๋๊ณผ ๋
๊ธฐ ์๊ด๊ด๊ณ
์์ฆ ์ ๋ ์ฃผ๋ง์ ์ฌํ PT๋ฅผ ๋ฐ๊ณ , 5km ๋ฌ๋ฆฌ๊ธฐ๋ฅผ ํ๊ณ ์์ต๋๋ค. ๐โโ๏ธ๐โโ๏ธ๐โโ๏ธ
์ฌํ PT๋ ์์ฒด ๊ทผ๋ ฅ ์ด๋์ ํ๊ธฐ ์ํด์ ์์ํ์ด์. ํ์ฌ ์ ์์ฒด๋ ๊ทผ๋ ฅ ์ด๋์ ํ ์ ์๋ ์ํ๊ฐ ์๋๋๋ค. ์ ๋ฐฉํ์ฃผ์ ๋ผ์ด๋ ์๋, ์ฒ์ถ ํ๋ง๊น์ง ์์ด์ ์ง๊ธ ์ํ๋ก ๊ทผ๋ ฅ ์ด๋์ ํ๋ฉด ์ด๊นจ์ถฉ๋ ์ฆํ๊ตฐ์ด ๊ผญ ์ค๋๋ผ๊ณ ์.
์ ๋ถํฐ ์ด๋ฐ ์ ์ ์ํ๋ฅผ ์๊ณ ์๊ธด ํ๋๋ฐ ๋ญ๋ถํฐ ํด์ผ ํ ์ง ์ ๋ชจ๋ฅด๊ฒ ๋๋ผ๊ณ ์. ๊ทธ๋์ ์ง ๊ทผ์ฒ์ ๋ฌผ๋ฆฌ์น๋ฃ์ฌ ์ถ์ ์ ํธ๋ ์ด๋๋ถ๋ค์ด ๊ณ์ PT์ต์ ๋ค๋๊ธฐ ์์ํ์ต๋๋ค. ๊ฐ๊ฒฉ๋๊ฐ ์ข ์์ง๋ง ๊ทธ๋๋ ๋ฏธ๋์ ์ ์๊ฒ ํฌ์ํ๋ค๋ ๋ง์์ผ๋ก ๋ค๋๊ณ ์์ต๋๋ค.
์ด๋ฐ ์ํ๋ฉด ๋ฌ๋ฆฌ๊ธฐ๋ ๋ชปํ๊ฒ ํ๊ธฐ๋ ํ๋ค๋๋ฐ, ์ ๋ ๊ด์ฐฎ๋ค๋ ํ๋ฝ์ ๋ฐ์์ ์ ์ฐ์๋ก ๋ฌ๋ฆฌ๊ธฐ๋ฅผ ํ๊ณ ์์ด์. 10์ ์ค์, ํํฌ๋ฐ ๋ง๋ผํค์์ 5km๋ฅผ ์์ฃผํ ํ, ์ด์ ํ ๋ฒ ๋ฌ๋ฆฌ๊ธฐ๋ฅผ ํ๋ฉด 5km๋ ๋๋๋ค. ๋์ ์ธ๋ ๊ตฌ๊ฐ์์ ์ ๋ง ์ ๊น ์ฌ๊ณ ์ถ๋ค๋ ์๊ฐ์ด ๋ค์ง๋ง, ๊ทธ๋ฅ ๊ณ์ํด! ํ๋ ๋ง์์ผ๋ก ์ฌ์ง ์๊ณ ๋ฐ๊ณ ์์ด์.
5km ๋ง๋ผํค์ ๋๊ฐ๊ธฐ ์ ์๋ ๋ 7๋ถ~7๋ถ 30์ด ํ์ด์ค์๋๋ฐ, ๋ง๋ผํค์์ 5๋ถ 56์ด ํ์ด์ค๋ฅผ ๊ธฐ๋กํ ํ์๋ ์ด์ 30์ด~1๋ถ์ ์๋น๊ธด ํ๊ท 6๋ถ 30์ด ํ์ด์ค๋ฅผ ๊ธฐ๋กํ๊ณ ์์ด์.
ํ๋ ์ด๋ป๊ฒ ํด์ผ ๋ ๊ธฐ๋ฅผ ํค์ธ ์ ์์๊น ๊ณ ๋ฏผํ ์ ์ด ์์๋๋ฐ์, ์ด๋ ๊ฒ ๋ด๊ฐ ๋์ง ๋ชปํ ๊ฑฐ๋ผ ์๊ฐํ ํ๊ณ๋ฅผ ๊ณ์ ๊นจ ๋๊ฐ์๋ก ๋ ๊ธฐ๋ ฅ์ด ์ค๋ฅด๋ ๊ฒ ๊ฐ์ต๋๋ค.
ํ์ ์ ๋ฌดํ ๋๋ ์ด๋ฐ ํ๊ณ๊ฐ ์ ๋๋ก ๋๊ปด์ง์ง ์์ต๋๋ค. ์ธก์ ํ๊ธฐ ์ด๋ ต๊ธฐ ๋๋ฌธ์ ๋๋ค. ๊ทธ๋์ ๊นจ๊ธฐ๋ ์ด๋ ต๊ณ ์. ํ์ง๋ง ์ด๋์ ๊ธฐ๋ก์ด ์๊ณ , ์ด ๊ธฐ๋ก์ ๊ธฐ๋ฐ์ผ๋ก ๋ด๊ฐ ์ง๊ธ ํ๊ณ์ ๋ค๋ค๋๋์ง๋ฅผ ์๊ธฐ ์ฌ์์. ๊ทธ๋์ ํ๊ณ๋ฅผ ๊นจ ๋๊ฐ๋ ๊ฒฝํ์ ์์ ์ ์๋ ๊ฒ ๊ฐ์์. ํฌ๊ธฐํ์ง๋ง ์๋๋ค๋ฉด์.
๊ฐ์๊ธฐ ๋์ดํค ๊ด๊ณ ์ค๋ฌ์ด ๋งฅ๋ฝ์ผ๋ก ํ๋ฌ๊ฐ๋๋ฐ, ์์ง๋ โ์ด๋์ ํ๋ฉด ๊ธฐ๋ก์ ๊ธฐ๋ฐ์ผ๋ก ํ๊ณ๋ฅผ ๊นจ๋ ๊ฒฝํ์ ํ ์ ์๊ณ , ์ด ๊ฒฝํ์ด ๋ ๊ธฐ๋ฅผ ๋์ฌ์ฃผ์ด ์ ๋ฌด๋ฅผ ํ ๋๋, ํ์์๋ ๋๊ธฐ ์๊ฒ ๋ ์ํ๊ฒ ๋๋ ๊ฒ ๊ฐ๋คโ ์ ๋๋ค. ๐
์ด๋ฒ ์ฃผ ๋ฐฐ์ด ์
Cursor 200% ํ์ฉํ๊ธฐ
์ด์งํ ํ์ฌ์์ Github ๊ณ์ ์ ๋ฐ๊ณ , Cursor๋ ์ ์ฒญํด์ ์ฌ์ฉํ๊ณ ์์ด์. ์ฒ์์ ์ ์ฒด์ ์ผ๋ก ์ด๋ป๊ฒ ๋์ด ์๋์ง ๊ตฌ์กฐ๋ฅผ ํ์ ํ๊ณ , ๋์์ธ QA๋ฅผ ์ ํ๊ธฐ ์ํด์์๋๋ฐ์, ๋จ์ ๊ฒ์์ ๋์ด ์ง๊ธ์ Cursor๋ฅผ ํ์ฉํด์ ์ ๊ทน์ ์ผ๋ก ์ ๊ฐ ๋์์ธ์ ํด๋๊ฐ๋ฉฐ ๊ถ๊ธํ ์ ๋ค์ ๋ฌผ์ด๋ณด๊ณ ์์ด์.
์๋ฅผ ๋ค๋ฉด, ์ ๋ณด๋ฅผ ๋ฐ์์ผ ํ๋ ํ๋ฉด์ ๋ง๋ค์ด์ผ ํ ๋ input field๋ค์ ๋ฐฐ์นํด์ ์์์ ๋ง๋ค๊ณ , ์ด๋ค validation์ ํด์ค์ผ ํ ์ง ์ ๋ฆฌํด์ ๊ฐ๋ฐ์ ๋ถ๊ป ์ ๋ฌ ๋๋ ค์ผ ํฉ๋๋ค.
์ด๋ Cursor์๊ฒ ๋ฌผ์ด๋ด ๋๋ค. โA๋ผ๋ ์ ๋ณด๋ฅผ ๋ฐ๋ ๊ฒฝ์ฐ๊ฐ ์์ด?โ ๊ทธ๋ฌ๋ฉด ๋ ํฌ ๋ด์์ ๋น์ทํ ์ผ์ด์ค๊ฐ ์์ ๊ฒฝ์ฐ ์ด๋ฅผ ์ ๋ฆฌํด์ค๋๋ค. ๊ทธ๋ฌ๋ฉด ๊ทธ ํ์ผ์ ๊ธฐ๋ฐ์ผ๋ก ์ด๋ค ํ๋ฉด์ธ์ง ์ถ์ธก์ ํ๊ณ Figma์์ ๋น์ทํ ํ๋ฉด์ ์ฐพ์์ ์ปดํฌ๋ํธ๋ฅผ ๋ณต์ฌํด ์ฌ์ฉํฉ๋๋ค.
validation ๊ฐ์ ๊ฒฝ์ฐ, โA ์ ๋ณด๋ฅผ ๋ฐ์ ๋ ์ด๋ค validation์ ํด์ฃผ๊ณ ์์ด? ์คํ์ผ๋ก ์ ๋ฆฌํด์ค.โ๋ผ๊ณ ํ๋ฉด ์คํ์ ์ ๋ฆฌํด์ค๋๋ค. โMECEํ๊ฒ ๋ดค์ ๋ ๋ ์ถ๊ฐํ๋ฉด ์ข์ validation์ด ์์๊นโ๋ ํจ๊ป ๋ฌผ์ด๋ณด๋ฉด ์ด๋ฐ ๊ฒ๊น์ง validation์ ํด์ฃผ๋ฉด ์ข์ ๊ฒ ๊ฐ๋ค๊ณ ์ ๋ฆฌํด์ค๋๋ค.
์ด ์ธ์ โ๋ฒํผ์ด๋ ์์์ disabled ์ํ opaicity๋ ์ฃผ๋ก ๋ญ ์ฐ๊ณ ์์ด?โ, โemptyState ์ปดํฌ๋ํธ๋ ์ฐ์ผ ๋ ๋ณดํต ์๋จ ์ฌ๋ฐฑ์ด ์ด๋ป๊ฒ ๋ผ?โ, โdropdown menu๋ ๊ณตํตํ๋ ์ปดํฌ๋ํธ๊ฐ ์์ด?โ ๋ฑ ์๋์์ผ๋ฉด Figma๋ฅผ ์ฐพ์๋ด์ผ ํ ์ ๋ณด๋ค์ ๋ฌผ์ด๋ด ๋๋ค.
์ด๋ฐ์ ์ ์ํ ๋ ๋น ๋ฅด๊ฒ ์ ํ ๋์์ธ์ ํด์ผ ํ ๋ ์ ๋ง ์ ์ฉํ ๊ฒ ๊ฐ์ต๋๋ค. ์ดํ์๋ ์ด๋ค์์ผ๋ก ํ์ฉํด ๋๊ฐ์ง๋ ๊ณต์ ํด๋ณผ๊ฒ์.
์ด๋ฒ ์ฃผ ํ๋ณต
ํฌ๋ฆฌ์ค๋ง์ค ์จ์ดํ
์์ฆ ์์ ๐
ํฌ๋ฆฌ์ค๋ง์ค๋ฅผ ๊ธฐ๋ค๋ฆฌ๋ ์์ฆ์ด ์์๋์์ต๋๋ค! ํน์ ์ข ๊ต๋ฅผ ๋ฏฟ๋ ๊ฒ๋ ์๋๊ณ , ๋น์ผ์ ๋ญ๊ฐ๋ฅผ ํ์ง๋ ์์ง๋ง, ๊ทธ๋ฅ ํฌ๋ฆฌ์ค๋ง์ค ๋ถ์๊ธฐ ์์ฒด๋ฅผ ์ข์ํด์.
๊ทธ๋์ ์ด ์๊ธฐ๋ฅผ ์ฆ๊ธฐ๊ธฐ ์ํด ์๊ฒ ํธ๋ฆฌ์ ํธ๋ฆฌ ์ธํ๋ ์ง์ ๋ฐฐ์นํด๋๊ณ , ์บ๋กค์ ๋ค์ผ๋ฉฐ, ์ด๋๋ฒคํธ ์บ๋ฆฐ๋๋ฅผ ์ฌ๊ณ , ์ธ์ ๊ฐ ๋จน์(?) ์ผ์ดํฌ์ ์์ธ์ ๋ ์ฌ๋ฆฌ๋ฉฐ ๋ณด๋ด๋ ๊ฑธ ์ข์ํด์.
์ด๋ฒ์ฃผ ์์์ผ, ์์ํด์ง ๋ ์จ์ ์บ๋กค ๋ฃ๊ธฐ ๋ฑ์ด๋ผ๋ ์๊ฐ์ ํ๋ณตํด ํ๋ฉฐ ์ถ๊ทผํ์ด์. ๋ค์ ๋ฐ๋ปํด์ง๊ณ ์์ง๋ง, ๋ค์์ฃผ๋ ์๋ฅ ํํ๋ก ๋ ์บ๋กค์ ๋ฃ๊ธฐ ํ๋ณตํ ๋ ์จ๊ฐ ๋ ๊ฒ ๊ฐ์์. ๐
์ฒซ ์ฌ์ฆ๋ฐ ๋ฐฉ๋ฌธ ๐ท
ํธ๋ ๋ฐ๋ฆฌ ๋ ์๋ชจ์ ๋ฉค๋ฒ๋ค๊ณผ ์ญ์ผ์ ์์นํ ๋ธ๋ฃจ๋ฐ ์ฌ์ฆ๋ฐ๋ฅผ ๋ค๋ ์์ต๋๋ค. ์ฌ์ฆ ๊ณต์ฐ์ ๋ณด๋ฉฐ, ์ฌ์คํ ๊ธฐ๋ ์ผ๋ก ๋ฐ์ ์ฐ์ปด ๋๋งํฌ๋ ๋ง์๊ณ , ๋งฅ์ฃผ์ ํผ์์ ๋์ด๋ ๋จน๊ณ ํ๋ณตํ์ต๋๋ค(์ ๋ฒ์ฃผ ๊ธ์ฃผ ์ ์ธ์ด ๋ฌด์ํ๊ฒ ๋ฒ์จ ์ด๊ฒจ๋ฒ๋ ธ์ต๋๋ค๐ฅน). 12์์ ๊ฐ๋ฉด ํฌ๋ฆฌ์ค๋ง์ค ์ฌ์ฆ๋ฅผ ๋ค์ ์ ์์ง ์์๊น ๊ธฐ๋ํ๋ฉฐ ํ ๋ฒ ๋ค์ ๋ฐฉ๋ฌธํด๋ณด๋ ค๊ณ ํฉ๋๋ค. ๐



์ด๋ฒ ์ฃผ ๋ณธ ๊ฒ๋ค
์ ํ๋ฒ ์ ๋ค๋ฆฐ
๐ https://www.youtube.com/@h.rin.y2
30๋์ ํธ์ฃผ๋ก ๊ฐํธ ์ ํ์ ๋ ๋ ์ ํ๋ฒ ์ ๋ค๋ฆฐ ๋์ ๋ธ์ด๋ก๊ทธ๋ฅผ ์์ฆ ๋ณด๊ณ ์์ด์. ๋ํ๊ต๋ฅผ ๋ค๋๋ ์์ ๋ ์๊ฐ๋๊ณ , ํธ์ฃผ๋ก ์ํนํ๋ฆฌ๋ฐ์ด๋ฅผ ๊ฐ์ ๋๋ ์๊ฐ๋์ ์ฌ๋ฐ๊ฒ ๋ณด๊ณ ์์ด์.
๋ ๊ธฐํ๋ฉด ์ ๋ค๋ฆฐ ๋์ด ์๋๊น ์ถ์ ์ ๋๋ก ์ ํ ์ค๋น๋ถํฐ ์ค์ ๋ก ์ ํํ๋ ๊ณผ์ ์์ ๋ง๋๋ ์๋ง์ ์ผ๋ค์ ๊ณ์ ํด๋ด์๋ ๋ชจ์ต์ ๋ณด๊ณ ์ ๊ฒ ์ง์ง ๋ด๊ฐ ์๊ฐํ๋ ์ด๋ฅธ์ด๋ ์๊ฐ์ด ๋ค์์ด์.
์ ๋ ์ ํ์ ์๋๊ณ ์๋ฐํ๊ฒ(?) ๋ด๋ ์ด์ฌ๋ฅผ ์ค๋น ์ค์ธ๋ฐ, ์ ๋ ๊ฒ ์ฒ์ฒ ์ ๋ค๋ฆฐ ๋์ฒ๋ผ ํด๋๊ฐ๊ณ ์ถ์ต๋๋ค!


