All Articles

2020λ…„ 회고

2019λ…„λΆ€ν„° λ°˜κΈ°λ§ˆλ‹€ 회고λ₯Ό λΈ”λ‘œκ·Έμ— 써보고 μžˆλŠ”λ° κ·Έλž˜λ„ μŒ“μ΄λ‹ˆκΉŒ κ½€ μž¬λ―Έκ°€ μžˆλ‹€.

νšŒμ‚¬μΌ 이야기

μ˜¬ν•΄ 3Q κΉŒμ§€λŠ” JSP νŽ˜μ΄μ§€λ₯Ό κ±·μ–΄λ‚΄λŠ” 일을 주둜 ν–ˆμ—ˆλŠ”λ° λ‚˜λ¨Έμ§€ κΈ°κ°„μ—λŠ” κ·Έκ±° μ˜€ν”ˆν•˜κ³  μ„±λŠ₯ κ°œμ„ ν•œλ‹€κ³  μ‹œκ°„μ„ μ’€ μΌμ—ˆλ‹€.

μ˜€ν”ˆν•˜κΈ° μ „μ—λŠ” IE 10+ μ§€μ›ν•˜λŠλΌκ³  μ’€ μ‹œκ°„μ„ 많이 썼닀. 사싀 이런 λ₯˜μ˜ μž‘μ—…μ€ μ˜€ν”ˆν•˜λŠ” 타이밍에 λˆ„κ΅°κ°€ ν•œλ‘λͺ…이 κ³ μƒν•΄μ„œ ν˜Έν™˜μ„±μ„ λ§žμΆ°λ†“μœΌλ©΄ μ‹ κ·œ ν”Όμ²˜ 넣을 λ•ŒλŠ” 그게 깨질 일이 잘 μ—†μ–΄μ„œ κ·Έλƒ₯ μ­‰ ν˜Έν™˜μ„±μ΄ μœ μ§€λ˜λŠ” κ²½μš°κ°€ λŒ€λΆ€λΆ„μ΄λ‹€. λ‚΄κ°€ κ·Έ ν•œ 두λͺ…이 될 것이냐 말 것이냐가 문제인데 이게 μ–΄λ“œλ―Ό 툴 κ°œλ°œμ—μ„œλŠ” λŠλ‚„ 수 μ—†λŠ”, μ‚¬μš©μž λŒ€μƒ ν”„λ‘œμ νŠΈμ—μ„œλ§Œ λŠλ‚„ 수 μžˆλŠ” 일이라고 μƒκ°ν•΄μ„œ μ΄λ²ˆμ—λŠ” κ·Έ ν•œλ‘λͺ…이 λ˜λ³΄μ•˜κ³ , λ‹€ν–‰νžˆ polyfill 잘 λ„£κ³  λ©”μ†Œλ“œλ₯Ό μ£Όμ˜ν•΄μ„œ μ“°λ©΄ λ˜λŠ” 일이 λŒ€λΆ€λΆ„μ΄λΌμ„œ μ—„μ²­ κ³ μƒμŠ€λŸ½μ§€λŠ” μ•Šμ•˜λ‹€ (λ¬Όλ‘  이건 λ‚΄κ°€ μ‚¬μš©ν•˜λŠ” ν”„λ ˆμž„μ›Œν¬μ˜ 지원 λ²”μœ„ μ΄λ‚΄μ—μ„œ ν˜Έν™˜μ„±μ„ 맞좜 λ•Œμ˜ 이야기고 κ·Έκ±Έ λ„˜μ–΄μ„œλ €λ©΄ μ•„μ˜ˆ μ–˜κΈ°κ°€ 달라진닀).

