μ‹ μž… 개발자λ₯Ό μœ„ν•œ 포트폴리였 μž‘μ„±λ²• 5κ°€μ§€

2024. 2. 27. 16:57Β· πŸ’»κΈ°μˆ 
λͺ©μ°¨
  1. 1. νŒ€ ν”„λ‘œμ νŠΈμ™€ 개인 ν”„λ‘œμ νŠΈλ₯Ό μ μ ˆν•˜κ²Œ
  2. 2. 이슈, 문제 상황, ν•΄κ²° 방법, 배운점
  3. 3. ν† κΈ€ μ œμ™Έ, λ§ν¬λŠ” μ΅œλŒ€ν•œ 적게, 가독성 μ‹ κ²½ μ¨μ„œ
  4. 4. 기업에 λ§žλŠ” μŠ€νƒ μ€‘μ‹¬μœΌλ‘œ ꡬ성
  5. 5. μ£Όλ³€ μ‚¬λžŒλ“€ 이λ ₯μ„œ κ²€ν† 
λ°˜μ‘ν˜•

 ν¬νŠΈν΄λ¦¬μ˜€λŠ” μ§€μ›μžμ˜ μ²«μΈμƒμ„ κ²°μ •ν•©λ‹ˆλ‹€. νŠΉνžˆ κ°œλ°œμžμ—κ²Œ ν¬νŠΈν΄λ¦¬μ˜€λŠ” μž‘업물을 κ³΅μœ ν•˜κ³  κΈ°μ—…μ—κ²Œ μ–΄ν•„ν•˜κΈ° μœ„ν•œ κ°€μž₯ μ’‹μ€ μˆ˜λ‹¨μž…λ‹ˆλ‹€. λ°˜λŒ€λ‘œ κΈ°μ—…은 μ§€μ›μžμ˜ κΈ°μˆ  μ—­λŸ‰μ„ νŒŒμ•…ν•˜κ³  μ„±ν–₯κ³Ό μ½”λ“œ μŠ€νƒ€μΌκΉŒμ§€ ν™•인할 μˆ˜ μžˆκΈ°μ— ν˜‘업에 μœ λ¦¬ν•œ μΈμž¬μΈμ§€ μ•„λ‹Œμ§€λ₯Ό μ•Œκ²Œ λ©λ‹ˆλ‹€. κ·Έλ ‡κΈ°μ— μ§€μ›μžλŠ” ν¬νŠΈν΄λ¦¬μ˜€ κ΄€λ¦¬μ— μ‹ κ²½ μ“Έ μˆ˜λ°–에 μ—†μŠ΅λ‹ˆλ‹€. μ΄λ²ˆ ν¬μŠ€νŠΈμ—μ„œλŠ” μ‹ μž… κ°œλ°œμž(ν”„λ‘ νŠΈμ—”λ“œ and λ°±μ—”λ“œ)λ₯Ό μœ„ν•œ ν¬νŠΈν΄λ¦¬μ˜€ μž‘성법을 μ†Œκ°œν•©λ‹ˆλ‹€. 

 

