home
Service
home
WOW Onboarding
WOW CLASS
기초 ν”„λ‘ νŠΈμ—”λ“œ μŠ€ν„°λ””
기초 λ°±μ—”λ“œ μŠ€ν„°λ””
μ΄ˆκΈ‰ λ°±μ—”λ“œ μŠ€ν„°λ””
기초 인곡지λŠ₯ μŠ€ν„°λ””
home
Activity
Guide
Recruit

μœ μ„Έμ€

μ•ˆλ…•ν•˜μ„Έμš”
μ›Ή ν”„λ‘ νŠΈμ—”λ“œ 개발자λ₯Ό 꿈 κΎΈλŠ” μœ μ„Έμ€μž…λ‹ˆλ‹€.

Channel

Β Blog Velog SeieunYoo
Github Github SeieunYoo

Intro

μ›Ή μƒνƒœκ³„μ— λ§Žμ€ 관심을 가지고 있으며 효율적으둜 μ»΄ν¬λ„ŒνŠΈλ₯Ό μ„€κ³„ν•˜λŠ” 것을 λͺ©ν‘œν•©λ‹ˆλ‹€.
λ‹€μ–‘ν•œ 직무의 νŒ€ ꡬ성원듀과 μ†Œν†΅ν•˜λ©° μ›ν™œν•œ ν˜‘μ—…μ„ μœ„ν•΄ 항상 λ…Έλ ₯ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.
κΎΈμ€€νžˆ 배운 λ‚΄μš©λ“€μ„ 기둝으둜 남기며 더 높은 λ‹¨κ³„λ‘œ μ„±μž₯ν•˜κΈ° μœ„ν•΄ λ…Έλ ₯ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.
μœ μ €κ°€ μ„œλΉ„μŠ€μ—μ„œ λŠλ‚„ 수 μžˆλŠ” λΆˆνŽΈν•¨μ„ μΊμΉ˜ν•΄ κ°œμ„ ν•΄λ‚˜κ°€λŠ” 것을 μ’‹μ•„ν•©λ‹ˆλ‹€.

Work Experience

Toss UX Engineer Assistant

(2023λ…„ 6μ›” ~ 2024λ…„ 2μ›”)
β€’
ν† μŠ€ λ””μžμΈ μ‹œμŠ€ν…œ(TDS) λ₯Ό κ΄€λ¦¬ν•˜λŠ” λ””μžμΈ ν”Œλž«νΌ νŒ€μ—μ„œ UX Engineer Assistant 둜 μΌν–ˆμŠ΅λ‹ˆλ‹€.
TDS Mobile μ»΄ν¬λ„ŒνŠΈ μœ μ§€ 보수 및 버그 λŒ€μ‘
β€’
μ›Ή, ios, android ν”Œλž«νΌμ— λ™μΌν•˜κ²Œ 적용될 수 μžˆλŠ” μ»΄ν¬λ„ŒνŠΈ μΈν„°νŽ˜μ΄μŠ€λ₯Ό κ΅¬ν˜„ν•©λ‹ˆλ‹€.
β€’
λͺ¨λ°”일 μ»΄ν¬λ„ŒνŠΈ κ΄€λ ¨ 버그λ₯Ό μˆ˜μ •ν•˜κ³  λŒ€μ‘ν•©λ‹ˆλ‹€.
ν”Œλž«νΌ 문의 νš¨μœ¨ν™” κΈΈλ“œμ—μ„œ ν”„λ‘œλ•νŠΈ 메이컀뢄듀이 λ””μžμΈ μ‹œμŠ€ν…œμ—μ„œ κ²ͺλŠ” 페인 포인트λ₯Ό ν•΄κ²°
β€’
λ©”μ΄μ»€λΆ„λ“€κ»˜μ„œ μš”μ²­ μ£Όμ‹œλŠ” μ»΄ν¬λ„ŒνŠΈλ₯Ό λ””μžμΈ μ‹œμŠ€ν…œν™” ν•  수 μžˆμ„μ§€ ν”Œλž«νΌ λ””μžμ΄λ„ˆλΆ„λ“€κ³Ό κ²€ν† ν•˜κ³  κ°œλ°œν•©λ‹ˆλ‹€.
β€’
메이컀뢄듀과 적극적으둜 μ†Œν†΅ν•˜λ©΄μ„œ μ»΄ν¬λ„ŒνŠΈμ—μ„œ κ²ͺλŠ” λΆˆνŽΈν•œ 점듀을 κ°œμ„ ν•©λ‹ˆλ‹€.
μ„œλΉ„μŠ€ κ°œλ°œμžλΆ„λ“€μ˜ 개발 생산성을 높이고 λ””μžμ΄λ„ˆ λΆ„λ“€μ˜ νš¨μœ¨μ„±μ„ κ·ΉλŒ€ν™” μ‹œν‚¬ 수 μžˆλŠ” 툴 관리 및 개발
β€’
λ””μžμΈλœ μ»΄ν¬λ„ŒνŠΈλ₯Ό ν΄λ¦­ν–ˆμ„ λ•Œ μ»΄ν¬λ„ŒνŠΈμ— 적용된 ν”„λ‘œνΌν‹°λ“€μ„ 기반으둜 UI μ½”λ“œλ₯Ό μž‘μ„±ν•΄μ£ΌλŠ” μ½”λ“œμ  μ„ κ΄€λ¦¬ν•˜λ©° κ°œλ°œμžλΆ„λ“€μ˜ DX λ₯Ό ν–₯μƒμ‹œν‚΅λ‹ˆλ‹€.
β€’
λ””μžμ΄λ„ˆλΆ„λ“€μ΄ μž‘μ—…ν•˜μ‹€ λ•Œ κ²ͺλŠ” 어렀움을 기술적으둜 ν•΄κ²°ν•©λ‹ˆλ‹€.
β€’
ν† μŠ€μ˜ λ¦¬μ†ŒμŠ€κ°€ κ΄€λ¦¬λ˜κ³  μžˆλŠ” λ¦¬μ†ŒμŠ€ μ„Όν„°λ₯Ό μœ μ§€λ³΄μˆ˜ν•˜κ³  κ°œλ°œν•©λ‹ˆλ‹€.
β—¦
λ¦¬μ†ŒμŠ€ μ„Όν„° κΈΈλ“œλ‘œ λ“€μ–΄μ˜€λŠ” λ””μžμ΄λ„ˆλΆ„λ“€μ˜ κ°œμ„  μš”μ²­λ“€μ„ μ‚΄νŽ΄λ³΄λ©° ν•„μš”ν•œ κΈ°λŠ₯ 개발 및 UX κ°œμ„ 

