Hero ImageHero ImageHero ImageHero Image
HIPPO'S DEV DIARY

HIPPO DEVLOG

Don't dream, Be it

- Tim curry -

์ฆ๊ฑฐ์šด ๊ฐœ๋ฐœ ๋ผ์ดํ”„๋ฅผ ์ง€ํ–ฅํ•˜๋ฉฐ, ๋”์šฑ ์ข‹์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ธฐ ์œ„ํ•ด ๋…ธ๋ ฅํ•ฉ๋‹ˆ๋‹ค ๐Ÿง‘๐Ÿผโ€๐Ÿ’ป

์ถ”์ฒœ ์นดํ…Œ๊ณ ๋ฆฌ ๐ŸŽ–

์ œ๊ฐ€ ๋งŽ์ด ์ฐธ๊ณ ํ•˜๊ณ  ์ข‹์€ ๋‚ด์šฉ์„ ๋‹ด๊ณ  ์žˆ๋Š” ์‚ฌ์ดํŠธ๋ฅผ ๋ชจ์•„๋ดค์Šต๋‹ˆ๋‹ค!

alt

Nextjs

NextJS ๋กœ ๊ฐœ๋ฐœํ•˜๋ฉด์„œ ๋งŒ๋“  ํฌ์ŠคํŠธ๋“ค์— ๋Œ€ํ•œ ์ •๋ณด๋ฅผ ๊ธฐ๋กํ•œ ๊ณต๊ฐ„์ž…๋‹ˆ๋‹ค.

alt

Cicd

1์ธ ๊ฐœ๋ฐœ๊ณผ์ •์—์„œ husky, Github Action ๋“ฑ์„ ํ™œ์šฉํ•œ CI/CD ์ž๋™ํ™”์— ๋Œ€ํ•œ ๋‚ด์šฉ์„ ๊ธฐ๋กํ•œ ๊ณต๊ฐ„์ž…๋‹ˆ๋‹ค.

alt

App

APP ๊ณผ ๊ด€๋ จ๋œ ๊ธฐ์ˆ  ๋‚ด์šฉ์— ๋Œ€ํ•œ ํฌ์ŠคํŠธ๋ฅผ ๊ธฐ๋กํ•˜๋Š” ๊ณต๊ฐ„์ž…๋‹ˆ๋‹ค.

alt

Browser

Browser ์˜ ๋™์ž‘๊ณผ์ •์„ ํ•™์Šตํ•˜๋ฉด์„œ ํ•™์Šตํ•œ ๋‚ด์šฉ์„ ๊ธฐ๋กํ•˜๋Š” ๊ณต๊ฐ„์ž…๋‹ˆ๋‹ค.

alt

Environment

Package Manager, Bundler ๋“ฑ FrontEnd ๊ฐœ๋ฐœ์— ํ•„์š”ํ•œ ํ™˜๊ฒฝ์— ๋Œ€ํ•œ ์ •๋ณด๋ฅผ ๊ธฐ๋กํ•œ ๊ณต๊ฐ„์ž…๋‹ˆ๋‹ค.

alt

Style

FrontEnd Style ์— ๊ด€๋ จ๋œ ๊ธฐ๋ก๋“ค์„ ํฌ์ŠคํŠธํ•œ ์นดํ…Œ๊ณ ๋ฆฌ ์ž…๋‹ˆ๋‹ค.

๐Ÿง‘๐Ÿปโ€๐Ÿ’ป ๋ชจ๋“  ํฌ์ŠคํŠธ

์ตœ์‹  ์ˆœ์œผ๋กœ ๋ชจ๋“  ๊ฒŒ์‹œ๋ฌผ์„ ๋งŒ๋‚˜๋ณด์„ธ์š”!