1. νŒ€ ν”„λ‘œμ νŠΈμ™€ 개인 ν”„λ‘œμ νŠΈλ₯Ό μ μ ˆν•˜κ²Œ

 νŒ€ ν”„λ‘œμ νŠΈλŠ” ν˜‘μ—… λŠ₯λ ₯을 μΈ‘μ •ν•˜κΈ° μœ„ν•œ μ€‘μš”ν•œ ν¬νŠΈν΄λ¦¬μ˜€μž…λ‹ˆλ‹€. ν‰μƒ κ°œμΈ ν”„λ‘œμ νŠΈλ§Œ ν•΄μ˜¨ μ‚¬λžŒ μ¦‰, λ…ν•™λŸ¬λ“€μ€ μƒλŒ€μ μœΌλ‘œ κΉƒν—ˆλΈŒ λΈŒλžœμΉ˜ μ „λž΅μ΄λ‚˜ μ‹€λ¬΄ ν˜‘업을 κ²½ν—˜ν•΄λ³΄μ§€ λͺ»ν•΄ μž…사 μ΄ˆκΈ°λΆ€ν„° λ²„벅거릴 μˆ˜ μžˆμŠ΅λ‹ˆλ‹€. κΈ°μ—… μž…μž₯μ—μ„œ μ΄λŸ° μ‚¬λžŒμ„ μ’‹μ•„ν•˜μ§€λŠ” μ•Šκ² μ£ . λ”°λΌμ„œ ν•΄μ»€ν†€, κ³΅λͺ¨μ „, κ΅­λΉ„지원(νŒ€ν”„λ‘œμ νŠΈ) κ°™μ€ κ³³μ—μ„œ λ‹€λ₯Έ κ°œλ°œμžλ“€κ³Ό ν˜‘μ—…ν•œ ν”„λ‘œμ νŠΈλ₯Ό κΈ°μž…ν•˜λŠ”κ²Œ μ’‹μŠ΅λ‹ˆλ‹€. 

 

 λ§Œμ•½ νŒ€ ν”„λ‘œμ νŠΈκ°€ μ—†λ‹€λ©΄ ν•΄μ»€ν†€μ„ μ€€λΉ„ν•΄λ³΄μ‹œλŠ” κ²ƒλ„ λ„움이 λ©λ‹ˆλ‹€. κ΅³μ΄ ν•΄μ»€ν†€μ΄ μ•„λ‹ˆλ”λΌλ„ κ°œλ°œμž ν–‰μ‚¬(컨퍼런슀, μ„Έλ―Έλ‚˜)에 μ£ΌκΈ°μ μœΌλ‘œ μ°Έμ„ν•΄ 보며 μ •보λ₯Ό μ–»λŠ” κ²ƒλ„ λ„움이 λ©λ‹ˆλ‹€. μ•„μ˜ˆ νŠΉμ • μ»¨νΌλŸ°μŠ€μ—μ„œ κ°•μ—°μžλ‘œ μ°Έμ„ν•΄ λ°œν‘œν•˜λŠ” κ²½ν—˜λ„ μ’‹κ³ μš”. μ•„λž˜ κΉƒν—ˆλΈŒ λ ˆν¬μ— κ°œλ°œμž ν–‰μ‚¬ λ¦¬μŠ€νŠΈκ°€ μž˜ μ •λ¦¬λ˜μ–΄ μžˆμœΌλ‹ˆ μ°Έκ³ ν•˜μ‹œλ©΄ λ©λ‹ˆλ‹€.

 

https://github.com/brave-people/Dev-Event

 

 κ·ΈλŸΌ νŒ€ ν”„λ‘œμ νŠΈλ§Œ μ μœΌλ©΄ λ˜λŠ”κ±΄κ°€? κ·Έκ±΄ μ•„λ‹™λ‹ˆλ‹€. νŒ€ ν”„λ‘œμ νŠΈλ§Œ κΈ°μž…λ˜μ–΄ μžˆμœΌλ©΄ κ°œμΈ μ„±μž₯ μΈ‘λ©΄μ—μ„œ μ†Œν™€ν•˜λ‹€κ³  λŠκ»΄μ§€κΈ° λ•Œλ¬Έμ— κ°œμΈ ν”„λ‘œμ νŠΈλ₯Ό ν•œ λ‘ 개 μ •도 κΈ°μž…ν•΄ λ†“λŠ” 것도 μ€‘μš”ν•©λ‹ˆλ‹€. νŠΉνžˆ ν”„λ‘ νŠΈμ—”λ“œ κ°œλ°œμžλΌλ©΄ ν”„λ‘ νŠΈμ—”λ“œ μ€‘심 ν”„λ‘œμ νŠΈ ν•˜λ‚˜, λ°±μ—”λ“œ μ„œλ²„λ₯Ό κ΅¬μΆ•ν•œ ν’€ μŠ€νƒ ν”„λ‘œμ νŠΈ ν•˜λ‚˜ μ΄λ ‡κ²Œ κ΅¬μ„±ν•˜λŠ” 것도 μ’‹μŠ΅λ‹ˆλ‹€.

 

 νšŒμ‚¬μΌμ„ ν•˜λ‹€λ³΄λ©΄ κ·Έλ™μ•ˆ μ“°μ§€ μ•Šμ•˜λ˜ κΈ°μˆ μ„ λ‹€λ£¨κ²Œ λ˜λŠ”λ° μ΄λ•Œ 개인 ν”„λ‘œμ νŠΈλ‘œ ν•™μŠ΅ κ²½ν—˜μ΄ μžˆλ‹€λ©΄ μ§€μ›μžλ‘œ ν•˜μ—¬κΈˆ κΎΈμ€€ν•˜κ²Œ κ³΅λΆ€ν•˜λŠ” μ‚¬λžŒμ΄λΌλŠ” 인상을 쀄 수 μžˆμŠ΅λ‹ˆλ‹€. λ™μ‹œμ— νŒ€ ν”„λ‘œμ νŠΈ 기여에 μžˆμ–΄μ„œλ„ λ¬΄μž„μŠΉμ°¨ν•˜μ§€ μ•ŠλŠ”λ‹€λŠ” λ§ˆμŒκ°€μ§λ„ 주게 λ©λ‹ˆλ‹€. 

 

