brunch

라이킷 2 댓글

You can make anything
by writing

C.S.Lewis

계정을 잊어버리셨나요?

by 이종우 Peter Lee Jan 30. 2019

[번역] 프론트 엔드 2019 : 예측 및 기대치

Front-end 2019: 예측과 기대

원본 URL : https://medium.com/front-end-weekly/front-end-2019-predictions-and-expectations-affdc0a6c599

Front-end 2019: predictions and expectations – Frontend Weekly – Medium

2018 was a remarkably stable year in the world of front-end web deisgn, but will 2019 follow the same trend?

medium.com

프론트 엔드 2019 : 예측 및 기대치

브라우저따르다

1 월 2 일

2018 년은 웹의 눈에 띄게 안정적이었고 회고 적 해였습니다. 프레임 워크와 도구는 계속해서 휘젓다. 그러나 주류 사용에 부딪치게되는 새로운 경쟁자, 패턴 및 기술은 놀라 울 정도로 거의 없습니다. 올해는 같은 템플릿을 따를 것입니까? 2019 년 프론트 엔드 개발의 세계에서 기대할 수있는 부분은 다음과 같습니다.

압형React가 어디에서나 발생할 가능성은 거의 없으며 2019 년은 계속 성장할 것입니다. (다소 느린 속도 임에도 불구하고). "); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">후크 와 같은 기능이 추가됨에 따라 기능적 접근 방식으로 나아가는 움직임을 보게 될 것입니다.그러나 가장 흥미 진진한 개발은 데이터 전송 / API 영역에있을 것입니다. "); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">GraphQL 은 이미 "); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">Graphify API를 제공하는 많은 대형 업체 (예 : "); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">Shopify ) 와 함께 이미 지배적으로 시작되었습니다 . 필자의 예측은 일종의 "); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">Redux 스타일 인스펙터와 더 나은 IDE 통합 을 제공하는 "); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">Apollo 의 중요한 업데이트 (또는 경쟁자)를 포함하여 2019 년에 GraphQL에 대한 더 나은 툴링을 볼 수 있다는 것 입니다."); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">"); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">"); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">

기능적 프로그래밍과 반응 적 프로그래밍 모두 비슷한 성장을 누릴 가능성이 높습니다. 특히 현대 프레임 워크가 채택한 접근 방식과 얼마나 잘 통합 되었는가?

눈금 끊기

운이 좋으면 2019 년은 프론트 엔드 개발자들이 단조로운 12- 칼럼 그리드에서 벗어나 더욱 매력적이고 동적 인 레이아웃을 만들기 시작하는 해가 될 것입니다.

Jen Simmons는 큰 그리드 옹호자였으며 "); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">레이아웃 랩 에서 가능한 것을 시연 "); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">했습니다 .하지만 "); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">CSS 그리드는 잠시 동안 주변되었습니다, 그것은 여전히 종종 관련 기관 사이트에 이관입니다. 가능 한 일에 대한 느낌을 얻으려는 1 년의 개발자 (및 디자이너)를 만났습니다. 바라건대, 2019 년에는 몇 가지 혁신적인 구현을 보게됩니다.

예술과 기발한

아마도 10 년 만에 처음으로 웹은 플래시 시대 사이트의 기발하고 예술적 잠재력을 재발 명하기 시작했습니다.같은 지역 사회 "); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">글리치 와 같은 회의 "); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">XOXO가 되어 "); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">적극적으로 장려 '사이트'하지만 놀이터하지 않은 웹에 물건을 구축하는 예술가, 코더, 디자이너, 작가. CodePen은 기술적 인 놀이 판이지만 Glitch는 예술적 요소입니다.

글리치 (Glitch)는 최근 특집 프로젝트를 소개하는 디지털 북을 구성했습니다.

우리는 이러한 종류의 작업이 계속해서 성장할 것으로 확신합니다. 특히 CSS Grid 및 Generative libs와 같은 주류가 점점 더 잘 지원되고있는 새로운 도구가 많아짐에 따라 이러한 작업이 계속 증가 할 것으로 확신합니다."); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">전체 애플리케이션 을 "); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">출하하는 것과 관련된 우려 사항 (접근성, 성능, 사용 편의성, 교육 등) "); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">이 어려울 수 있는 시점에서 이러한 이스케이프가 그 어느 때보 다 필요합니다.

생성 콘텐츠나는 웹이 Heydon Pickering의 "); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">Mutable 같은 생성적인 작업과 예술에서 거대한 성장을 계속 볼 것이라고 생각한다 .

Heydon의 'Mutable'에 등장하는 생성 적 아트웍의 예그러나 2019 년에는 마케팅 페이지에 사본이 포함 된 그래픽을 제작하는 등 더욱 미묘한 방법으로이 기능을 보게 될 것으로 생각됩니다. 우리가 웹상의 평면 일러스트 의 "); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">포화 상태에 이르면 우리는 페이지에 인성과 개성을 더 "); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">창의적으로 추가 할 수 있어야하며 독특한 일러스트를 생성하는 것이 흥미로운 해결책 일 수 있습니다.

Made By By 많은 사람들이 정적 인 것들과 결합 된 생성적인 모양을 사용하여 독특한 미학을 창출합니다.

새로운 full-stack

지난 몇 년 동안 프런트 엔드 개발자의 역할이 크게 바뀌기 시작했습니다. 응용 프로그램의 JavaScript가 점점 더 많이 사용되면서 프론트 엔드 엔지니어는 API 설계 및 데이터 모델링과 같은 전통적으로 백엔드 개발자 영역의 아키텍처 원칙을 이해하고 실행해야했습니다.예를 들어, GraphQL API를 구현하는 것은 원래 백엔드 개발자에게 맡겨 졌을 지 모르지만 오늘날은 언어, 생태계 및 툴링에 익숙하므로 프런트 엔드 개발자가 선택할 가능성이 높습니다. 동형 응용 프로그램 설계의 등장은 다른 런타임 환경 ( "); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">노드 및 브라우저), 라우팅 및 인증에 대한 인식을 전제로하여 기여했습니다 .프론트 엔드와 백엔드 개발의 차이는 그리 오래되지 않았지만 분명히 밝혀졌지만, 나는 이것이 2019 년에 점점 더 어두운 상태가 계속 될 것이며, 어쩌면 ("); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">다소 악의적 인 ) 전체 스택 '개발자.