Activities

μ˜€ν”ˆμ†ŒμŠ€ κΈ°μ—¬

(2023λ…„ 10μ›”, 2024λ…„ 2μ›”)
β€’
React 곡식 λ¬Έμ„œ <input> κ΄€λ ¨ λ²ˆμ—­μ— κΈ°μ—¬ν•˜μ˜€μŠ΅λ‹ˆλ‹€. (<input>λ²ˆμ—­ )
β€’
mdn 곡식 λ¬Έμ„œ viewport_meta_tag κ΄€λ ¨ λ²ˆμ—­μ— κΈ°μ—¬ν•˜μ˜€μŠ΅λ‹ˆλ‹€. ( viewport_meta_tag λ²ˆμ—­ )

YAPP 21κΈ° μ›Ή ν”„λ‘ νŠΈμ—”λ“œ 개발자

(2022λ…„ 10μ›” ~ 2023λ…„ 2μ›”)
β€’
μ—°ν•© IT 동아리 YAPP μ—μ„œ μ›Ή ν”„λ‘ νŠΈμ—”λ“œ 개발자둜 μ°Έμ—¬ν•˜κ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€.
β€’
두 달 λ™μ•ˆ 아이디어λ₯Ό λ‚΄κ³  ν”„λ‘œλ•νŠΈλ₯Ό λ‚΄λŠ” ν™œλ™μ„ μ§„ν–‰ν–ˆμŠ΅λ‹ˆλ‹€. ( thismeme μ„œλΉ„μŠ€ 개발)
β€’
μŠ€ν„°λ””μ— μ°Έμ—¬ν•˜λ©΄μ„œ CS 지식을 ν•¨μ–‘ν•˜κ³ μž λ…Έλ ₯ν–ˆμŠ΅λ‹ˆλ‹€. ( HTTP μ™„λ²½ κ°€μ΄λ“œ μŠ€ν„°λ”” )
기획 λ‹¨κ³„μ—μ„œλΆ€ν„° 아이디어λ₯Ό λ‚΄κ³  μŒ“μ•„κ°€λŠ” 과정에 μ°Έμ—¬ν•  수 μžˆμ—ˆμŠ΅λ‹ˆλ‹€. 이 κ³Όμ •μ—μ„œ λ‹€λ₯Έ μ‚¬λžŒλ“€κ³Ό μ›ν™œν•˜κ²Œ μ˜κ²¬μ„ κ³΅μœ ν•˜λŠ” 법을 μ•Œκ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€. 개발 기간이 2달 μ •λ„λ‘œ λŠ˜μ–΄λ‚˜ 규λͺ¨ μžˆλŠ” IT μ›Ή μ„œλΉ„μŠ€λ₯Ό κ°œλ°œν•  수 있게 λ˜μ—ˆμŠ΅λ‹ˆλ‹€. μ„œλΉ„μŠ€ 개발 이외에도 HTTP μ™„λ²½ κ°€μ΄λ“œ λ…μ„œ μŠ€ν„°λ””λ₯Ό 톡해 CS 지식을 μ¦μ§„μ‹œν‚€κ³ μž λ…Έλ ₯ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

