λ‚˜ 2.png

λ°•κ·œλ―Ό | Park kyu min

λŒ€κ΅¬μ†Œν”„νŠΈμ›¨μ–΄λ§ˆμ΄μŠ€ν„°κ³ λ“±ν•™κ΅ μ†Œν”„νŠΈμ›¨μ–΄ν•™κ³Ό μž¬ν•™μ€‘μΈ λ§€λ ₯μžˆλŠ” μ½”λ“œμ„ λ§Œλ“€κ³  싢은 ν”„λ‘ νŠΈμ—”λ“œ 개발자 λ°•κ·œλ―Όμž…λ‹ˆλ‹€.

배우고 λŠλΌλŠ” 것을 μ’‹μ•„ν•©λ‹ˆλ‹€. πŸ₯ λ‹€μ–‘ν•œ 동아리 ν™œλ™κ³Ό μŠ€ν„°λ”” ν™œλ™μ„ ν•˜λ©΄μ„œ μ„±μž₯ν•˜λŠ” μ€‘μž…λ‹ˆλ‹€. ν˜„μž¬ μ—¬λŸ¬ λ™μ•„λ¦¬μ—μ„œ λ©˜ν† λ§ ν™œλ™μ„ ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

λͺ¨λ‘κ°€ 보고 μ΄ν•΄ν•˜κ³  λΉ λ₯΄κ³  μ•ˆμ •μ μΈ μ½”λ“œλ₯Ό λ§Œλ“œλŠ” 것을 μ€‘μš”ν•˜κ²Œ μƒκ°ν•©λ‹ˆλ‹€. ν˜„μž¬ 동아리 ν™œλ™μ„ ν• λ•Œ μ½”λ“œμ˜ 주석을 달고 있고 μ½”λ“œ λ¬Έμ„œν™” μž‘μ—…μ„ ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

μ›Ήκ°œλ°œμ„ ν• λ•Œ μ‚¬μš©μžκ°€ μ ‘ν•˜λŠ” λ””μžμΈμ„ μ΄ν•΄ν•˜κ³  κ°œλ°œν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. ν˜„μž¬ 3D λͺ¨λΈλ§(Spline), Material, HIG, Design System등을 κ³΅λΆ€ν•˜κ³  ν”„λ‘œμ νŠΈμ— μ μš©μ‹œν‚€κ³  μžˆμŠ΅λ‹ˆλ‹€.

πŸ“§Β **Email [email protected]**

πŸ“žΒ 010-4082-7487

πŸ₯ Github

πŸ“·Β **Instagram**

πŸ“” Blog

πŸŽ“λŒ€κ΅¬μ†Œν”„νŠΈμ›¨μ–΄λ§ˆμ΄μŠ€ν„°κ³ λ“±ν•™κ΅(μž¬ν•™)(2026.2.μ‘Έμ—…μ˜ˆμ •)

πŸ₯Β About ME


βš’οΈ μŠ€ν‚¬

