๋ฐ•ํฌ์ง„(Heejin Park)Last updated 2023.06.22
profile
Contact
PhoneEmailGithubBlog
Skill
DeployLanguagelibraryFrameworkTool
AWS(S3, Route53, cloundfront)Typescript, JavascriptReact, Styled ComponentsReduxGit, Github, Figma, Notion, Slack
Education
์ฝ”๋“œ์Šคํ…Œ์ด์ธ  ์›น ํ”„๋ก ํŠธ์—”๋“œ ๊ณผ์ • (2022.12~2023.06)
Introduction
UX/UI ๋””์ž์ธ๊ณผ ์›น ์„ฑ๋Šฅ ์ตœ์ ํ™”์— ๊ด€์‹ฌ์ด ๋งŽ์œผ๋ฉฐ, ์‚ฌ์šฉ์ž๊ฐ€ ํŽธ๋ฆฌํ•˜๊ฒŒ ์›น ์‚ฌ์ดํŠธ๋ฅผ ์ด์šฉํ•  ์ˆ˜ ์žˆ๋Š” ํ™˜๊ฒฝ์„ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด ๋…ธ๋ ฅํ•ฉ๋‹ˆ๋‹ค.
ํ”„๋กœ์ ํŠธ์— ํ•„์š”ํ•œ ๊ธฐ์ˆ ์ด ์žˆ๋‹ค๋ฉด ์ ๊ทน์ ์œผ๋กœ ํ•™์Šตํ•˜๊ณ , ์ƒˆ๋กœ์šด ์ฑŒ๋ฆฐ์ง€์— ๋Š์ž„์—†์ด ๋„์ „ํ•˜๊ณ  ํ•ด๊ฒฐํ•ฉ๋‹ˆ๋‹ค.
์ด์ „์— ๋ฌผ๋ฆฌ์น˜๋ฃŒ์‚ฌ๋กœ ์ผํ•˜๋ฉฐ ํŒ€์›Œํฌ์™€ ํ™˜์ž ์ค‘์‹ฌ์˜ ์ ‘๊ทผ ๋ฐฉ์‹์„ ์ค‘์š”์‹œํ–ˆ๋˜ ๊ฒฝํ—˜์„ ๋ฐ”ํƒ•์œผ๋กœ,
์›น ๊ฐœ๋ฐœ์—์„œ๋„ ์‚ฌ์šฉ์ž ์ค‘์‹ฌ์˜ ์ธํ„ฐํŽ˜์ด์Šค์™€ ํšจ์œจ์ ์ธ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜์—ฌ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ๋” ๋‚˜์€ ์›น ๊ฒฝํ—˜๊ณผ ์ •๋ณด๋ฅผ ์ œ๊ณตํ•˜๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค.
ํ˜„์žฌ next.js์™€ SSR์— ๋Œ€ํ•ด ๊ณต๋ถ€ํ•˜๋ฉฐ ๊ธฐ์กด ํ”„๋กœ์ ํŠธ๋ฅผ next.js๋กœ ๋ฆฌํŒฉํ† ๋งํ•˜๊ณ ,
ํšจ์œจ์ ์ธ ํด๋” ๊ตฌ์กฐ์™€ ์ปดํฌ๋„ŒํŠธ ๋ถ„๋ฆฌ์— ๋Œ€ํ•ด ๊ณ ๋ฏผํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
Skill
React
  • ์ƒํƒœ๊ด€๋ฆฌ๋ฅผ ์œ„ํ•ด Redux๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • React๋ฅผ ์‚ฌ์šฉํ•œ SPA ํ”„๋กœ์ ํŠธ ๊ฒฝํ—˜์ด ์žˆ์Šต๋‹ˆ๋‹ค.
  • usecallback, usememo๋กœ ์ตœ์ ํ™”๋ฅผ ์‹œํ‚ฌ ์ˆ˜ ์žˆ๊ณ , react-router-dom ๋“ฑ ๊ฐœ๋ฐœ ๊ณผ์ •์— ํ•„์š”ํ•œ ๋‹ค์–‘ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
JavaScript & TypeScript
  • ES6+ ๋ฌธ๋ฒ•์— ์ต์ˆ™ํ•˜๋ฉฐ axios๋ฅผ ์‚ฌ์šฉํ•œ ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ์™€ API ํ†ต์‹ ์„ ํ†ตํ•œ CRUD ๊ตฌํ˜„์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.
  • JS, TS๋ฅผ ์ด์šฉํ•œ ์—ฐ์‚ฐ๊ณผ DOM ๊ฐ์ฒด์˜ ์กฐ์ž‘์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.
  • ์„ ์–ธํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ์ง€ํ–ฅํ•ฉ๋‹ˆ๋‹ค.