CEOS 16κΈ° ν”„λ‘ νŠΈμ—”λ“œ 개발 μš΄μ˜μ§„

(2022λ…„ 9μ›” ~ 2023λ…„ 1μ›”)
β€’
μ°½μ—… 동아리 CEOS 16κΈ° ν”„λ‘ νŠΈμ—”λ“œ 개발 파트의 μš΄μ˜μ§„μ„ 맑으면 ν”„λ‘ νŠΈ νŒ€μ›λ“€μ˜ μŠ€ν„°λ””λ₯Ό μš΄μ˜ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.
개발 파트 μš΄μ˜μ§„μœΌλ‘œ μ°Έμ—¬ν•˜κ²Œ λ˜λ©΄μ„œ λ§Žμ€ κ°œλ°œμžλΆ„λ“€κ³Ό μΈμ‚¬μ΄νŠΈλ₯Ό κ³΅μœ ν•  수 μžˆμ—ˆμŠ΅λ‹ˆλ‹€. ν•˜λ‚˜μ˜ κ³Όμ œμ—μ„œλ„ λ‹€μ–‘ν•œ 의견과 결과물듀이 λ‚˜μ™”κΈ°μ— λ‹€μ–‘ν•œ λ°©μ‹μœΌλ‘œ μƒκ°ν•˜κ³  배울 수 μžˆλŠ” κΈ°νšŒκ°€ λ˜μ—ˆμŠ΅λ‹ˆλ‹€. λ˜ν•œ μ—¬λŸ¬ 였λ₯˜λ“€μ„ μ°Ύμ•„λ‚˜κ°€λŠ” κ³Όμ •μ—μ„œ μ½”λ“œμ˜ ꡬ쑰와 흐름을 νŒŒμ•…ν•  수 있게 λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

CEOS 15κΈ° ν”„λ‘ νŠΈμ—”λ“œ 개발자

(2022λ…„ 3μ›” ~ 8μ›”)
β€’
μ°½μ—… 동아리 CEOS 15κΈ° ν”„λ‘ νŠΈμ—”λ“œ 개발자둜 μ°Έμ—¬ν•˜κ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€.
β€’
기획,개발,λ””μžμΈ ν•œ 달 λ™μ•ˆ ν”„λ‘œλ•νŠΈλ₯Ό λ‚΄λŠ” ν™œλ™μ„ μ§„ν–‰ν–ˆμŠ΅λ‹ˆλ‹€. ( Founder μ„œλΉ„μŠ€ 개발)
λ¦¬μ•‘νŠΈ , TypeScript, Next λ“± μƒˆλ‘œμš΄ μ›Ή ν”„λ ˆμž„μ›Œν¬μ™€ 라이브러리λ₯Ό ν•™μŠ΅ν•  수 μžˆμ—ˆμœΌλ©° λ‹€λ₯Έ κ°œλ°œμžλΆ„λ“€κ³Όμ˜ μ½”λ“œ 리뷰λ₯Ό 톡해 효율적인 μ½”λ“œ μž‘μ„±μ— λŒ€ν•΄ κ³ λ―Όν•  수 μžˆμ—ˆμŠ΅λ‹ˆλ‹€. 후에 λ‹€μ–‘ν•œ λΆ„μ•Όμ˜ λΆ„λ“€κ³Ό μ†Œν†΅ν•˜λ©΄μ„œ μ›ν™œν•œ ν˜‘μ—…μ΄λž€ 무엇인지 μ•Œμ•„κ°ˆ 수 μžˆμ—ˆμŠ΅λ‹ˆλ‹€. λ˜ν•œ ν•˜λ‚˜μ˜ 아이디어λ₯Ό λΉŒλ“œμ—…ν•˜κ³  μ„œλΉ„μŠ€λ‘œ κ°œλ°œν•˜λŠ” κ³Όμ •μ—μ„œ ν”„λ‘œλ•νŠΈλ₯Ό λ§Œλ“œλŠ” 과정에 ν₯λ―Έκ°€ μƒκΈ°κ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

