State of JS 2020 Survey IntroπŸš€

jjanmoΒ·2021λ…„ 1μ›” 17일
0

State of JavaScript

λͺ©λ‘ 보기
1/1
post-thumbnail

μ•„λž˜ 글은 λ‹¨μˆœνžˆ State of JS 2020 Survey κ²°κ³Όλ₯Ό 보고 ν—ˆμ ‘ν•œ(?) πŸ€ͺ μ£Όλ‹ˆμ–΄ 개발자의 λŠλ‚€ 점에 λŒ€ν•΄μ„œ μ“΄ κΈ€μž…λ‹ˆλ‹€. ν˜Ήμ‹œλ‚˜ μ„€λ¬Έ κ²°κ³Όλ₯Ό λ°”λ‘œ ν™•μΈν•˜κ³  μ‹ΆμœΌμ‹œλ‹€λ©΄ μ—¬κΈ°λ‘œ λ°”λ‘œ μ΄λ™ν•΄μ£Όμ„Έμš”. 참고둜 μ„€λ¬Έ κ²°κ³ΌλŠ” ν•œκΈ€λ²ˆμ—­λ„ μ§€μ›ν•˜κΈ° λ•Œλ¬Έμ— λˆ„κ΅¬λ‚˜ λ‚¨λ…€λ…Έμ†Œ νŽΈμ•ˆν•˜κ²Œ λ³Ό 수 μžˆμ„κ±°λΌ μƒκ°ν•©λ‹ˆλ‹€. μ•„λž˜μ˜ 글은 μ˜μ‹μ˜ 흐름기법에 μ˜ν•΄μ„œ 쓰여진 글이기에 λ‚œμž‘ν•  수 μžˆμŠ΅λ‹ˆλ‹€. μ–‘ν•΄ λΆ€νƒλ“œλ¦½λ‹ˆλ‹€.

WeeklyJavaScript λΌλŠ” λ‚˜μ—κ²Œ μžλ°”μŠ€ν¬λ¦½νŠΈ μƒνƒœκ³„μ— λŒ€ν•œ λ§Žμ€ 정보λ₯Ό, 맀주 μ•ˆλ‚΄ν•΄μ£ΌλŠ” 메일이 μžˆλ‹€. μžλ°”μŠ€ν¬λ¦½νŠΈ μƒνƒœκ³„λ₯Ό λ°”λΌλ³΄λŠ” μΈμ‚¬μ΄νŠΈλ₯Ό κΈ°λ₯΄κΈ° μœ„ν•΄μ„œ 맀주 ν™•μΈν•˜λ €κ³  λ…Έλ ₯ν•˜κ³  μžˆλ‹€. 맀주 ν™•μΈν•œλ‹€κ³ λŠ” λ§ν•˜μ§€ μ•Šμ•˜λ‹€. 😱 그런데 μ΄λ²ˆμ£Όμ— ꡉμž₯히 ν₯미둜운 기사λ₯Ό 보게 λ˜μ—ˆλ‹€. 그것은 λ°”λ‘œ 2020λ…„μ˜ μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ 동ν–₯에 λŒ€ν•œ μ„€λ¬Έ κ²°κ³Όμ˜€λ‹€.