HTML/CSS
  • ์›น ํ‘œ์ค€๊ณผ ์›น ์ ‘๊ทผ์„ฑ์„ ์ค€์ˆ˜ํ•˜๋ ค ๋…ธ๋ ฅํ•ฉ๋‹ˆ๋‹ค.
  • ์ ์žฌ์ ์†Œ์— ์–ด์šธ๋ฆฌ๋Š” HTML ํƒœ๊ทธ๋ฅผ ํ™œ์šฉํ•œ ์‹œ๋งจํ‹ฑํ•œ ์ฝ”๋“œ๋ฅผ ์ง€ํ–ฅํ•ฉ๋‹ˆ๋‹ค.
  • ๋ฐ˜์‘ํ˜• ์›น์„ ๊ตฌํ˜„ํ•œ ๊ฒฝํ—˜์ด ์žˆ์Šต๋‹ˆ๋‹ค.
  • styled-components๋กœ css-in-js๋ฅผ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
VersionControl & Communication
  • Git, Github์„ ํ†ตํ•œ ํ˜•์ƒ๊ด€๋ฆฌ๊ฐ€ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.
  • Git flow์ „๋žต์„ ์ ์šฉํ•˜๋ฉฐ ์นธ๋ฐ˜๋ณด๋“œ, ๋งˆ์ผ์Šคํ†ค, ์ด์Šˆ ๊ด€๋ฆฌ ๊ฒฝํ—˜์ด ์žˆ์Šต๋‹ˆ๋‹ค.
  • Notion, Discord์„ ์‚ฌ์šฉํ•œ ํŒ€์› ๊ฐ„์˜ ์—…๋ฌด ๊ณต์œ  ๋ฐ ๋ณด๊ณ  ๊ฒฝํ—˜์ด ์žˆ์Šต๋‹ˆ๋‹ค.
Project
๐Ÿชงํ”„๋กœ์ ํŠธ ์„ค๋ช…
[๋„ˆ์˜ MBTI๋Š”] : MBTI๊ธฐ๋ฐ˜ ์—ฌํ–‰์ง€ ์ถ”์ฒœ&์ปค๋ฎค๋‹ˆํ‹ฐ ์„œ๋น„์Šค
์ตœ๊ทผ ํ•œ๊ตญ์ธ์˜ ํ•ด์™ธ์—ฌํ–‰ ๊ด€๊ด‘๋น„์œจ์— ๋น„ํ•ด ์ ์€ ๊ตญ๋‚ด์—ฌํ–‰ ๊ด€๊ด‘ ๋น„์œจ์˜ ๋ฌธ์ œ๋ฅผ ์ธ์‹ํ•˜๊ณ ,
๊ตญ๋‚ด ์œ ๋ช…๋ช…์†Œ๋“ค์„ ์†Œ๊ฐœํ•˜์—ฌ ๊ตญ๋‚ด ๊ด€๊ด‘์‹œ์žฅ์˜ ํ™œ๊ธฐ๋ฅผ ๋˜์ฐพ๊ธฐ ์œ„ํ•ด MZ์„ธ๋Œ€์—์„œ ํ˜„์žฌ ๋Œ€์œ ํ–‰ํ•˜๊ณ  ์žˆ๋Š” MBTIํ‚ค์›Œ๋“œ๋ฅผ ์ ‘๋ชฉํ•˜์—ฌ ๊ฐ MBTI๋ณ„ ์—ฌํ–‰์ง€ ์ถ”์ฒœ ์„œ๋น„์Šค์™€ ํ•จ๊ป˜ ์—ฌํ–‰์ปค๋ฎค๋‹ˆํ‹ฐ ์„œ๋น„์Šค ๊ธฐํš

