🌈 μœ„μ½”λ“œ κΈ°μ—…ν˜‘μ—… ν•œλ‹¬ 회고🌱

AprilΒ·2021λ…„ 7μ›” 1일
0

ProjectπŸ‘

λͺ©λ‘ 보기
5/13
post-thumbnail

github
데λͺ¨ μ˜μƒ

μœ„μ½”λ“œ 3κ°œμ›”μ°¨μ— κΈ°μ—…μœΌλ‘œ 인턴십을 κ²½ν—˜ν•˜λŠ” 과정이 μžˆλŠ”λ° 이 κ³Όμ •μ—μ„œ μ‹€μ œ ν˜„μ—…μ„ κ²½ν—˜ν•˜κ³  배울 수 μžˆλ‹€.
인턴십 κ³Όμ •μ—μ„œ 보낸 ν•œ 달을 기둝해본닀.


1. ν”„λ‘œμ νŠΈ μ†Œκ°œ

κ·Όνƒœ 등둝, 근무제 선택 및 μ‹ μ²­, μ—°μ°¨ λ“± νœ΄κ°€ 관리, 초과 근둜 관리 및 μˆ˜λ‹Ή 지급 λ“± 인사 업무 μ‹œμŠ€ν…œ 개발 ν”„λ‘œμ νŠΈ

  • κΈ°λ³Έ κ·Όνƒœ μž…λ ₯ 및 쑰회
  • νœ΄κ°€ μ‹ μ²­ 및 근무제 μ‹ μ²­
  • λ§ˆμ΄νŽ˜μ΄μ§€
    • κ·Όλ‘œμ‹œκ°„ 및 초과근무, μΆœβ€’ν‡΄κ·Ό μ‹œκ°„ μ‹œκ°ν™”
    • μ‹ μ²­ν•œ νœ΄κ°€ λ‚΄μ—­ 쑰회
  • κ΄€λ¦¬μž νŽ˜μ΄μ§€
    • 사원 전체 리슀트의 κΈ°λ³Έ 정보
    • 일별 μΆœβ€’ν‡΄κ·Ό 기둝 쑰회 및 검색 κΈ°λŠ₯

::κΈ°κ°„

  • 2021-06-07 ~ 07-01

::νŒ€μ›

  • Front-end: κΉ€μœ λ¦Ό, μ•ˆμ •ν˜„
  • Back-end: μ΅œμš°μ„

::κΈ°μˆ μŠ€νƒ

  • 곡톡: Gitlab, git graph, slack, trello, google ppt, Google Sheets, EC2, RDS
  • Front-end: HTML, Styled component, Javascript, React
  • Back-end: Python, MySQL, Django

2. κΈ°νšλΆ€ν„° κ°œλ°œκΉŒμ§€

기획 및 개발

  • λ§ˆμΌμŠ€ν†€ μž‘μ„±

    λ§ˆμΌμŠ€ν†€(milestone)μ΄λž€ ν”„λ‘œμ νŠΈ 진행 κ³Όμ •μ—μ„œ νŠΉμ •ν•  λ§Œν•œ κ±΄μ΄λ‚˜ ν‘œ


λ§ˆμΌμŠ€ν†€

sprint: 반볡적인 개발 주기 

✨ 1st sprint:

: 기획 및 λͺ¨λΈλ§, λ ˆμ΄μ•„μ›ƒ 및 μŠ€νƒ€μΌλ§

🌈 2nd sprint