Projects

thismeme(밈 λͺ¨μ•„보기 μ„œλΉ„μŠ€)

ν•œλˆˆμ— λ°ˆμ„ λͺ¨μ•„보고 κ³΅μœ ν•  수 μžˆλŠ” μ„œλΉ„μŠ€
(2022λ…„ 12μ›” ~ 2023λ…„ 2μ›” )
β€’
YAPP 21κΈ° κ²°κ³Όλ¬Ό
β€’
Next.js λ₯Ό ν™œμš©ν•œ μ›Ήμ•± μ„œλΉ„μŠ€
β€’
ν”„λ‘ νŠΈμ—”λ“œ μ›Ή 개발자둜 μ°Έμ—¬
β€’
Next, Typescript, React-query, Tailwind, Storybook, msw
β€’
메인 νŽ˜μ΄μ§€μ™€ 검색 쀑 νŽ˜μ΄μ§€ λ””μžμΈ 및 κΈ°λŠ₯을 λ§‘μ•˜μŠ΅λ‹ˆλ‹€.
β€’
react-queryλ₯Ό μ΄μš©ν•΄μ„œ 비동기 λ‘œμ§μ„ μ²˜λ¦¬ν•˜κ³  apiλ₯Ό μ—°κ²°ν–ˆμŠ΅λ‹ˆλ‹€.
β€’
msw λ₯Ό ν™œμš©ν•΄μ„œ μ‹€μ œ api κ°€ μ œμž‘λ˜κΈ° 전에 μ„œλ²„ api 리슀폰슀 값에 맞게 mocking api λ₯Ό μ œμž‘ν•΄μ„œ μ‹œκ°„ 효율적으둜 κ°œλ°œμ„ 진행할 수 μžˆμ—ˆμŠ΅λ‹ˆλ‹€.
β€’
Input, Chip, Modal, DropDown 같은 μž¬μ‚¬μš©μ„±μ΄ 높은 곡톡 μ»΄ν¬λ„ŒνŠΈλ₯Ό μ œμž‘ν–ˆμŠ΅λ‹ˆλ‹€.
β€’
ν”Όκ·Έλ§ˆλ‘œ λ””μžμ΄λ„ˆλΆ„κ³Ό μ†Œν†΅ν•˜λ©΄μ„œ λ””μžμΈμ˜ 일관성과 μ‚¬μš©μ„±μ— λŒ€ν•΄ ν•¨κ»˜ κ³ λ―Όν–ˆμŠ΅λ‹ˆλ‹€.

Founder (ν˜„λ¬Ό μ •κΈ° ꡬ독 νλ ˆμ΄μ…˜ μ„œλΉ„μŠ€)