ํŒ€์› - ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž 3๋ช…, ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž 3๋ช…
ํ”„๋กœ์ ํŠธ ๊ธฐ๊ฐ„ - 2023.04.28 ~ 2023.05.25 (์•ฝ 1๊ฐœ์›”)
๐Ÿ”—ํ”„๋กœ์ ํŠธ ๊ด€๋ จ ๋งํฌ
๊ตฌํ˜„ํ™”๋ฉด๊ตฌํ˜„ํ™”๋ฉด๊ตฌํ˜„ํ™”๋ฉด๊ตฌํ˜„ํ™”๋ฉด
โš’๏ธ๊ธฐ์ˆ  ์Šคํƒ
AWS, React, javascript, typescript, axios, Redux-toolkit, styled-component
๐Ÿ—ฃ๏ธํ˜‘์—… ํˆด
Github, Git, Figma, Notion, Discord
๐Ÿ’ป๋‹ด๋‹น ๊ตฌํ˜„ ๊ธฐ๋Šฅ
  • ํ”„๋กœ์ ํŠธ ์•„์ด๋””์–ด ์ œ์•ˆ ๋ฐ ๊ตฌ์„ฑ(๊ณตํ†ต)
  • UX/UI ๋””์ž์ธ ์ œ์ž‘(๊ณตํ†ต)
  • Figma๋กœ ํ”„๋กœ์ ํŠธ ์ „๋ฐ˜์ ์ธ ๋””์ž์ธ ๋ฐ ๋ ˆ์ด์•„์›ƒ์„ ๊ตฌ์„ฑํ•œ ํ™”๋ฉด์ •์˜์„œ ๊ตฌํ˜„(๊ณตํ†ต)
  • ํšŒ์›๊ฐ€์ž…, ๋กœ๊ทธ์ธ, oauth, ๋งˆ์ดํŽ˜์ด์ง€ ๊ตฌํ˜„
  • ๊ด€๋ฆฌ์žํŽ˜์ด์ง€ ๊ตฌํ˜„
  • ๋žœ๋”ฉํŽ˜์ด์ง€, ๋กœ๋”ฉํŽ˜์ด์ง€, ์—๋ŸฌํŽ˜์ด์ง€, ํ—ค๋”, ํ‘ธํ„ฐ ๊ตฌํ˜„
  • ๋ฐ˜์‘ํ˜• ๋ ˆ์ด์•„์›ƒ ๊ตฌํ˜„
  • ๊ณตํ†ต axios์š”์ฒญ ํ•จ์ˆ˜ ๋ชจ๋“ˆํ™”๋กœ ์ฝ”๋“œ ์ค‘๋ณต ๊ฐœ์„ 
  • usememo hook ์‚ฌ์šฉ์œผ๋กœ ์„ฑ๋Šฅ ์ตœ์ ํ™” ๊ตฌํ˜„
  • redux-tookit์œผ๋กœ ๋กœ๊ทธ์ธ์œ ๋ฌด์™€ ์œ ์ €์ •๋ณด๋ฅผ ์ „์—ญ์ƒํƒœ๋กœ ๊ตฌํ˜„ํ•˜์—ฌ props ๋ณต์žก๋„ ๊ฐœ์„ 
  • React.lazy๋ฅผ ์ ์šฉํ•˜์—ฌ ์ฝ”๋“œ ๋ถ„ํ• ๋กœ ์„ฑ๋Šฅ ํ–ฅ์ƒ
  • github ์นธ๋ฐ˜, ๋งˆ์ผ์Šคํ†ค, ์ด์Šˆ ๊ด€๋ฆฌ(๊ณตํ†ต)
  • AWS s3, cloudFront, Route53๋ฅผ ํ™œ์šฉํ•˜์—ฌ https๋กœ ๋ฐฐํฌ
๐Ÿ”ฅ์„ฑ์žฅ ๊ฒฝํ—˜
ํ”„๋กœ์ ํŠธ์—์„œ ํŒ€์žฅ ์—ญํ• ์„ ๋งก์•„ ํšŒ์˜ ์ฃผ๋„, ๋ฌธ์„œ ๋ฐ ์ผ์ • ๊ด€๋ฆฌ๋ฅผ ๋‹ด๋‹นํ–ˆ๊ณ , ํŒ€ ๋‚ด ์˜์‚ฌ์†Œํ†ต์„ ์ ๊ทน์ ์œผ๋กœ ์ด๋Œ์–ด๊ฐ€๋ฉฐ ์†Œ์™ธ๋˜๋Š” ํŒ€์›์ด ์—†๋„๋ก ํ–ˆ์Šต๋‹ˆ๋‹ค.
ํšŒ์˜ ๋ฐ ํ† ์˜ ์‹œ์—๋Š” ๋ชจ๋“  ํŒ€์›๋“ค์˜ ์˜๊ฒฌ์„ ๋“ฃ๊ณ  ๊ณต์ •ํ•œ ์˜์‚ฌ๊ฒฐ์ •์„ ๋‚ด๋ฆฌ๊ธฐ ์œ„ํ•ด ๋…ธ๋ ฅํ–ˆ์Šต๋‹ˆ๋‹ค. ์—ด๋ฆฐ ๋งˆ์Œ์œผ๋กœ ํ”ผ๋“œ๋ฐฑ์„ ์ฃผ๊ณ ๋ฐ›์œผ๋ฉฐ ํŒ€์›๋“ค์˜ ์˜๊ฒฌ์„ ์ˆ˜๋ ดํ•˜๋ฉฐ ํšจ์œจ์ ์ธ ํ˜‘์—…ํ™˜๊ฒฝ์„ ์กฐ์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค.