μ„±λŠ₯ κ΄€ν•΄μ„œλŠ” μ²˜μŒμ—λŠ” JSP 둜 κ·Έλ¦° νŽ˜μ΄μ§€λ³΄λ‹€ React둜 SSR ν•œ νŽ˜μ΄μ§€μ—μ„œ μ„±λŠ₯ μ§€ν‘œκ°€ 더 μ•ˆ μ’‹μ•„μ„œ μ•½κ°„ λ©˜λΆ•μ„ ν–ˆμ—ˆλŠ”λ° μ§€κΈˆμ™€μ„œ 생각해보면 μ• μ΄ˆμ— λΈŒλΌμš°μ €μ—μ„œ ν•  일이 λ§Žμ•„μ§€λ‹ˆκΉŒ λ‹Ήμ—°ν•œ 것 같기도 ν•˜λ‹€ (html νŒŒμ‹±ν•΄μ„œ λ Œλ”ν•˜λ©΄ λλ‚˜λŠ”κ±°λž‘, props 가지고 λ‹€μ‹œ λ Œλ”ν•΄λ³΄κ³  hydration ν•˜λŠ”κ±°λž‘ λΉ„κ΅ν•˜λŠ”κ±°λ‹ˆκΉŒ). λ§ˆμ°¬κ°€μ§€λ‘œ, JSP둜 λ Œλ”ν•œ νŽ˜μ΄μ§€μ— λΉ„ν•΄μ„œ Redux + React둜 SSR νŽ˜μ΄μ§€μ—λŠ” initialStateκ°€ serializeλ˜μ„œ html μ–΄λ”˜κ°€μ— λ°•ν˜€μžˆμœΌλ‹ˆ λ‹Ήμ—°νžˆ μš©λŸ‰μ΄ 더 클 수 밖에 μ—†λ‹€. λ¬Όλ‘  κ·Έ 이후에 μƒνƒœ μ‘°μž‘ν•  λ•ŒλŠ” 비ꡐ할 수 μ—†λŠ” νŽΈμ˜μ„±μ˜ 차이가 μžˆμ§€λ§Œβ€¦λ‹¨μˆœ μ„±λŠ₯κ΄€μ μ—μ„œλŠ” plain html 보닀 λΉ λ₯Ό μˆ˜κ°€ μ—†λ‹€λŠ” 사싀을 졜근 λ“€μ–΄μ„œμ•Ό κΉ¨λ‹¬μ•˜λ‹€. Reactλ₯Ό 계속 μ“Έκ±°λ©΄ κ²°κ΅­ λΆˆν•„μš”ν•œ λ Œλ”μ™€ λ‹€μš΄λ‘œλ“œλ₯Ό μ€„μ΄λŠ” 수 밖에 μ—†κ³  (ssr을 κΌ­ ν•„μš”ν•œ λΆ€λΆ„μ—λ§Œ ν•œλ‹€λ˜κ°€ - μ•„λ‹ˆλ©΄ 이 ν¬μŠ€νŒ…μ„ μ“°λ©΄μ„œ κΉ¨λ‹¬μ•˜λŠ”λ° hydration만 미뀄도 λœλ‹€), Reactλ₯Ό 계속 μ•ˆμ“°λ©΄ μ’€ 더 html에 κ°€κΉŒμš΄ μ ‘κ·Όλ“€ (예λ₯Ό λ“€λ©΄ hotwire - κ°œμΈμ μœΌλ‘œλŠ” 이게 $.html()μ΄λž‘ 뭐가 λ‹€λ₯Έμ§€ 잘 λͺ¨λ₯΄κ² λ‹€)λ₯Ό νŒŒλ³΄λŠ” 것도 쒋을 것 κ°™λ‹€.

νŽ˜μ΄μ§€ 개발과 λ³„κ°œλ‘œ μ΅œκ·Όμ—λŠ” μ„œλΉ„μŠ€μ— ν•„μš”ν•œ 데이터λ₯Ό λΉ„μ •κ·œν™”λœ ν˜•νƒœλ‘œ λ§Œλ“€μ–΄μ„œ μ“°λŠ” μž‘μ—…λ„ μš”μƒˆ 많이 고민쀑이닀 (BFF 처럼 Database For Frontend 라고 μƒκ°ν•˜λ©΄ κ°œλ…μ΄ λ”± λ§žλ‹€). μ›λž˜ 우리 쑰직은 μ—„μ²­ λΉ΅λΉ΅ν•œ 였라클 λ””λΉ„λ₯Ό λ°±μ—”λ“œλž‘ ν”„λ‘ νŠΈμ—”λ“œ μ„œλΉ„μŠ€κ°€ 같이 λ°”λΌλ³΄λŠ” ν˜•νƒœμ˜€λŠ”λ° μ˜¬ν•΄λŠ” 이걸 κ±·μ–΄λ‚΄λŠ” ν˜•νƒœλ‘œ λ°±μ—”λ“œ 뢄듀이 고생을 많이 ν•΄μ£Όμ…¨λ‹€ (μ°Έμ‘°: DEVIEW 2020 :: Bye Oracle, Hello PG: μ‡Όν•‘κ²€μƒ‰ν”Œλž«νΌ, MSA둜 μƒˆμ˜·μ„ κ°ˆμ•„μž…λ‹€.). 사싀 κ·Έλž˜μ„œ μƒˆ ν”Œλž«νΌμ—μ„œ λ‚˜μ˜€λŠ” μŠ€λƒ…μƒ·κ³Ό CDC μŠ€νŠΈλ¦Όμ„ 가지고 μ μ ˆν•œ ν˜•νƒœλ‘œ 데이터λ₯Ό λ§Œλ“€μ–΄μ„œ μ„œλΉ„μŠ€μ—μ„œ μ“°κΈ°λ§Œ ν•˜λ©΄ λœλ‹€. μ•ˆλ˜λŠ” μΌμ΄λΌκΈ°λ³΄λ‹€λŠ” ν•˜λ©΄ λ˜λŠ” 일인데 μ΅œλŒ€ν•œ κ°œλ°œμžκ°€ κ°œμž…ν•  일이 적고 μš”κ΅¬μ‚¬ν•­μ΄ λ°”λ€Œμ–΄λ„ λ§žμΆ”κΈ° λŒ€μ‘μ΄ νŽΈν•œ λ¬΄μ—‡μΌκΉŒκ°€ 고민이 λ§Žλ‹€κ°€β€¦ κ²°κ΅­ μ˜΅μ…˜λ“€μ„ λŠ˜μ–΄λ†“κ³  ν•˜λ‚˜μ”© ν•΄λ³΄λŠ” μˆ˜λ°–μ— μ—†λ‹€λŠ” 결둠에 이λ₯΄λŸ¬μ„œ μš”μƒˆ 이것저것 ν•΄λ³΄λŠ” 쀑이닀.