사싀상 본업에 λ„μ›€λ˜λΌκ³  ν•˜λŠ”γ„± γ…“ https://www.shinailbo.co.kr/news/articleView.html?idxno=1623875

 

2. 이슈, 문제 상황, ν•΄κ²° 방법, 배운점

 ν¬νŠΈν΄λ¦¬μ˜€ μž‘μ„±λ²•μž…λ‹ˆλ‹€. λ§¨ μ²˜μŒ μ–΄λ–€ μ΄μŠˆκ°€ μžˆμ—ˆλŠ”μ§€, κ·Έκ²Œ μ™œ λ¬Έμ œμΈμ§€λ₯Ό ν•œ λ¬Έμž₯으둜 μ μŠ΅λ‹ˆλ‹€. κ·Έλ¦¬κ³  μ–΄λ–€ κΈ°μˆ μ„ μ¨μ„œ μ–΄λ–»κ²Œ ν•΄κ²°ν–ˆλŠ”μ§€, λ§ˆμ§€λ§‰μœΌλ‘œ λ¬΄μ—‡μ„ λ°°μ› λŠ”μ§€ κΉŒμ§€ ν•˜λ©΄ μ§€μ›μžλ‘œ ν•˜μ—¬κΈˆ μ μ ˆν•œ μƒν™©μ— μ μ ˆν•œ κΈ°μˆ μŠ€νƒμ„ ν™œμš©ν–ˆλ‹€λŠ” μ μ΄ λ³΄μž…λ‹ˆλ‹€. μ¦‰, λ¬Έμ œν•΄κ²°μ„ ν•  λ•Œ λ§‰λ¬΄κ°€λ‚΄λ‘œ μ²˜λ¦¬ν•˜λŠ” 게 μ•„λ‹Œ, μ μ ˆν•œ κ³Όμ •을 κ±°μΉ˜κ³  ν•©λ¦¬μ μΈ λ°©λ²•μœΌλ‘œ λ¬Έμ œμ •μ˜μ™€ ν•΄κ²°μ„ ν•  μˆ˜ μžˆλŠ” μΈμž¬λΌλŠ” μ μ„ μ–΄ν•„ν•˜λŠ” κ²ƒμ΄μ£ .

 

 μ˜ˆλ₯Ό λ“€μ–΄ ν”„λ‘ νŠΈμ—”λ“œμ—μ„œ d3.js둜 κ·Έλž˜ν”„λ₯Ό κ·Έλ¦¬λŠ”λ°, React와 D3.jsλͺ¨λ‘ DOM에 μ ‘κ·Όν•  μˆ˜ μžˆλ‹€ λ³΄λ‹ˆ μ„±λŠ₯ μ €ν•˜ λ¬Έμ œκ°€ μƒκΈ°λŠ” μƒν™©μ„ λ§ˆμ£Όν–ˆλ‹€κ³  κ°€μ •ν•΄ λ΄…μ‹œλ‹€. κ·Έλ¦¬κ³  μ„œλ‘œλ‹€λ₯Έ λ‘ κΈ°μˆ μ„ ReactλŠ” λ‹¨μˆœ UI에 D3.jsλŠ” λ³΅μž‘ν•œ μ—°μ‚°μœΌλ‘œ κΈ°λŠ₯을 λΆ„λ¦¬ν•˜μ—¬ 1000개의 Data λ²”μœ„μ—μ„œ ν”„λ ˆμž„μœ¨μ„ 80%λŒμ–΄μ˜¬λ Έλ‹€κ³  κ°€μ •ν•΄λ΄…μ‹œλ‹€. μ΄ λ¬Έμ œν•΄κ²° κ³Όμ •을 λ‹€μŒκ³Ό κ°™μ΄ κΈ°μˆ ν•  μˆ˜ μžˆμŠ΅λ‹ˆλ‹€.

 