| TypeScript & React & JavaScript | β€’ μœ λ‹ˆμ˜¨ νƒ€μž…, μΈν„°μ„Ήμ…˜ νƒ€μž… λ“± νƒ€μž… μ—°μ‚°μžμ— λŒ€ν•΄ μ•Œκ³  μžˆμŠ΅λ‹ˆλ‹€. β€’ Canvas, useLoader, OrbitControls, useGLTFλ₯Ό μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€(3D μž‘μ—…) β€’ async await, Promise 문법을 μ‚¬μš©ν•˜μ—¬ 비동기 처리λ₯Ό ν•  수 μžˆμŠ΅λ‹ˆλ‹€. β€’ useState, useEffect, useInput, useTitle λ“± λ‹€μ–‘ν•œ 훅을 μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€. β€’ MVC, Flux νŒ¨ν„΄μ— 적용 κ°€λŠ₯ν•©λ‹ˆλ‹€. | | --- | --- | | HTML & CSS | β€’ HTML: λΉ λ₯Έ 배포가 κ°€λŠ₯ν•©λ‹ˆλ‹€. β€’ CSS: keyframes을 μ‚¬μš©ν•˜μ—¬ μŠ¬λΌμ΄λ“œ, 클릭 λ“± μ—¬λŸ¬ μ• λ‹ˆλ©”μ΄μ…˜ μž‘μ—…μ„ ν•  수 μžˆμŠ΅λ‹ˆλ‹€. β€’ CSS: GSAPλ₯Ό μ‚¬μš©ν•΄μ„œ λ‹€μ–‘ν•œ μ• λ‹ˆλ©”μ΄μ…˜ μž‘μ—…μ„ ν•  수 μžˆμŠ΅λ‹ˆλ‹€. β€’ CSS: media 쿼리λ₯Ό μ΄μš©ν•΄μ„œ μ μ‘ν˜• ꡬ좕이 κ°€λŠ₯ν•©λ‹ˆλ‹€. | | SCSS & Styled Components | β€’ SCSS: λ³€μˆ˜μ™€ λ―ΉμŠ€μΈμ„ 톡해 μ½”λ“œμ˜ 쀑볡을 막을 수 μžˆμŠ΅λ‹ˆλ‹€. β€’ SCSS: 쀑첩 κΈ°λŠ₯(Nesting)을 톡해 CSS의 가독성을 높이고, ꡬ쑰적인 μŠ€νƒ€μΌλ§μ„ κ΅¬ν˜„μ΄ κ°€λŠ₯ν•©λ‹ˆλ‹€. β€’ Styled Components: λͺ¨λ“ˆν™” κΈ°λŠ₯을 μ‚¬μš©ν• μˆ˜ μžˆμŠ΅λ‹ˆλ‹€. β€’ Styled Components: λ‘œλ”©μ‹œκ°„μ„ λ‹¨μΆ•μ‹œν‚¬μˆ˜ μžˆμŠ΅λ‹ˆλ‹€. | | Figma & Freefrom & Spline | β€’ Figma둜 Design System ꡬ좕이 κ°€λŠ₯ν•©λ‹ˆλ‹€. β†’ Qvick SOPO μ• κΈ°μ•Ό β€’ Freefrom을 μ‚¬μš©ν•΄μ„œ Flow ꡬ좕과 아이디어 정리가 κ°€λŠ₯ ν•©λ‹ˆλ‹€. β†’ Qvick β€’ Spline을 μ‚¬μš©ν•΄μ„œ κ°„λ‹¨ν•œ 3D λ„ν˜•μ΄λ‚˜ μ‘°ν˜•λ¬Ό μ œμž‘μ΄ κ°€λŠ₯ν•©λ‹ˆλ‹€. | | Python & C | β€’ Python pygameκΈ°λŠ₯을 μ‚¬μš©ν•΄μ„œ κ²Œμž„κ°œλ°œμ΄ κ°€λŠ₯ν•©λ‹ˆλ‹€. β†’ PygameProject β€’ Python으둜 μž¬κ·€ν•¨μˆ˜κΉŒμ§€ μ‚¬μš©κ°€λŠ₯ν•©λ‹ˆλ‹€. β€’ Cλ₯Ό μ‚¬μš©ν•΄μ„œ ν¬μΈν„°κΉŒμ§€ μ‚¬μš©κ°€λŠ₯ν•©λ‹ˆλ‹€. | | npm & yarn & pnpm | β€’ npm, yarn, pnpm 3개의 νŒ¨ν‚€μ§€λ§€λ‹ˆμ €λ₯Ό μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€. β€’ npm μ‚¬μš© β†’ https://github.com/Sopo2023/SOPO_FRONTLAST β€’ yarn μ‚¬μš© β†’ https://github.com/Sopo2023/sopo_user_v2 β€’ pnpm μ‚¬μš© β†’ https://github.com/Team-C0nnect/Qvick_Web | | Git & Github & Jira | β€’ git을 μ‚¬μš©ν•˜μ—¬ ν”„λ‘œμ νŠΈλ₯Ό κ΄€λ¦¬ν•©λ‹ˆλ‹€. β€’ code-reviewλ₯Ό ν•˜λ©° μ½”λ“œμ˜ μ§ˆμ„ ν–₯μƒν•©λ‹ˆλ‹€. β€’ git-flow에 μ΅μˆ™ν•©λ‹ˆλ‹€. β€’ Jiraλ₯Ό μ‚¬μš©ν•΄μ„œ ν”„λ‘œμ νŠΈ 관리λ₯Ό ν•  수 μžˆμŠ΅λ‹ˆλ‹€. |

πŸ’ͺ 이수 전곡 ꡐ과λͺ©

자료ꡬ쑰

Python ν”„λ‘œκ·Έλž˜λ°

λ°μ΄ν„°λ² μ΄μŠ€ ν”„λ‘œκ·Έλž˜λ°

λ„€νŠΈμ›Œν¬ ν”„λ‘œκ·Έλž˜λ°

JAVA ν”„λ‘œκ·Έλž˜λ°

μ„œλ²„ ꡬ좕 및 운영

μ›Ήν”„λ‘œκ·Έλž˜λ°

μ›Ήλ””μžμΈ

ν”„λ‘œμ νŠΈ μ‹€μŠ΅

ν”„λ‘œμ νŠΈ μ‹€μŠ΅