λͺ¨λ“  직업이 λ§ˆμ°¬κ°€μ§€κ² μ§€λ§Œ, κ°œλ°œμžλΌλŠ” 직업은 νŠΉνžˆλ‚˜ 개발 νŠΈλ Œλ“œμ— μ’€ 더 λ―Όκ°ν•œ 것 κ°™λ‹€. 단 λͺ‡κ°œμ›”λ§Œμ— λ§Žμ€ μ—…λ°μ΄νŠΈκ°€ μΌμ–΄λ‚˜κ³ , νŠΉμ • ν…Œν¬λ₯Ό λ©€λ¦¬ν•˜λ‹€κ°€ λŒμ•„μ™”μ„ λ•Œμ˜ κ·Έ μƒˆλ‘œμ›€μ€ ν—ˆνƒˆν•˜κΈ° 그지없닀. μ–Έμ œλ‚˜ μƒˆλ‘œμ›€μ€ μ„€λ ˆλŠ” κ²ƒμž„μ—λ„ λ‹€μ‹œ μ΅ν˜€μ•Όν•œλ‹€λŠ” 두렀움은 늘 μ‘΄μž¬ν•˜λŠ” 것 κ°™λ‹€. 이λ₯Ό 극볡(?)ν•΄ λ‚˜κ°€λŠ” 과정이 μ’€ 더 쒋은 κ°œλ°œμžκ°€ λ˜λŠ” 과정이 μ•„λ‹κΉŒ μ‹Άλ‹€. 그런데 κ°‘μžκΈ° 이런 이야기λ₯Ό μ™œ ν•˜λŠλƒκ³  λ¬»λŠ”λ‹€λ©΄, μ„€λ¬Έ μ‘°μ‚¬μ˜ κ²°κ³ΌλŠ” 올 ν•œ ν•΄ μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ 역사에 λŒ€ν•΄μ„œ μ•„λŠ” 것이고 이어 ν˜„μž¬λ₯Ό λ‚˜νƒ€λ‚΄λŠ” 것이닀. 이λ₯Ό ν†΅ν•΄μ„œ 2021년에 μ–΄λ–»κ²Œ ν˜λŸ¬κ°ˆμ§€λ₯Ό μ‘°κΈˆμ΄λ‚˜λ§ˆ μ˜ˆμƒν•  수 μžˆμ„ 것이닀. μ΄λŸ¬ν•œ μ˜ˆμƒμ΄ νŠΈλ Œλ“œμ˜ λ³€ν™”κ°€ μ£ΌλŠ” 두렀움을 약간이라고 μƒμ‡„μ‹œμΌœ 주지 μ•Šμ„κΉŒ ν•˜λŠ” μ•½κ°„μ˜ 희망고문을 ν•΄λ³Έλ‹€. 뭐 κ°€μž₯ νŽΈν•œ 것은 뭐든 λ‹₯μΉ˜λŠ”λŒ€λ‘œ 즐겁게 즐기고 λ°°μš°λŠ” 것 자체둜 즐거움을 μ°ΎλŠ”λ‹€λ©΄ 이보닀 더 쒋은 일은 μ—†μ§€λ§Œ 말이닀.

κ°‘μžκΈ° νŠΈλ Œλ“œλΌλŠ” 말이 λ‚˜μ™€μ„œ νŠΈλ Œλ“œμ— λŒ€ν•΄μ„œ 쒋은 글이 μžˆμ–΄μ„œ μ†Œκ°œν•˜κ³ μž ν•œλ‹€.

νŠΈλ Œλ“œλŠ” λ‹¨μˆœν•˜κ²Œ μΈν„°λ„·μ΄λ‚˜ μž‘μ§€μ—μ„œ λ‚˜μ˜€λŠ” μ΅œμ‹ μ˜ ν‚€μ›Œλ“œλ₯Ό λ‚˜μ—΄ν•˜κ³  그에 λŒ€ν•œ μ„€λͺ…을 κ·ΈλŒ€λ‘œ μ™Έμš°λŠ” 것이 μ•„λ‹ˆλ‹€. 
νŠΈλ Œλ“œλ₯Ό μ•ˆλ‹€λŠ” 것은 μ•„λž˜μ™€ κ°™λ‹€.

κ³Όκ±°λ₯Ό μ•ˆλ‹€ : 역사적인 λ°°κ²½κ³Ό λ‹Ήμ‹œμ˜ ν•„μš”λ₯Ό μ•„λŠ” 것
ν˜„μž¬λ₯Ό μ•ˆλ‹€ : μ„œλ‘œμ˜ μ—­ν• κ³Ό 관계, ꡬ쑰λ₯Ό μ•„λŠ” 것
미래λ₯Ό μ•ˆλ‹€ : μ•žμœΌλ‘œ 일어날 변화와 영ν–₯을 μ•„λŠ” 것