: κ·Όνƒœ μž…λ ₯ 및 쑰회, νœ΄κ°€/근무제 μ‹ μ²­, λ§ˆμ΄νŽ˜μ΄μ§€ κΈ°λŠ₯ κ΅¬ν˜„

  • πŸ’¬κΈ€λž˜μŠ€λͺ¨ν”Όμ¦˜μ„ μ»¨μ…‰μœΌλ‘œ ν™”λ©΄ λ””μžμΈμ„ 직접 ν–ˆλ‹€..πŸ™‚ user page(κ·Όνƒœ μž…λ ₯ 및 νœ΄κ°€/근무제 μ‹ μ²­)λ₯Ό 직접 λ””μžμΈν•˜λŠ” κ²½ν—˜μ„ ν–ˆλ‹€. λ””μžμΈ 감각이 μ—†μ—ˆκΈ°μ— 이 뢀뢄이 ꡉμž₯히 μ–΄λ ΅κ³  λΆ€λ‹΄μŠ€λŸ¬μ› λ‹€β€¦
  • πŸ’¬1, 2μ°¨μ—μ„œλŠ” μ‚¬μš©ν•˜μ§€ μ•Šμ•˜λ˜ 라이브러리λ₯Ό 처음 μ‚¬μš©ν•΄λ³΄μ•˜λ‹€. 라이브러리λ₯Ό μ‚¬μš© ν•  λ•Œ μ‹€μ œ κ΅¬ν˜„ν•˜κΈ° μœ„ν•΄ 사전 κ³΅λΆ€ν•΄μ•Όν•˜λŠ” λ‚΄μš©μ΄ λ§Žμ•˜λ‹€..😱 이럴거면 직접 κ΅¬ν˜„ν• κΉŒ? 싢을 μ •λ„λ‘œ..γ…Žγ…ŽπŸ˜… κ·Έλž˜μ„œ μ‹€μ œ κ΅¬ν˜„ν•œ 뢀뢄도 μžˆλ‹€ νœ΄κ°€ μ‹ μ²­ νŽ˜μ΄μ§€ κ΅¬ν˜„ν•˜λ©΄μ„œ Date-picker 라이브러리λ₯Ό μ‚¬μš©ν•΄μ„œ 기간을 μ„ νƒν•˜κ²Œλ” ν–ˆμ§€λ§Œ, 근무제 μ‹ μ²­ νŽ˜μ΄μ§€λ₯Ό κ΅¬ν˜„ν•  λ•Œμ—” month-range-picker 라이브러리λ₯Ό μ‚¬μš©ν•˜λŠ” λŒ€μ‹  직접 κ΅¬ν˜„ν–ˆλ‹€. chart.js 라이브러리λ₯Ό μ‚¬μš©ν•˜μ—¬ λ§ˆμ΄νŽ˜μ΄μ§€μ˜ 데이터λ₯Ό μ‹œκ°ν™”ν–ˆλ‹€. λ‹€λ§Œ, μ£Ό λ‹¨μœ„ μ†Œμ • κ·Όλ‘œμ‹œκ°„μ„ μ‹œκ°ν™”ν•˜λŠ” λΆ€λΆ„μ—μ„œλŠ” chart.js 의 Barλ₯Ό μ‚¬μš©ν•˜λŠ” λŒ€μ‹  직접 κ΅¬ν˜„ν–ˆλ‹€. λΏŒλ“―ν•˜λ©΄μ„œλ„ λΌμ΄λΈŒλŸ¬λ¦¬μ— λΉ„ν•΄ κΈ°λŠ₯적인 뢀뢄이 λ―Έν‘ν•΄μ„œ 아쉽닀…πŸ₯²
  • πŸ’¬ μ‚¬μš©μžκ°€ μ£Όμ†Œμ°½μ— url을 직접 μž…λ ₯ ν›„ 접속 μ‹œ 토큰 λ˜λŠ” κΆŒν•œμ΄ μ—†λŠ” μ‚¬μš©μžλŠ” μ ‘μ†ν•˜μ§€ λͺ» ν•˜λ„λ‘, νŠ•κ²¨λ‚΄λ„λ‘ κ΅¬ν˜„ν•œ 점은 클둠 ν”„λ‘œμ νŠΈμ™€λŠ” λ‹€λ₯Έ μ μ΄μ—ˆκ³ , ν˜„μ—…μ—μ„œ μ‹€μ œ μ²΄ν¬ν•˜κ³  κ³ λ €ν•΄μ•Ό ν•˜λŠ” λΆ€λΆ„μ΄μ—ˆλ‹€.

