seovee

PORTFOLIO

Hello, Every One

A B O U T
๊น€์ง„์„ญ about ํ”„๋กœํ•„ ์‚ฌ์ง„

  • ๋งค์ผ studying ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž.

    ๋น„์ „๊ณต ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ์„œ ๋ถ€์กฑํ•œ ์ •๋ณด๋Ÿ‰์„ ๊ทน๋ณตํ•˜๊ธฐ ์œ„ํ•ด ๋งค์ผ ์กฐ๊ธˆ์”ฉ ์ •๋ณด๋ฅผ ์ •๋ฆฌํ•˜๊ณ , ๊ณต์‹ ๋ฌธ์„œ๋ฅผ ๋ฐ˜๋ณต์ ์œผ๋กœ ์ฝ๋Š” ๋…ธ๋ ฅ์„ ํ•˜์˜€์Šต๋‹ˆ๋‹ค. ๋•๋ถ„์— ํ•„์š” ๊ธฐ์ˆ  ์Šคํƒ์„ ์Œ“์„ ์ˆ˜ ์žˆ์—ˆ๊ณ , ํ•ญ์ƒ ๋„์ „์ ์ธ ์ž์„ธ๋กœ ์ผ์— ์ž„ํ•˜๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค.

  • ์ฝ”๋“œ์— Life๋ฅผ ๋ถˆ์–ด๋„ฃ๋Š” ๊ฒƒ์„ ์ข‹์•„ํ•ฉ๋‹ˆ๋‹ค.

    ์›น ์• ๋‹ˆ๋ฉ”์ด์…˜์€ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๋”์šฑ ํ’๋ถ€ํ•˜๊ฒŒ ๋งŒ๋“ค์–ด์ฃผ๋Š” ํž˜์ด๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ์‚ฌ์šฉ์ž์—๊ฒŒ ์ด์•ผ๊ธฐ๋ฅผ ์ „๋‹ฌํ•˜๋Š” ๊ฒƒ์„ ์ฆ๊ธฐ๋ฉฐ, ์›นํŽ˜์ด์ง€๋ฅผ ํƒํ—˜ํ•˜๋Š” ๊ณผ์ •์—์„œ์˜ ๋งค๋ ฅ์„ ์ฐพ์„ ์ˆ˜ ์žˆ๋„๋ก ๋…ธ๋ ฅํ•ฉ๋‹ˆ๋‹ค.

  • Ice Breaking๋Šฅ๋ ฅ๊ณผ ์ƒ๋Œ€๋ฐฉ์—๊ฒŒ ํ˜ธ๊ธฐ์‹ฌ์ด ๋งŽ์Šต๋‹ˆ๋‹ค.

    ํŒ€์›๊ณผ ์ฆ๊ฑฐ์šด ํ˜‘์—…์€ ํ”„๋กœ์ ํŠธ ์„ฑ๊ณต์— ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ์ œ ๊ธ์ •์ ์ธ ํƒœ๋„์™€ ์นœํ™”๋ ฅ์€ ํŒ€์— ํ™œ๊ธฐ๋ฅผ ๋ถˆ์–ด๋„ฃ์œผ๋ฉฐ, ๋งค๋ฒˆ ํ•จ๊ป˜ ์ผํ•˜๊ณ  ์‹ถ์€ ๋™๋ฃŒ๊ฐ€ ๋˜๊ธฐ ์œ„ํ•ด ๋…ธ๋ ฅํ•ฉ๋‹ˆ๋‹ค.

M O R E ๐Ÿ˜Ž

1

์‹คํƒ€๋ž˜(Siltarae)

์‹คํƒ€๋ž˜(Siltarae)
NextJSTypeScriptTanstack-QueryAxiosTailwindYarnBerry

ํŒ€ํ”„๋กœ์ ํŠธ(4๋ช…) - ์œ„๋ฒ„์ฆˆ

2023. 11. 19. ~ 2023. 12. 29.

๋ฆฌํŒฉํ† ๋ง : 2023. 1. 2. ~ ์ง„ํ–‰์ค‘

๋ฐฑ์—”๋“œ ํ˜‘์—…์œผ๋กœ ๊ตฌํ˜„ํ•œ ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค. NextJS, TypeScript๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ '์‹ค์ˆ˜'๋ฅผ ๊ณต์œ ํ•˜๋Š” ์›นํŽ˜์ด์ง€๋ฅผ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค.

2

ํฌํŠธํด๋ฆฌ์˜ค

ํฌํŠธํด๋ฆฌ์˜ค
NextJSReactTailwindCSSFramer-motionGsapTypeWriter-effect

๊ฐœ์ธํ”„๋กœ์ ํŠธ

2023. 11. 07. ~ 11. 29.

๋ฆฌํŒฉํ† ๋ง : ์ˆ˜์‹œ๋กœ ์—…๋ฐ์ดํŠธ

NextJS๋กœ ๋งŒ๋“  ํฌํŠธํด๋ฆฌ์˜ค ์›นํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค. TailwindCSS๋กœ ๋ชจ๋ฐ”์ผ, ํƒœ๋ธ”๋ฆฟ, ๋ฐ์Šคํฌํƒ‘ ๋ฐ˜์‘ํ˜•์„ ์ ์šฉํ–ˆ๊ณ , Framer-Motion, Gsap์„ ์ด์šฉํ•œ ์ธํ„ฐ๋ ‰ํ‹ฐ๋ธŒํ•œ ์• ๋‹ˆ๋ฉ”์ด์…˜ ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.