이런 λ₯˜μ˜ μž‘μ—…μ—μ„œλŠ” 전체적인 그림을 κ·Έλ¦¬λŠ” μž‘μ—…λ„ μ€‘μš”ν•˜κ³ , κ·Έ κ·Έλ¦ΌλŒ€λ‘œ κ΅¬ν˜„μ„ ν•΄λ³΄λ©΄μ„œ κΈ°μ‘΄ μ»΄ν¬λ„ŒνŠΈλ₯Ό λŒ€μ²΄ν•΄μ„œ μ‘°μ‹¬μŠ€λŸ½κ²Œ μ‘°κΈˆμ”© μƒˆ μ»΄ν¬λ„ŒνŠΈλ₯Ό λΌμ›Œλ„£λŠ” 것도 μ€‘μš”ν•˜λ‹€κ³  μƒκ°ν•œλ‹€. κ²°κ΅­ ν›„μžλ₯Ό 많이 ν•΄λ³Έ μ‚¬λžŒλ§Œμ΄ μ „μžλ₯Ό 잘 ν•  수 밖에 μ—†κ³ , λ‚˜λŠ” μ „μž/ν›„μž λ‹€ κ²½ν—˜μ΄ 적기 λ•Œλ¬Έμ— 일단 뭐라도 ν•΄λ³΄λ©΄μ„œ κ΅ν›ˆμ„ μ–»λŠ” 수 밖에 μ—†λ‹€.

개인 곡뢀 이야기

2020λ…„ 2/3 νšŒκ³ μ—μ„œ λ¦¬νŠΈμ½”λ“œλ₯Ό 많이 λͺ»ν’€μ–΄μ„œ 아쉽닀고 μΌμ—ˆλŠ”λ° κ·Έ λ•ŒλΆ€ν„°λŠ” λ¦¬νŠΈμ½”λ“œλ₯Ό μ’€ μ‹ κ²½μ¨μ„œ ν’€μ–΄μ„œ μ΄μ œλŠ” μ–΄μ¨Œλ“  λ―Έλ””μ›€κΉŒμ§€λŠ” κ½€ μˆ˜μ›”ν•˜κ²Œ ν‘ΈλŠ” 것 κ°™λ‹€. ν™•μ‹€νžˆ 도ꡬ/ν”„λ ˆμž„μ›Œν¬ 곡뢀λ₯Ό ν•˜λŠ” 것 λ³΄λ‹€λŠ” 진척도가 λˆˆμ— λ”± λ³΄μ—¬μ„œ 슀슀둜 생산적이라고 느끼기 μ‰¬μš΄ 것은 μ’‹μ•˜λŠ”λ° μ—¬μ „νžˆ ν•˜λ“œλ§Œ 보면 정신을 λͺ»μ°¨λ €μ„œ (γ…œγ…œ) μ–΄λ–€ λ°©μ‹μœΌλ‘œ μˆ˜λ ¨μ„ ν•΄μ•Ό ν•˜λ“œλ„ 잘 ν’€μ§€λŠ” 아직도 잘 λͺ¨λ₯΄κ² λ‹€.

λ―Έλ””μ›€κΉŒμ§€ λ‚΄κ°€ νš¨ν—˜μ„ λ³Έ 방법을 κ³΅μœ ν•΄λ³΄λ©΄

  1. 주제λ₯Ό ν•˜λ‚˜ μ°λŠ”λ‹€ (예λ₯Ό λ“€λ©΄ hash)
  2. 이지 쀑에 frequency μ΄ˆλ‘μƒ‰μΈκ±Έ ν‘Όλ‹€.
  3. λ―Έλ””μ—„ 쀑에 frequency μ΄ˆλ‘μƒ‰, λ…Έλž€μƒ‰μΈκ±Έ λ‹€ ν‘Όλ‹€. 30~40λΆ„ 봐도 λͺ¨λ₯΄κ² μœΌλ©΄ 닡을 λ³Έλ‹€.