🎁 3rd sprint:

: API μ—°κ²°

  • πŸ’¬ κ·Έ λ™μ•ˆ fetch() ν•¨μˆ˜λ₯Ό μ‚¬μš©ν•˜λ©΄μ„œ promise의 .then 문법을 μ‚¬μš©ν•΄μ™”λŠ”λ° 이번 ν”„λ‘œμ νŠΈμ—μ„œλŠ” μ‚¬μˆ˜μ˜ μ‘°μ–ΈμœΌλ‘œ async/await 문법을 μ‚¬μš©ν•΄ λ³΄μ•˜λ‹€. 사싀 아직도 이 λ‘κ°œμ˜ μ°¨μ΄λŠ” μ •ν™•νžˆ 잘 λͺ¨λ₯΄κ² λ‹€..πŸ˜… 더 κ³΅λΆ€ν•˜κ³  μ •λ¦¬ν•˜λŠ” μ‹œκ°„μ„ κ°€μ Έμ•Όκ² λ‹€!!
λ§ˆμ΄νŽ˜μ΄μ§€_λͺ¨λ°”일

πŸŒˆμ΅œμ’…λ°œν‘œ 및 ν”Όλ“œλ°±

  • 인턴십이 μ§„ν–‰λ˜μ—ˆλ˜ κΈ°μ—…μ˜ κ°œλ°œνŒ€μž₯λ‹˜κ»˜μ„œ νŒŒκ²¬μ€‘μ΄μ‹œλΌ, μ΅œμ’…λ°œν‘œλŠ” ZOOM으둜 μ§„ν–‰λ˜μ—ˆλ‹€. 그리고 ν”Όλ“œλ°±μ€ μ‚¬μˆ˜κ»˜μ„œ ν•΄μ£Όμ…¨λ‹€
    - BackendλŠ” λ§Žμ€ μ„œλ²„ μš”μ²­ μ²˜λ¦¬κ°€ μ§„ν–‰λ˜λ―€λ‘œ 데이터 포맷, 가곡은 Frontendκ°€ λ‹΄λ‹Ή! BackendλŠ” Frontendκ°€ μš”μ²­ν•œ 데이터λ₯Ό μ €μž₯/μ „λ‹¬μ˜ 역할이닀
    - κ°œλ°œμžλŠ” κ²°κ΅­ 정리λ₯Ό μž˜ν•΄μ•Ό ν•œλ‹€. 즉 폴더 및 파일의 체계적인 ꡬ쑰화 ν•„μˆ˜!
    - ꡬ쑰화할 λ•Œμ—” μ„œλ²„ν†΅μ‹ μš©/ν™”λ©΄ λ Œλ”λ§μš©/μ‹€μ œ 둜직용으둜 폴더 및 νŒŒμΌμ„ κ΅¬μ‘°ν™”ν•˜λŠ” 것이 μ’‹λ‹€!