μœ„ 글은 μ΅œμ‹  IT νŠΈλ Œλ“œ λΌλŠ” μ±…μ˜ μ„œλ¬Έμ— λ‚˜μ˜€λŠ” λ‚΄μš©μ΄λ‹€.

μ–΄λ–»κ²Œ 보면 이 μ„€λ¬Έ μ‘°μ‚¬λŠ” λ‹¨μˆœνžˆ μ •λ³΄μ˜ λ‚˜μ—΄μΌ 수 μžˆλ‹€. ν•˜μ§€λ§Œ 이 λ‚˜μ—΄ μ†μ—μ„œ μ΄λŸ¬ν•œ μ˜λ¬Έμ„ κ°€μ§ˆ 수 μžˆλ‹€. '이 ν”„λ ˆμž„μ›Œν¬λŠ” μ™œ κ°‘μžκΈ° μ‚¬μš©λŸ‰μ΄ λ§Žμ•„μ‘Œμ§€?' ν˜Ήμ€ '이 κΈ°μˆ μ€ μ™œ 지고 μžˆλŠ”κ±°μ§€?' λ“±λ“±μ˜ 의문 μ†μ—μ„œ μžλ°”μŠ€ν¬λ¦½νŠΈ μƒνƒœκ³„μ˜ μ‹œλŒ€μ  흐름을 μΊμΉ˜ν•  수 μžˆλŠ” μ‹œκ°„μ΄ 될 수 μžˆμ„κ±°λΌ μƒκ°ν•œλ‹€. λ‚˜μ•„κ°€ μ›Ήκ°œλ°œ 전체적인 흐름을 μ•Œμ•„κ°ˆ 수 μžˆμ„ 거라 μƒκ°ν•œλ‹€. 이것이 μœ„μ—μ„œ μ–ΈκΈ‰ν•œ ν•„μš”, 관계, ꡬ쑰 에 λŒ€ν•΄μ„œ μ•Œμ•„κ°€λŠ” 과정이라고 μƒκ°ν•œλ‹€. κ°‘μžκΈ° 트렌트 이야기 ν•˜λ©΄μ„œ κΈ‰μ§„μ§€ν•΄μ‘Œλ„€.πŸ₯²

λ‹€μ‹œ λŒμ•„μ˜€λ©΄, μ„€λ¬Έ κ²°κ³ΌλŠ” λ§Žμ€ λ‚΄μš©μ„ μ–ΈκΈ‰ν•˜κ³  μžˆλ‹€. μ‘λ‹΅ν•œ κ°œλ°œμžλ“€μ˜ 정보(μ‚¬μš©μ–Έμ–΄, 연봉 λ“±λ“±), μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ κΈ°λŠ₯λ“€, μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ μ—¬λŸ¬ κΈ°μˆ λ“€μ˜ 동ν–₯, 기술 λ¦¬μ†ŒμŠ€λ₯Ό μ–΄λ””μ„œ 주둜 μ–»λŠ”μ§€μ— λŒ€ν•΄μ„œ λ“±λ“± λ§Žμ€ 정보듀이 μ“°μ—¬μ Έμžˆλ‹€. μ΄λŸ¬ν•œ λ§Žμ€ 정보듀 μ€‘μ—μ„œ λ‚΄κ°€ μ£Όλͺ©ν•œ 뢀뢄은 κΈ°λŠ₯(Featrues) νŒŒνŠΈμ΄λ‹€. 이 뢀뢄은 μ‘λ‹΅μžλ“€μ—κ²Œ μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ νŠΉμ • κΈ°λŠ₯을 μ•„λŠ”μ§€λ₯Ό 물어보고 μ‹€μ œλ‘œ ν™œμš©ν•˜λŠ”μ§€μ— λŒ€ν•΄μ„œ μ„€λ¬Έν•œ λ‚΄μš©μ΄λ‹€. λ‚˜ μ—­μ‹œ 이 뢀뢄에 λŒ€ν•΄μ„œ μ•„λŠ” 것도 μžˆμ–΄κ³  λͺ¨λ₯΄λŠ” 것도 μžˆμ—ˆκ³  μ‹€μ œλ‘œ ν™œμš©ν•˜λŠ” λΆ€λΆ„κ³Ό ν™œμš©ν•˜μ§€ λͺ»ν•˜λŠ” 뢀뢄도 μžˆμ—ˆλ‹€. 이 μ„€λ¬Έμ˜ 결과와 λ‚˜μ˜ μƒνƒœ μ—­μ‹œ λΉ„μŠ·ν•˜μ˜€λ‹€. κ·Έλž˜μ„œ 이 뢀뢄을 μ‘°κΈˆμ€ ꡬ체적으둜 μ •λ¦¬ν•΄λ³΄κ³ μž ν•œλ‹€. μ•žμœΌλ‘œ μ§€μ†μ μœΌλ‘œ 글을 μ¨λ‚˜κ°ˆ μ˜ˆμ •μ΄λ‹€. μ§€κΈˆμ€ μ•„λ‹ˆκ³ . ν•œκ΅­λ§μ€ λκΉŒμ§€ λ“€μ–΄μ•Όν•œλ‹€.😈