3

๋„ทํ”Œ๋ฆญ์Šค ํด๋ก ํŽ˜์ด์ง€

๋„ทํ”Œ๋ฆญ์Šค ํด๋ก ํŽ˜์ด์ง€
ReactTypeScriptReact-routeReact-QueryFramer-motion

๊ฐœ์ธํ”„๋กœ์ ํŠธ - Nomad Coder

2023. 07. 17. ~ 07. 24.

๋ฆฌํŒฉํ† ๋ง : 2024. 01. 17 ~ ์ง„ํ–‰์ค‘

React, TypeScript๋ฅผ ์ด์šฉํ•œ ๋„ทํ”Œ๋ฆญ์Šค ํด๋ก ์ฝ”๋”ฉ์ž…๋‹ˆ๋‹ค. fetch๋œ ์˜ํ™” API๋ฅผ React-Query๋กœ ์—…๋ฐ์ดํŠธํ•˜๋„๋ก ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค.

4

I's gallary ๊ฐค๋Ÿฌ๋ฆฌ

I's gallary ๊ฐค๋Ÿฌ๋ฆฌ
ReactFramer-motionFirebaseFigma

ํŒ€ํ”„๋กœ์ ํŠธ(5๋ช…) - ๋ฉ‹์Ÿ์ด์‚ฌ์ž์ฒ˜๋Ÿผ

2023. 03. 01. ~ 03. 29.

๋ฆฌํŒฉํ† ๋ง : ์˜ˆ์ •

React, Vite๋กœ ๊ตฌ์„ฑํ•œ SNS ์›นํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค. ๊ธฐํš & ๋””์ž์ธ & ๊ฐœ๋ฐœ์„ ์ง์ ‘ ์ˆ˜ํ–‰ํ–ˆ์Šต๋‹ˆ๋‹ค. Firebase๋กœ ํšŒ์›๊ฐ€์ž…/๋กœ๊ทธ์ธ์„ ์—ฐ๋™ํ•˜์—ฌ ๊ตฌํ˜„ํ•˜๊ณ , Framer-Motion์„ ์ด์šฉํ•˜์—ฌ ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.

5

ํ‹ฐ๋น™ ํด๋ก  - Taing

ํ‹ฐ๋น™ ํด๋ก  - Taing
NextJSReactFramer-motionGsapTypeWriter-effect

ํŒ€ํ”„๋กœ์ ํŠธ(5๋ช…) - ๋ฉ‹์Ÿ์ด์‚ฌ์ž์ฒ˜๋Ÿผ

2023. 01. 27. ~ 02. 09.

๋ฆฌํŒฉํ† ๋ง : ์˜ˆ์ •

์ˆœ์ˆ˜ HTML, CSS, JavaScript๋งŒ์œผ๋กœ ์ œ์ž‘ํ•œ Tving ํด๋ก ์ฝ”๋”ฉ ์›นํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค. Swiper ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ด์šฉํ•ด ์บ๋Ÿฌ์…€ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ–ˆ๊ณ , Fetch๋ฅผ ์ด์šฉํ•ด ์ด๋ฏธ์ง€๋ฅผ ๋ถˆ๋Ÿฌ์˜ค๊ฒŒ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค.

6

ํšŒ์›๊ฐ€์ž… ๊ตฌํ˜„

ํšŒ์›๊ฐ€์ž… ๊ตฌํ˜„
ReactReact-RouterReact-hook-formStyle-Component

๊ฐœ์ธํ”„๋กœ์ ํŠธ - ์›ํ‹ฐ๋“œ

2023. 08. 12. ~ 08. 16.

๋ฆฌํŒฉํ† ๋ง : ์˜ˆ์ •

React-hook-form ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ด์šฉํ•œ ํšŒ์›๊ฐ€์ž…, ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ๊ตฌํ˜„ ์›นํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค.

7

๋ฐ”๋‹๋ผ ๋ฐ˜์‘ํ˜• ๊ตฌํ˜„

๋ฐ”๋‹๋ผ ๋ฐ˜์‘ํ˜• ๊ตฌํ˜„
HTMLCSS

๊ฐœ์ธํ”„๋กœ์ ํŠธ - ์›ํ‹ฐ๋“œ

2023. 08. 21. ~ 08. 24.

๋ฆฌํŒฉํ† ๋ง : ์˜ˆ์ •

HTML, CSS๋กœ๋งŒ ๋ฐ˜์‘ํ˜•์„ ์—ฐ์Šตํ•œ ์›นํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค. ๋ฐ์Šคํฌํ†ฑ, ํƒœ๋ธ”๋ฆฟ, ๋ชจ๋ฐ”์ผ์šฉ 3๊ฐ€์ง€๋ฅผ ์ˆœ์ˆ˜ HTML, CSS๋กœ ์ ์šฉํ•ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.

Contact ํŽ˜์ด์ง€ ๋ฉ”์ธ์ด๋ฏธ์ง€

CONTACT ME