βœ… ν”„λ‘œμ νŠΈ ν›„

  • 4μ£Όκ°€ 생각보닀 κΈΈμ—ˆλ‹€.. 첫 주에 κ·Όνƒœκ΄€λ¦¬ ν”„λ‘œκ·Έλž¨μ΄λΌλŠ” λ‹¨μ–΄λ§Œ λ“£κ³  κ°œλ°œμ„ μ‹œμž‘ν•˜λ €λ‹ˆ λ„ˆλ¬΄λ„ˆλ¬΄ λ§‰λ§‰ν–ˆλ‹€.. ν•˜μ§€λ§Œ 이전 직μž₯μ—μ„œμ˜ κ²½ν—˜μœΌλ‘œ 정신쀄 작고 μ‹œμž‘ν•  수 μžˆμ—ˆλ‹€πŸ˜…
  • 처음으둜 λ””μžμΈμ„ ν•΄ λ³΄μ•˜λŠ”λ°.. 이 뢀뢄도 λ§‰λ§‰ν–ˆλ‹€.. κΈ€λž˜μŠ€λͺ¨ν”Όμ¦˜μ΄λΌλŠ” 컨셉을 μ›ν–ˆκΈ°μ— λ‹ˆμ¦ˆμ— 맞좰 κ³΅λΆ€ν•˜κ³  λ””μžμΈ ν–ˆλŠ”λ°.. κ²°κ³ΌλŠ” 사싀 잘 λͺ¨λ₯΄κ² λ‹€..πŸ₯² μ΄μœκ±΄κ°€? λ‚˜λŠ” 이쁜 화면이 쒋은데..
  • λ””μžμΈμ— μ’€ 더 μš•μ‹¬ λ‚΄κ³  μ‹Άμ—ˆλ‹€κ°€λ„ κΈ°λŠ₯ κ°œλ°œμ— 더 μ§‘μ€‘ν•˜κ³  μ‹Άμ—ˆλ‹€κ°€λ„.. λ§ˆμŒμ„ μž‘μ§€ λͺ»ν•˜κ³  μžˆμ„ λ•Œ μœ„μ½”λ“œ 데이 λ―ΈνŒ…μ—μ„œ λ©˜ν† λ‹˜ 말씀을 μƒˆκ²¨λ“£κ³  κΈ°λŠ₯ κ΅¬ν˜„μ— μ’€ 더 μ§‘μ€‘ν•˜κΈ°λ‘œ κ²°μ •ν–ˆλŠ”λ° λ‚˜μ€‘μ— λŒμ•„λ³΄λ‹ˆ νƒμ›”ν•œ μ„ νƒμ΄μ—ˆλ‹€!!πŸ‘πŸ‘πŸ‘
  • μ•„μ‰¬μš΄ 점은.. 생각보닀 개인 곡뢀λ₯Ό λͺ»ν–ˆλ‹€..πŸ˜… 인턴십이 μ§„ν–‰λœ 기업에 μœ„μ½”λ“œ 14κΈ° μ„ λ°°κ°€ μžˆμ–΄μ„œ 수료 ν›„ κ°€μž₯ λ¨Όμ € 무엇을 ν•˜λ©΄ 쒋을지에 λŒ€ν•΄ μ—¬μ­ˆμ—ˆλŠ”λ°, 본인 μž…μž₯μ—μ„œλŠ” 이둠에 λŒ€ν•΄ 정리가 ν•„μš”ν–ˆμ—ˆλ‹€ 라고 λ§μ”€ν•΄μ£Όμ…”μ„œ μ°Έκ³ ν•˜μ—¬ CS적인 뢀뢄을 μ’€ 더 κ³΅λΆ€ν–ˆμ—ˆλ˜ 것 κ°™λ‹€.. κ·Έλž˜μ„œ 문법 λ“± μ‹€μ œ κ°œλ°œμ— μ“°μ΄λŠ” 뢀뢄을 많이 κ³΅λΆ€ν•˜μ§€ λͺ»ν•΄μ„œ 아쉽닀..πŸ₯² 이제 λΆ€ν„° μ§„μ§œ μ‹œμž‘μ΄λ‹ˆ κ²Œμ„λ¦¬ν•˜μ§€ μ•Šλ„λ‘ λ§ˆμŒμ„ λ‹€ μž‘μ•„μ•Όκ² λ‹€!!!!😁πŸ’ͺπŸ’ͺ
  • 이제 μ§„μ§œ μ‹œμž‘μ΄λ‹€! ν•¨κ»˜ 일 ν•˜κ³  싢은 κ°œλ°œμžκ°€ 되기 μœ„ν•΄, μ‚¬μš©μž κ΄€μ μ—μ„œ κ°œλ°œν•˜λŠ” κ°œλ°œμžκ°€ 되기 μœ„ν•΄ ν™”μ΄νŒ…!!!!

profile
πŸš€ λ‚΄κ°€ 보렀고 μ“°λŠ” κΈ°μˆ λΈ”λ‘œκ·Έ

0개의 λŒ“κΈ€