React와 D3.jsλ₯Ό λ™μ‹œμ— μ‚¬μš©ν•˜λ‹€ λ³΄λ‹ˆ ν”„λ ˆμž„ μ €ν•˜ ν˜„μƒμ΄ 생겨 μœ μ €κ°€ λΆˆνŽΈν•¨μ„ κ²ͺμ—ˆμŒ. ReactλŠ” UI파트, D3.jsλŠ” κ·Έλž˜ν”„ μ—°μ‚° 파트둜 DOM μ—…λ°μ΄νŠΈ λ²”μœ„ λΆ„λ¦¬ν•΄μ„œ 해결함. κΈ°μ‘΄λŒ€λΉ„ ν”„λ ˆμž„μœ¨μ„ 80% κ°œμ„ ν•¨.

 

 μ΄λ ‡κ²Œ λ˜λ©΄ κΈ°μ—… λ©΄μ ‘κ΄€ μž…μž₯μ—μ„œ λ¬Έμ œμ˜ μ›μΈκ³Ό ν•΄κ²°κ³Όμ •을 μ‰½κ²Œ ν•΄μ„ν•  μˆ˜ μžˆμŠ΅λ‹ˆλ‹€. λŒ€λΆ€λΆ„ μ‹œλ‹ˆμ–΄λΆ„듀이기 λ•Œλ¬Έμ— μžμ„Έν•˜κ²Œ λ¬˜μ‚¬ν•˜μ§€ μ•Šμ•„도 μΆ©λΆ„νžˆ μ΄ν•΄ν•˜μ‹œλ‹ˆ κ΅³μ΄ κΈΈκ²Œ μ μ§€ λ§ˆμ‹œκ³  μ΅œλŒ€ν•œ μ••μΆ•ν•΄μ„œ λ‘κ΄„μ‹μœΌλ‘œ μž‘μ„±ν•˜μ‹œλ©΄ λ©λ‹ˆλ‹€.

 

 

3. ν† κΈ€ μ œμ™Έ, λ§ν¬λŠ” μ΅œλŒ€ν•œ 적게, 가독성 μ‹ κ²½ μ¨μ„œ

 λ…Έμ…˜μœΌλ‘œ μ΄λ ₯μ„œλ₯Ό μž‘μ„±ν•˜μ‹ λ‹€λ©΄ ν† κΈ€μ— λ””ν…ŒμΌν•œ λΆ€λΆ„을 μ κ²Œ λ©λ‹ˆλ‹€. κ·ΈλŸ¬λ‚˜ μ‹€μ œ κΈ°μ—… λ©΄μ ‘κ΄€ λΆ„듀은 ν•˜λ£¨μ—λ„ μˆ˜μ‹­ 건 λ§Žκ²ŒλŠ” μˆ˜λ°± κ±΄κ°€λŸ‰μ˜ μ΄λ ₯μ„œλ₯Ό λ§ˆμ£Όν•˜μ‹œκΈ° λ•Œλ¬Έμ— ν† κΈ€μ„ ν•˜λ‚˜ν•˜λ‚˜ μ—΄μ–΄λ³Ό μ‹œκ°„이 μ—†μŠ΅λ‹ˆλ‹€. 우리 νšŒμ‚¬μ— κ°€μž₯ μ•Œλ§žμ€ μ§€μ›μžλ₯Ό 뽑기 μœ„ν•΄μ„œλŠ” μ“± μ½μ–΄λ³΄λŠ” 게 μ€‘μš”ν•œλ° 토글을 μ—¬λŠλΌ μ‹œκ°„μ΄ λ‚­λΉ„λœλ‹€λ©΄ μƒλ‹Ήνžˆ λΆˆνŽΈν•΄μ§‘λ‹ˆλ‹€. 이 같은 점 λ•Œλ¬Έμ— λ©΄μ ‘κ΄€ μž…μž₯μ—μ„œλŠ” μƒλŒ€μ— λŒ€ν•œ λ°°λ €λ₯Ό ν•˜μ§€ μ•ŠλŠ”λ‹€κ³  잘 λͺ» λΉ„μΉ  수 μžˆμŠ΅λ‹ˆλ‹€. λΆˆνŽΈν•˜κΈ°λ„ ν•˜κ³ μš”.

 

 μ΄λ ₯μ„œλŠ” κΉ”λ”ν•˜κ³  μž„νŒ©νŠΈ μžˆμ–΄μ•Ό ν•©λ‹ˆλ‹€. λ‹¨ λͺ‡ μž₯에 κΈ°μˆ  μŠ€νƒ, μ΄λ ₯, μ‹ λ’°λ„, ν˜‘μ—…λŠ₯λ ₯, μ§λ¬΄ λŠ₯λ ₯등을 ν•¨μΆ•ν•΄μ„œ λ³΄μ—¬μ€˜μ•Ό ν•˜κΈ° λ•Œλ¬Έμ— λ©΄μ ‘κ΄€ μž…μž₯μ—μ„œ κ±°μŠ¬λ¦¬λŠ” μš”μ†Œκ°€ μžˆμœΌλ©΄ μ•ˆ λ©λ‹ˆλ‹€.

 

 λ§ν¬λ„ λ§ˆμ°¬κ°€μ§€μž…λ‹ˆλ‹€. λ§ν¬λ“œμΈ, κΉƒν—ˆλΈŒ μ£Όμ†Œμ™€ 포트폴리였 접속 μ£Όμ†Œλ§Œ 링크해 두고, 유튜브, μŠ€ν¬λ¦°μƒ·λ“±μ€ μ²¨λΆ€ν•˜μ§€ μ•ŠλŠ” 게 μ’‹μŠ΅λ‹ˆλ‹€. μ˜€ν”ˆμ†ŒμŠ€μ˜ 경우 κΉƒν—ˆλΈŒ 레포λ₯Ό 링크해 λ‘μ‹œκ³  레포 λ‚΄μ˜ λ¦¬λ“œλ―Έλ₯Ό μ΅œλŒ€ν•œ μ‹ κ²½ μ¨μ„œ μž‘μ„±ν•˜μ‹œλŠ” 편이 μ’‹μŠ΅λ‹ˆλ‹€. 이 경우 μ§€μ›μžμ˜ λ¬Έμ„œν™” λŠ₯λ ₯을 μ§μ ‘μ μœΌλ‘œ λ³Ό 수 있기 λ•Œλ¬Έμ— ν˜‘μ—… μ°¨μ›μ—μ„œ 긍정적인 인상을 쀄 수 μžˆμŠ΅λ‹ˆλ‹€.

 κ°€λ…성을 μ‹ κ²½μ¨μ„œ μž‘μ„±ν•˜λ©΄ β€œλ°°λ €ν•˜λŠ” μ‚¬λžŒβ€μ΄λΌλŠ” μΈμƒμ„ μ‰½κ²Œ μ€„ μˆ˜ μžˆμŠ΅λ‹ˆλ‹€. ν•˜λ£¨μ—λ„ μ—¬λŸ¬ μ΄λ ₯μ„œλ₯Ό κ²€ν† ν•˜λŠ” μ‚¬λžŒ μž…μž₯μ—μ„œ κ°€λ…성이 λ–¨μ–΄μ§€λŠ” μ΄λ ₯μ„œλ₯Ό λ§Žμ΄ μ½κ²Œ λ˜λŠ”λ° κ·Έλ•Œ κ°€λ…성이 μ’‹μ€ μ΄λ ₯μ„œλŠ” λ‹¨μ—° λˆˆμ— λŒ μˆ˜λ°–에 μ—†μŠ΅λ‹ˆλ‹€. λ§μ„ κΈΈκ²Œ ν’€μ–΄μ“°μ§€ λ§ˆμ‹œκ³  λ‘κ΄„μ‹μœΌλ‘œ μž‘μ„±ν•˜μ…”μ•Ό ν•©λ‹ˆλ‹€. ν–‰μ€ μ΅œλŒ€ 3~4쀄이 μ λ‹Ήν•©λ‹ˆλ‹€.

 