ν•΄μ„œ ν•œ 200개 ν’€λ©΄ μ’€ 적응이 λ˜μ—ˆλŠ”λ° ν•˜λ“œλΆ€ν„°λŠ” 30~40λΆ„ 봐도 λͺ¨λ₯΄κ² μœΌλ©΄ 닡을 λ³Έλ‹€ μ—μ„œ 닡을 λ³΄λŠ” 비쀑이 λ„ˆλ¬΄ λ†’μ•„μ Έμ„œ μ‰½κ²Œ λ©˜νƒˆμ΄ λΆ€μ„œμ§€λŠ”κ²Œ λ¬Έμ œλ‹€. 100개 정도 닡을 보면 μ’€ λ‚˜μ•„μ§ˆκΉŒ μ‹Άλ‹€.

문제 풀이λ₯Ό ν•˜λ‹€λ³΄λ©΄ λ‹€λ₯Έ 곡뢀가 κ°€μ„±λΉ„κ°€ λ–¨μ–΄μ§€λŠ” κ²ƒμ²˜λŸΌ λŠκ»΄μ§€κ³ , 책은 λ”λ”μš± μ•ˆ 읽게 λ˜μ„œ μ˜¬ν•΄λŠ” 책을 많이 μ½μ§€λŠ” λͺ»ν–ˆλ‹€ (λΈ”λ‘œκ·Έμ— κ°€λ³΄λ‹ˆ λ‹€ν•΄μ•Ό 17ꢌ μ½μ—ˆλ‹€ γ…œγ…œ (μ„œμž¬ μ°Έκ³ ) μ € μ€‘μ—μ„œ ν•œ 3개만 꼽으라면

  • μ„ΈμŠ΅ 쀑산측 μ‚¬νšŒ
  • λ§ˆμ΄ν¬λ‘œμ„œλΉ„μŠ€ νŒ¨ν„΄
  • λ…Έλ™μ˜ μ‹œλŒ€λŠ” 끝났닀

κ°€ 기얡에 많이 λ‚¨λŠ”λ‹€.

개인의 μ‚Ά

μ›λž˜λŠ” 건강에 λŒ€ν•΄μ„œ 체쀑 / 체λ ₯ λΉΌκ³  λ³„λ‘œ 신경을 μ•ˆ μΌλŠ”λ° κ±΄κ°•κ²€μ§„μ—μ„œ μ΄μŠˆκ°€ λ°œκ²¬λ˜μ„œ μˆ˜μˆ μ„ ν•΄μ•Όλ˜λŠ” 상황이 μƒκΈ°λ‹ˆκΉŒβ€¦μƒκ°λ³΄λ‹€ 건강이 μ€‘μš”ν•˜κ΅¬λ‚˜ν•˜κ³  많이 λŠκΌˆλ‹€. μž¬νƒκ·Όλ¬΄λ₯Ό ν•˜λ©΄ μ–΄μ°¨ν”Ό μ μ‹¬μ‹œκ°„μ΄ λ‚¨μœΌλ‹ˆκΉŒ μ μ‹¬μ‹œκ°„λ§ˆλ‹€ 30λΆ„ 정도 κ±·κ³  μžˆλŠ”λ° 이게 정말 큰 차이λ₯Ό λ§Œλ“œλŠ” 것을 λŠκ»΄μ„œ 거의 μŠ΅κ΄€μ˜ 일뢀가 된 것 κ°™λ‹€.

μš”μ¦˜μ€ 8μ‹œκ°„ 근무 κΈ°μ€€μœΌλ‘œ ν•˜λ£¨μ— 2μ‹œκ°„ μ •λ„λŠ” 슀슀둜λ₯Ό μœ„ν•΄ μ“°λŠ” μŠ΅κ΄€μ΄ μƒκ²ΌλŠ”λ°β€¦ μ΄κ²ƒκΉŒμ§€ λ§Œμ•½ μΌν•˜λŠ” μ‹œκ°„μœΌλ‘œ μƒκ°ν•˜λ©΄ κ°œλ°œμžλΌλŠ” 직업이 κ·Έλ ‡κ²Œ 숫자둜만 따지면 κ·Έλ ‡κ²Œ μ›ŒλΌλ°Έμ΄ 쒋은 직업은 μ•„λ‹ˆκ΅¬λ‚˜ μ‹Άλ‹€ (μ’€ μž˜ν•΄μ Έμ„œ 생산성이 μ˜¬λΌκ°€λ©΄ 더 적은 μ‹œκ°„μ„ μ“°κ³  같은 일을 ν•  수 μžˆμ§€ μ•Šμ„κΉŒ 꿈만 κΎΈλŠ” 쀑)

Published 27 Dec 2020

If I keep marking the dots, someday they will πŸ”—πŸ”—
Hyeungshik Jung on Twitter