본인의 μ·¨ν–₯에 λ§žλŠ” ν˜„λ¬Ό μ •κΈ° ꡬ독 νλ ˆμ΄μ…˜ μ„œλΉ„μŠ€ (μ„œλΉ„μŠ€ μ’…λ£Œ)
(2022λ…„ 7μ›” ~ 8μ›”)
β€’
CEOS 15κΈ° κ²°κ³Όλ¬Ό
β€’
λ¦¬μ•‘νŠΈλ₯Ό ν™œμš©ν•œ μ›Ήλ·° μ„œλΉ„μŠ€
β€’
ν”„λ‘ νŠΈμ—”λ“œ μ›Ή 개발자둜 μ°Έμ—¬
β€’
React, JavaScript, Recoil, Styled-Component
β€’
메인 νŽ˜μ΄μ§€, 상세 νŽ˜μ΄μ§€, 섀문쑰사 νŽ˜μ΄μ§€ 의 λ””μžμΈκ³Ό κΈ°λŠ₯을 κ΅¬ν˜„ν–ˆμŠ΅λ‹ˆλ‹€.
β€’
ν΄λΌμ΄μ–ΈνŠΈλ‹¨μ—μ„œ 섀문쑰사 data λ₯Ό json ν˜•μ‹μœΌλ‘œ μ €μž₯ν•˜κ³  api post ν•˜λŠ” λ‘œμ§μ„ μ²˜λ¦¬ν–ˆμŠ΅λ‹ˆλ‹€. 섀문쑰사 둜직
β€’
ν›„κΈ° μž‘μ„± λͺ¨λ‹¬μ—μ„œ useState λ₯Ό μ΄μš©ν•΄ νƒœκ·Έ 선택 κΈ°λŠ₯을, label νƒœκ·Έμ™€ input νƒœκ·Έλ₯Ό μ΄μš©ν•΄ 사진 μ—…λ‘œλ“œ κΈ°λŠ₯을 κ΅¬ν˜„ν–ˆμŠ΅λ‹ˆλ‹€.
β€’
카카였 둜그인, λ‘œκ·Έμ•„μ›ƒ, 토큰 λ¦¬ν”„λ ˆμ‰¬ 같은 auth κ΄€λ ¨ λ‘œμ§μ„ μ²˜λ¦¬ν–ˆμŠ΅λ‹ˆλ‹€.
β€’
Recoil 을 μ΄μš©ν•˜μ—¬ μœ μ €μ˜ 둜그인 μƒνƒœμ™€ 섀문쑰사 μƒνƒœλ₯Ό μ „μ—­μ μœΌλ‘œ κ΄€λ¦¬ν–ˆμŠ΅λ‹ˆλ‹€.
β€’
UI/UX λ””ν…ŒμΌμ„ κ°œμ„ ν•˜κΈ° μœ„ν•΄ Swiper 라이브러리λ₯Ό ν™œμš©ν•΄μ„œ λ°°λ„ˆκ°€ μžλ™μœΌλ‘œ λ„˜μ–΄κ°ˆ 수 있게 μ• λ‹ˆλ©”μ΄μ…˜μ„ κ΅¬ν˜„ν–ˆμŠ΅λ‹ˆλ‹€.
β€’
vercel을 ν™œμš©ν•œ μ„œλΉ„μŠ€ μ΅œμ’… 배포λ₯Ό λ§‘μ•˜μŠ΅λ‹ˆλ‹€. vercel 배포

Skill

Front-end

HTML , CSS , JavaScript, React, TypeScript, Next, Recoil, Redux, React-Query
Styled-Component, tailwind css, StoryBook
β€’
HTML, CSS , JavaScript λ₯Ό ν™œμš©ν•΄μ„œ κΈ°λŠ₯에 맞게 νƒœκ·Έλ₯Ό κ΅¬λΆ„ν•˜κ³  μ•„μ΄ν…œμ„ λ°°μΉ˜ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
β€’
React hooks 듀을 μ‚¬μš©ν•  수 있고 ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈλ“€μ„ μ΄μš©ν•΄ κΈ°λŠ₯에 맞게 뢄리할 수 μžˆμŠ΅λ‹ˆλ‹€.
β€’
TypeScript 와 Next λ₯Ό ν™œμš©ν•˜μ—¬ νƒ€μž…μ— λ§žλŠ” interfaceλ₯Ό λ§Œλ“€κ³  dataλ₯Ό νŒ¨μΉ­ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
β€’
μ „μ—­μƒνƒœκ΄€λ¦¬ 라이브러리둜 Recoil κ³Ό Reduxλ₯Ό ν™œμš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
β€’
React-Query λ₯Ό μ΄μš©ν•˜μ—¬ 데이터λ₯Ό νŒ¨μΉ˜ν•˜λŠ” 과정을 효율적으둜 관리할 수 μžˆμŠ΅λ‹ˆλ‹€.
β€’
Styled-Component 와 tailwindλ₯Ό μ΄μš©ν•΄μ„œ λ””μžμΈμ„ μž…νž 수 μžˆμ—ˆμœΌλ©° StoryBook 을 ν™œμš©ν•΄ 곡톡 μ»΄ν¬λ„ŒνŠΈλ₯Ό μ œμž‘ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

Communication

β€’
Github, Figma , Notion , Slack, Discord, Jira 을 μ΄μš©ν•˜μ—¬ ν˜‘μ—…ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
β€’
Google Meet, Google Excel, Google Word λ₯Ό μ‚¬μš©ν•΄λ³Έ κ²½ν—˜μ΄ μžˆμŠ΅λ‹ˆλ‹€.