4. 기업에 λ§žλŠ” μŠ€νƒ μ€‘μ‹¬μœΌλ‘œ ꡬ성

 μ†Œκ°œν•  ν”„λ‘œμ νŠΈκ°€ λ§Žμ€ 경우(5~6개) 지원할 κΈ°μ—…μ—μ„œ μš”κ΅¬ν•˜λŠ” μŠ€νƒμ— κ°€μž₯ λΆ€ν•©ν•˜λŠ” ν”„λ‘œμ νŠΈλ₯Ό μš°μ„ μ μœΌλ‘œ μ„ λ³„ν•˜μ…”μ•Ό ν•©λ‹ˆλ‹€. 아무리 μ£Όλ‹ˆμ–΄λΌλ„ νšŒμ‚¬ μž…μž₯μ—μ„œλŠ” λ°”λ‘œ νˆ¬μž…ν•΄μ„œ μ„±κ³Όλ₯Ό λ‚΄λŠ” 게 μ€‘μš”ν•˜κ²Œ μž‘μš©ν•˜κΈ°μ— 기업이 ν˜„μž¬ μ‚¬μš© 쀑인 μŠ€νƒμ„ μ€‘μ‹¬μœΌλ‘œ 이λ ₯μ„œλ₯Ό μˆ˜μ •ν•˜λŠ” 건 취업등락에 μ€‘μš”ν•œ μž‘μš©μ„ ν•  μˆ˜λ°–μ— μ—†μŠ΅λ‹ˆλ‹€. μ–Έμ œλ‚˜ νŒ”μ€ μ•ˆμœΌλ‘œ κ΅½λŠ” λ²•μ΄λ‹ˆκΉŒμš”. λ‹Ήμ—° νšŒμ‚¬μ—μ„œ μ‚¬μš©ν•˜λŠ” μŠ€νƒμ„ 주둜 μ‚¬μš©ν•˜λŠ” μ§€μ›μžλ₯Ό 봀을 λ•Œ 같은 λŠ₯λ ₯이라도 μ’‹κ²Œ λ³΄μ΄λŠ” 건 νšŒμ‚¬ μž…μž₯μ—μ„œ λ‹Ήμ—°ν•œ μΌμž…λ‹ˆλ‹€.

 

 νšŒμ‚¬κ°€ μ‚¬μš©ν•˜λŠ” μŠ€νƒμ€ μ±„μš©κ³΅κ³ λ₯Ό 보면 λ‚˜μ™€ μžˆμŠ΅λ‹ˆλ‹€. ν”„λ‘ νŠΈμ—”λ“œμ˜ 경우 λŒ€κ²Œ React/TypeScript μŠ€νƒμ„ 기쑰둜 NextJSλ‚˜ λ‹€λ₯Έ μŠ€νƒ€μΌ/μƒνƒœκ΄€λ¦¬ λΌμ΄λΈŒλŸ¬λ¦¬λ“€μ„ μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. μ‚¬μ΄λ“œ ν”„λ‘œμ νŠΈλ₯Ό 톡해 ν•˜λ‚˜ λ‘˜ μ΅νžˆμ‹œλ‹€ 보면 νšŒμ‚¬μ˜ μŠ€νƒκ³Ό μ‚¬μ΄λ“œν”„λ‘œμ νŠΈμ˜ μŠ€νƒμ΄ λ™μΌν•œ κ²½μš°κ°€ μžˆλŠ”λ°, 이런 ν”„λ‘œμ νŠΈλ₯Ό μ„ λ³„ν•΄μ„œ 지원해 λ³΄λŠ” 것도 도움이 λ©λ‹ˆλ‹€.

 