κΈ°λŠ₯ 파트 μ•ˆμ—μ„œλ„ μ—¬λŸ¬ κ°€μ§€μ˜ μ„Ήμ…˜μœΌλ‘œ μ΄λ£¨μ–΄μ Έμžˆλ‹€. 첫번째둜 ꡬ문(Syntax)이닀. 이 뢀뢄은 μžλ°”μŠ€ν¬λ¦½νŠΈ 문법에 λŒ€ν•œ λ‚΄μš©μ΄λ‹€. μ–΄λ–€ 문법이 μžˆλŠ”λ°, λ„ˆλŠ” μ•Œκ³  μžˆλ‹ˆ? ν™œμš©ν•΄λ΄€λ‹ˆ? 에 λŒ€ν•œ λ‹΅λ³€ λ‚΄μš©λ“€μ΄λ‹€. λ‘λ²ˆμ§ΈλŠ” μ–Έμ–΄(Language)이닀. 이 뢀뢄은 μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ μš©μ–΄μ— λŒ€ν•΄μ„œ λ¬Όμ–΄λ³Έ λΆ€λΆ„ κ°™λ‹€. 예λ₯Ό λ“€μ–΄ async/await μ΄λΌλŠ” κ±° λ“€μ–΄λ΄€λ‹ˆ? μ‚¬μš©ν•΄λ΄€λ‹ˆ? 등에 λŒ€ν•œ λŒ€λ‹΅μ΄λ‹€. μ„Έλ²ˆμ§ΈλŠ” 자료ꡬ쑰(Data Structure)이닀. 이 λΆ€λΆ„ μ—­μ‹œ μžλ°”μŠ€ν¬λ¦½νŠΈμ— μ‘΄μž¬ν•˜λŠ” λ‹€μ–‘ν•œ μžλ£Œκ΅¬μ‘°μ— λŒ€ν•΄μ„œ μ‚¬μš©μ—¬λΆ€μ™€ 인지여뢀λ₯Ό μ‘°μ‚¬ν•œ 결과이닀. λ„€λ²ˆμ§ΈλŠ” λΈŒλΌμš°μ € API(Browser APIs)이닀. 이 뢀뢄은 λ‹¨μˆœ μžλ°”μŠ€ν¬λ¦½νŠΈλΌκ³  ν•˜κΈ°λŠ” λ­ν•˜μ§€λ§Œ λΈŒλΌμš°μ €μ—μ„œ μ œκ³΅ν•΄μ£ΌλŠ” λ‹€μ–‘ν•œ API듀에 λŒ€ν•œ μ‚¬μš©μ—¬λΆ€λ₯Ό λ¬Όμ–΄λ³Έ λ‚΄μš©μ΄λ‹€. 사싀 이 뢀뢄은 LocalStroageλ₯Ό μ œμ™Έν•˜κ³ λŠ” μ‚¬μš©ν•΄λ³Έ 적이 μ—†λŠ” 것이 λŒ€λΆ€λΆ„μ΄μ˜€λ‹€. λ­”κ°€ ν—ˆνƒˆν•¨μ΄ λŠκ»΄μ§€λŠ” λΆ€λΆ„μ΄μ—ˆλ‹€. λΈŒλΌμš°μ €κ°€ μ œκ³΅ν•΄μ£ΌλŠ” λ§Žμ€ 기술 쀑에 λ‚œ 단지 이것밖에 써본 적이 μ—†λ‹€λ‹ˆ!

