[번역] 2018년 프론트엔드 개발 요약

원문: Front-end Developer Handbook 2019 - 0.1. Recap of Front-end Development in 2018

Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!

---

• React는 작년에 라이프 사이클 메소드(Lifecycle Method), 컨텍스트 API(Context API), 서스펜스(Suspense), 리액트 훅(React hooks)를 포함한 몇 가지 주목받을 릴리즈가 있었습니다.

• 마이크로 소프트가 GitHub를 샀습니다. 네, 그 일이 벌어졌습니다.

• CSS로 만든 폰트가 생겼습니다.

• 제가 프론트엔드 주도 앱(Front-end driven app)이라고 부르는 것에는, "서버리스(serverless)"라는 꼬리표가 붙습니다. 안타깝지만, 이 용어는 과부하에 걸렸습니다. 하지만, JAMstack이라는 용어가 개발자 사이에서 반향을 일으키고 있는 것 같습니다.

• 구글은 올해 웹페이지 로드를 빠르게 하기 위해서, squoosh, quicklink과 같은 깔끔한 도구들을 제공했습니다.

• Vue가 올해 React보다 더 많은 Github 스타를 받았습니다. 하지만 React가 사용 측면에서 우세합니다.

• 가상 DOM과 JSX가 없는 React와 비슷한 솔루션인 RE:DOM이 소개되었습니다.

• NW.js 와 Electron을 대체할 수 있는 DeskGap과 Neutralino.js이 등장했습니다.

• 2017년에는 프론트엔드 HTML & CSS 개발자 v.s. 프론트엔드 애플리케이션 개발자 사이에 커다란 분열을 느끼고 이야기 하기 시작 했습니다. 2018년에는 분열이 더 넓고 깊어지고 더 많은 사람들이 그 분열을 느끼기 시작했습니다.

• 올 해, 최근 몇년과 마찬가지로 주류 자바스크립트 앱 도구(React, Angular, Vue 등)들과 경쟁하려는 앱과 프레임워크 솔루션으로 가득했습니다. 당신을 위해 몇 가지를 나열해보겠습니다. Radi.js, DisplayJS, Stimulus, Omi, Quasar.

• JavaScript 프레임워크는 자신들의 고유한 언어를 JavaScript로 컴파일하는 제공하기 시작했습니다. (예: Mint).

• CodeSandbox는 온라인 코드 공유의 주류 솔루션으로 발전했습니다.

• CSS Grid 와 CSS Flexbox는 모던 브라우저에서 완전히 지원되고, 몇가지 심각한 문제들을 대처할 수 있습니다. 그러나 많은 사람들은 언제 무엇을 어떻게 사용해야 할지 궁금해 합니다.

• 사람들은 타입을 제공하는 시스템(TypeScript, Flow)를 사용할 때 발생하는 장기적인 비용을 인지하기 시작했습니다. 일부는 모듈을 제공하는 시스템(AMD, Require.js)과 달리 타입을 제공하는 시스템이 해답보다 많은 이슈를 가져온다고 결론 내렸습니다. 대규모 코드에서 타입이 필요하다면, 타입이 강제되는 시스템(e.g. Reason, Purescript, Elm)을 쓰는 것이 타입을 제공하는 시스템을 쓰는 것 보다 낫습니다.

• CSS 변수는 모던 웹 브라우저에서 지원합니다.

• CSS in JS에 대한 관심이 폭발적으로 늘고 있으나, 일부 사람들은 이에 대한 실효성에 의문을 제기하고 있습니다.

• ES modules은 현재 모던 브라우저에서 사용할 수 있으며, 동적 import는 뒤쳐져 있습니다. 심지어 이 사실을 중심으로 도구들의 변화를 목격할 수 있습니다.

• 많은 사람들이 Cypress 덕분에 종단간 테스트(end to end testing, e2e testing)가 올바르게 테스트하는 것의 시작점이라는 것을 알게 되었습니다. (즉, Cypress를 먼저, 그 다음 Jest)

• Webpack이 올해 다시 많이 사용 되었지만, 많은 개발자들이 Parcel이 더 쉽게 시작하고 실행할 수 있다는 것을 알았습니다.

• 올해의 가장 중요한 질문 중 하나는 JavaScript의 비용이었습니다.

• 올해 Babel 7이 릴리즈 되었습니다. 가장 최근의 메이저 릴리즈가 거의 3년 전이었기때문에 큰 사건입니다.

• JavaScript가 너무 많이, 너무 빠르게 바뀌는 현실을 깨달았습니다. React와 같은 것을 배우기 전에 무엇을 배워야 하는지에 대해 사람들이 이야기 하기 시작했습니다. 전쟁이 현실이 됐습니다.

• 대부분의 개발자들이 GraphQL을 Apollo를 통해 알게되었습니다. 데이터 API의 다음 세대로 보고 있습니다.

• Gulp와 친구들은 확실히 NPM/Yarn run의 뒷전으로 물러났습니다. 하지만 Microsoft가 Just로 게임에 참여하는 것을 막지 못했습니다.

• 올해는 HTML, CSS, JavaScript 만 린트(lint)/힌트(hint)하는 것이 아니라 웹을 린트/힌트 수 있습니다.

• 2018 프론트엔드 툴 서베이(Front-End Tooling survey)는 아직도 jQuery가 얼마나 많이 사용되는지 알아보는 용도로는 읽어볼 만 합니다.

• 올해 TypeScript가 많은 유저를 얻었다는 것을 부정할 수 없겠군요.

• VScode은 코드 에디터로 많이 선택됩니다.