์ฝ”๋“œ ๋ฆฌ๋ทฐ๋ฅผ ํ†ตํ•ด ์ปดํฌ๋„ŒํŠธ ๋ถ„๋ฆฌ๋ฅผ ์ค‘์ ์œผ๋กœ ๊ฐœ์„ ์ ์„ ์ฐพ๊ณ  ์ฝ”๋“œ์˜ ์žฌ์‚ฌ์šฉ์„ฑ๊ณผ ์œ ์ง€๋ณด์ˆ˜์„ฑ์„ ๊ณ ๋ คํ•˜์—ฌ ๋ชจ๋“ˆํ™”๋œ ์ปดํฌ๋„ŒํŠธ๋ฅผ ์„ค๊ณ„ํ•˜๊ณ  ๊ตฌํ˜„ํ•˜๋Š” ๋ฐ ์‹ ๊ฒฝ์„ ์ผ์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ์ฝ”๋“œ์˜ ๊ฐ€๋…์„ฑ๊ณผ ์œ ์—ฐ์„ฑ์„ ํ–ฅ์ƒ์‹œํ‚ค๋ฉฐ, ์ „์ฒด์ ์ธ ํ”„๋กœ์ ํŠธ์˜ ํšจ์œจ์„ฑ์„ ๋†’์ด๋Š” ๋ฐ ๊ธฐ์—ฌํ–ˆ์Šต๋‹ˆ๋‹ค.
*ํ•ด๋‹น ํ”„๋กœ์ ํŠธ ์ข…๋ฃŒ ํ›„ ํŒ€์›๋ถ„๋“ค์ด ์ž‘์„ฑํ•ด์ฃผ์‹  ํ”ผ๋“œ๋ฐฑ๊ณผ ํ›„๊ธฐ์ž…๋‹ˆ๋‹ค.*
Github, Blog
  • Github๊ณผ Blog๋ฅผ ํ†ตํ•ด ์ œ ์ž์‹ ์˜ ํ•™์Šต๊ณผ ์„ฑ์žฅ์„ ๋ณด๋‹ค ๋ช…ํ™•ํ•˜๊ฒŒ ํ™•์ธํ•˜๊ณ  ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค๊ณผ ์ง€์‹์„ ๊ณต์œ ํ•˜๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค.
  • ๊ธฐ์ˆ ํ•™์Šต ํ›„ ๊ธฐ๋ก๊ณผ ํ”„๋กœ์ ํŠธ ๊ธฐ๋ก์„ Github ์ž”๋””๋กœ ์‹ฌ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์ƒˆ๋กญ๊ฒŒ ๋ฐฐ์šด ์ง€์‹, ํŠธ๋Ÿฌ๋ธ” ์ŠˆํŒ… ๊ธฐ๋ก๊ณผ ํšŒ๊ณ ๋ฅผ ๋ธ”๋กœ๊ทธ์— ์ž‘์„ฑํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
Study
์ฝ”๋“œ์Šคํ…Œ์ด์ธ  ์›น ํ”„๋ก ํŠธ์—”๋“œ ๊ณผ์ • (2022.12~2023.06)
  • ์‚ฌ์šฉ์ž ์นœํ™”์  ์›น ์„œ๋น„์Šค ๊ฐœ๋ฐœ ๋Šฅ๋ ฅ์„ ๊ฐ–์ถ˜ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ์–‘์„ฑ ๊ณผ์ •
  • Javascript ๊ธฐ๋ฐ˜์œผ๋กœ ํ’€์Šคํƒ ๊ณผ์ •๊ณผ React ํ•™์Šต
  • 20์ฃผ ๋™์•ˆ ๋งค์ผ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋ฌธ์ œ ํ’€์ด
  • 20์ฃผ ๋™์•ˆ ๋งค์ผ ๊ฐ•๋„ ๋†’์€ ๊ณผ์ œ ์ˆ˜ํ–‰ ๋ฐ ํŽ˜์–ด ํ”„๋กœ๊ทธ๋ž˜๋ฐ๊ณผ ์ฝ”๋“œ ๋ฆฌ๋ทฐ ๊ฒฝํ—˜
  • ํ˜‘์—… ํ”„๋กœ์ ํŠธ 2ํšŒ ์ง„ํ–‰
Education
  • ๋ถ€์‚ฐ๊ฐ€ํ†จ๋ฆญ๋Œ€ํ•™๊ต ๋ฌผ๋ฆฌ์น˜๋ฃŒํ•™๊ณผ ์กธ์—… (2021.02)
๋ณธ ํŽ˜์ด์ง€๋Š” ์ƒ์—…์  ๋ชฉ์ ์ด ์•„๋‹Œ ๋น„์˜๋ฆฌ์  ๊ฐœ์ธ ํฌํŠธํด๋ฆฌ์˜ค์šฉ์œผ๋กœ ๋งŒ๋“ค์–ด์ง„ ์‚ฌ์ดํŠธ์ž…๋‹ˆ๋‹ค. heejin Park โ“’ 2023