?? : ν—ˆνƒˆν•΄ 말라~ μ˜¬ν•΄λŠ” λ°˜λ“œμ‹œ μ‚¬μš©ν•˜κ²Œ 될지 μ–΄λ‹ˆ~ (응??)

λ‹€μ„―λ²ˆμ§Έλ‘œ 기타 κΈ°λŠ₯(Other Features)이 μžˆλ‹€. 이 κ³³μ—μ„œλŠ” μœ„μ—μ„œ μ–ΈκΈ‰λ˜μ§€ μ•Šμ€ λ§ˆμ΄λ„ˆ(?)ν•œ κΈ°μˆ λ“€μ— λŒ€ν•΄μ„œ μ–ΈκΈ‰ν–ˆλ‹€. PWA(Progressive Web Apps) Web Assembly μ•žμ„œ λ§ˆμ΄λ„ˆν•˜λ‹€κ³  ν•œ 말은 μ·¨μ†Œν•œλ‹€, ν—ˆν—ˆν—ˆ.

사싀 λ‚΄κ°€ 이 글을 μ“΄ λͺ©μ μ€ κΈ°λŠ₯ νŒŒνŠΈμ— μžˆλŠ” λ‚΄μš©λ“€μ„ μ •λ¦¬ν•˜κ³  μ•Œμ•„λ³΄λŠ” μ‹œκ°„μ„ κ°–κΈ° μœ„ν•œ λ–‘λ°₯, 즉 인트둜 κΈ€μ΄μ˜€λ‹€. 그런데 μ“°λ©΄μ„œ λ“œλŠ” 생각이 'κΈ°λŠ₯ νŒŒνŠΈμ— μžˆλŠ” λ‚΄μš©λ§Œ 정리해도 올 ν•œν•΄ μ•ˆμ— ν•  수 μžˆμ„κΉŒ?' ν•˜λŠ” λΆˆμ•ˆκ°μ΄ μ—„μŠ΅ν•˜μ˜€λ‹€. κ·Έλž˜λ„ ν•œ 번 κΊΌλ‚Έ 생각 μ‹€μ²œν•˜λŠ” 척이라고 ν•΄μ•Ό ν•˜μ§€ μ•Šμ„κΉŒ μ‹Άλ‹€.πŸ˜… μ‘°κΈˆμ”© 천천히 μœ„μ˜ λ‚΄μš©λ“€μ„ μ •λ¦¬ν•˜λŠ” 글을 써보도둝 λ…Έλ ₯ν•˜κ² λ‹€. μ΅œλŒ€ν•œ ν—ˆμ ‘ν•˜μ§€ μ•Šκ²Œ 천천히 정리해 보자.

λΆ€μ‘±ν•œ κΈ€ μ½μ–΄μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€. μ–Έμ œλ‚˜ λ‚΄μš©μ— λŒ€ν•œ ν”Όλ“œλ°±μ€ ν™˜μ˜μž…λ‹ˆλ‹€. μ•žμœΌλ‘œ μ‘°κΈˆμ΄λΌλ„ 도움이 될 수 μžˆλŠ” 글을 μ“°κΈ° μœ„ν•΄μ„œ λ…Έλ ₯ν•˜κ² μŠ΅λ‹ˆλ‹€.

profile
λˆˆκΈΈμ„ κ±Έμ–΄κ°ˆ λ•Œ μ–΄μ§€λŸ½κ²Œ 걷지 말기λ₯Ό.

0개의 λŒ“κΈ€