https://yozm.wishket.com/magazine/detail/1402/

 

 μ°Έκ³ λ‘œ μœ„ μ΄λ―Έμ§€μ—μ„œ jQueryλŠ” λ°°μš°μ§€ μ•ŠλŠ” 게 μ’‹μŠ΅λ‹ˆλ‹€. 

 

5. μ£Όλ³€ μ‚¬λžŒλ“€ 이λ ₯μ„œ κ²€ν† 

 λ©΄μ ‘κ΄€ μž…μž₯μ—μ„œ μƒκ°ν•΄ λ³Ό μˆ˜ μžˆμ–΄μ•Ό ν•©λ‹ˆλ‹€. κ°€μž₯ μ’‹μ€ λ°©λ²•은 λ‚˜λ₯Ό μ œμ™Έν•œ λ‹€λ₯Έ μ΄λ ₯μ„œλ₯Ό κ²€ν† ν•΄ λ³΄λŠ” λ°©λ²•μž…λ‹ˆλ‹€. κ°œλ°œ μ§κ΅° νŠΉμ„±μƒ ν”Œλž«νΌμ— ν¬νŠΈν΄λ¦¬μ˜€λ₯Ό κ³΅κ°œν•˜λŠ” κ²½μš°κ°€ λ§Žμ€λ°, ν”Œλž«νΌμ—μ„œ λ‹€λ₯Έ κ°œλ°œμžλΆ„λ“€ μ΄λ ₯μ„œλ₯Ό μ—΄λžŒν•΄ λ³Ό μˆ˜ μžˆμŠ΅λ‹ˆλ‹€. μ œκ°€ μΆ”μ²œν•˜λŠ” ν”Œλž«νΌμœΌλ‘œλŠ” λ λ¦Ώ, μ„œν•μ΄ μžˆμŠ΅λ‹ˆλ‹€. 각 ν”Œλž«νΌ λͺ¨λ‘ λ‹€λ₯Έ κ°œλ°œμžλΆ„λ“€μ΄ μ˜¬λ €λ‘μ‹  이λ ₯μ„œλ₯Ό λ³Ό 수 μžˆλŠ”λ°, μ΄λŸ¬ν•œ κ²½ν—˜μ΄ λ‚΄ μŠ€νƒμ„ κ°κ΄€μ μœΌλ‘œ λ°”λΌλ³΄λŠ”λ° 도움이 λ©λ‹ˆλ‹€. κ²Œλ‹€κ°€ 이λ ₯μ„œλ₯Ό 잘 λ§Œλ“€μ–΄μ„œ μ˜¬λ €λ‘λ©΄ μ·¨μ—… 이직 μ œμ•ˆλ„ λ“€μ–΄μ˜€λŠ” νŽΈμ΄λ‹ˆ ν•΄λ‹Ή ν”Œλž«νΌμ— μ˜¬λ €λ‘λ©΄ 일석이쑰겠죠. 

 


 

 μ΄λ ‡κ²Œ μ‹ μž… 개발자λ₯Ό μœ„ν•œ 포트폴리였 μž‘μ„±λ²•μ„ μ•Œμ•„λ΄€μŠ΅λ‹ˆλ‹€. 도움이 λ˜μ…¨λ‹€λ©΄ μ’‹κ² μŠ΅λ‹ˆλ‹€.

λ°˜μ‘ν˜•
μ €μž‘μžν‘œμ‹œ (μƒˆμ°½μ—΄λ¦Ό)

'πŸ’»κΈ°μˆ ' μΉ΄ν…Œκ³ λ¦¬μ˜ λ‹€λ₯Έ κΈ€

VR 컨텐츠 개발이 μ–΄λ €μš΄ 이유 with Vision Pro  (28) 2024.03.09
[ DBeaver ] λ§₯μ—μ„œ MySQL μ„œλ²„ μ ‘μ†ν•˜κΈ°  (31) 2024.03.05
메타 ν€˜μŠ€νŠΈ 2, 3 μ•ˆμ „ 경계 끄기  (1) 2024.02.24
[ React ] CRA둜 λ‘œμ»¬μ—μ„œ HTTPS μ μš©ν•˜κΈ°  (0) 2024.02.22
μ£Όλ‹ˆμ–΄ κ°œλ°œμžκ°€ TypeScriptλ₯Ό λ°˜λ“œμ‹œ λ°°μ›Œμ•Όν•˜λŠ” 이유  (18) 2024.02.21
  1. 1. νŒ€ ν”„λ‘œμ νŠΈμ™€ 개인 ν”„λ‘œμ νŠΈλ₯Ό μ μ ˆν•˜κ²Œ
  2. 2. 이슈, 문제 상황, ν•΄κ²° 방법, 배운점
  3. 3. ν† κΈ€ μ œμ™Έ, λ§ν¬λŠ” μ΅œλŒ€ν•œ 적게, 가독성 μ‹ κ²½ μ¨μ„œ
  4. 4. 기업에 λ§žλŠ” μŠ€νƒ μ€‘μ‹¬μœΌλ‘œ ꡬ성
  5. 5. μ£Όλ³€ μ‚¬λžŒλ“€ 이λ ₯μ„œ κ²€ν† 
'πŸ’»κΈ°μˆ ' μΉ΄ν…Œκ³ λ¦¬μ˜ λ‹€λ₯Έ κΈ€
  • VR 컨텐츠 개발이 μ–΄λ €μš΄ 이유 with Vision Pro
  • [ DBeaver ] λ§₯μ—μ„œ MySQL μ„œλ²„ μ ‘μ†ν•˜κΈ°
  • 메타 ν€˜μŠ€νŠΈ 2, 3 μ•ˆμ „ 경계 끄기
  • [ React ] CRA둜 λ‘œμ»¬μ—μ„œ HTTPS μ μš©ν•˜κΈ°
DipokalHHJ
DipokalHHJ
μ•ˆλ…•ν•˜μ„Έμš” πŸ”­ μ†Œν”„νŠΈμ›¨μ–΄ 개발자 ν—ˆν˜•μ€€μž…λ‹ˆλ‹€. 개인적인 에세이와 λŒ€μ€‘μ μΈ 기술 μΉΌλŸΌμ„ μ“°κ³  μžˆμŠ΅λ‹ˆλ‹€. ν…ŒμŠ€νŠΈλ² λ“œ μŠ€νƒ€νŠΈμ—… 데카λ₯΄νŠΈμ’Œν‘œκ³„λ₯Ό μ°½λ¦½ν•˜κ³  bleeding edge κΈ°μˆ μ„ 닀루고 μžˆμŠ΅λ‹ˆλ‹€.
ν—ˆν˜•μ€€μ•ˆλ…•ν•˜μ„Έμš” πŸ”­ μ†Œν”„νŠΈμ›¨μ–΄ 개발자 ν—ˆν˜•μ€€μž…λ‹ˆλ‹€. 개인적인 에세이와 λŒ€μ€‘μ μΈ 기술 μΉΌλŸΌμ„ μ“°κ³  μžˆμŠ΅λ‹ˆλ‹€. ν…ŒμŠ€νŠΈλ² λ“œ μŠ€νƒ€νŠΈμ—… 데카λ₯΄νŠΈμ’Œν‘œκ³„λ₯Ό μ°½λ¦½ν•˜κ³  bleeding edge κΈ°μˆ μ„ 닀루고 μžˆμŠ΅λ‹ˆλ‹€.
DipokalHHJ
ν—ˆν˜•μ€€
DipokalHHJ
전체
였늘
μ–΄μ œ
  • λΆ„λ₯˜ 전체보기 (141)
    • πŸ’»κΈ°μˆ  (64)
      • Python (2)
      • JavaScript (6)
      • NodeJS (7)
      • Docker (3)
      • Architecture (1)
      • DevOps (3)
      • CTF (3)
      • Security (2)
      • UIUX (1)
      • μ—λŸ¬μ™€μ˜ μ „μŸ (12)
      • μ •λ³΄κ³΅μœ  (8)
      • 기타 (7)
    • πŸ˜„μƒκ° (22)
      • μŠ€ν† λ¦¬ (10)
      • ν”„λ‘œμ νŠΈ (9)
      • ν”„λ¦¬μŠ€νƒ€μΌ (5)
      • 짧은글 (7)
      • μ‹œλ¦¬μ¦ˆ (2)
      • Advertisement (1)
      • 에세이 (1)
      • 생각쑰각 (0)
    • πŸ€”νšŒκ³  (9)
      • μ—°κ°„ 회고 (3)
      • ν”„λ‘œμ νŠΈ 회고 (4)
      • 짧은 기둝 (2)
    • πŸŽΈκΈ°νƒ€ (1)
      • μŠ€λ¬΄λ”-ν”„λ‘œμ νŠΈκ³΅μ§€ (2)
    • πŸš€μ—μ„Έμ΄ (4)
    • μ² ν•™ (1)
    • λΉ„μ¦ˆλ‹ˆμŠ€ (2)

λΈ”λ‘œκ·Έ 메뉴

  • ν™ˆ
  • νƒœκ·Έ
  • λ°©λͺ…둝

곡지사항

  • λΈ”λ‘œκ·Έ μ†Œκ°œ

인기 κΈ€

νƒœκ·Έ

  • μ •λ³΄λ³΄μ•ˆ
  • github
  • php
  • webpack
  • μ†Œν”„νŠΈμ›¨μ–΄
  • κΉƒν—ˆλΈŒ
  • μžλ°”μŠ€ν¬λ¦½νŠΈ
  • λ””μžμΈ
  • ꡐ윑
  • 기술
  • λ””μžμΈ μ‹œμŠ€ν…œ
  • js
  • μŠ€νƒ€νŠΈμ—…
  • docker
  • 회고
  • ν”„λ‘œκ·Έλž˜λ°
  • 도컀
  • λ‹¨μˆœν•˜κ²Œ μ‚΄κΈ°
  • HackCTF
  • λ³΄μ•ˆ
  • μ—λŸ¬
  • Nodejs
  • μŠ€λ¬΄λ”ν”„λ‘œμ νŠΈ
  • μ²­μ†Œλ…„
  • vscode
  • μ›ΉνŒ©
  • 개발자
  • TypeScript
  • 쀑학생
  • 개발

졜근 λŒ“κΈ€

졜근 κΈ€

hELLO Β· Designed By μ •μƒμš°.v4.2.2
DipokalHHJ
μ‹ μž… 개발자λ₯Ό μœ„ν•œ 포트폴리였 μž‘μ„±λ²• 5κ°€μ§€
μƒλ‹¨μœΌλ‘œ

ν‹°μŠ€ν† λ¦¬νˆ΄λ°”

단좕킀

λ‚΄ λΈ”λ‘œκ·Έ

λ‚΄ λΈ”λ‘œκ·Έ - κ΄€λ¦¬μž ν™ˆ μ „ν™˜
Q
Q
μƒˆ κΈ€ μ“°κΈ°
W
W

λΈ”λ‘œκ·Έ κ²Œμ‹œκΈ€

κΈ€ μˆ˜μ • (κΆŒν•œ μžˆλŠ” 경우)
E
E
λŒ“κΈ€ μ˜μ—­μœΌλ‘œ 이동
C
C

λͺ¨λ“  μ˜μ—­

이 νŽ˜μ΄μ§€μ˜ URL 볡사
S
S
맨 μœ„λ‘œ 이동
T
T
ν‹°μŠ€ν† λ¦¬ ν™ˆ 이동
H
H
단좕킀 μ•ˆλ‚΄
Shift + /
⇧ + /

* λ‹¨μΆ•ν‚€λŠ” ν•œκΈ€/영문 λŒ€μ†Œλ¬Έμžλ‘œ 이용 κ°€λŠ₯ν•˜λ©°, ν‹°μŠ€ν† λ¦¬ κΈ°λ³Έ λ„λ©”μΈμ—μ„œλ§Œ λ™μž‘ν•©λ‹ˆλ‹€.