Offcanvas

React

Next.js 버전 10 공개··· ”이미지 최적화, 사용자 애널리틱스 추가”

베르셀(Vercel)이 10월 27일(현지 시각) 리액트 기반 웹 프레임워크 ‘Next.js’의 버전 10을 공개했다. Next.js 버전 10에는 사용자 애널리틱스, 자동 이미지 최적화, 전자상거래용 올인원 스타터 키트, 다국어 라우팅 등을 포함한 여러 기능이 추가됐다.    올해로 4주년을 맞은 ‘Next.js’는 하이브리드 정적 및 서버 렌더링(hybrid static and server rendering), 스마트 번들링(smart bundling), 타입스크립트(TypeScript) 지원, 라우트 프리페칭(route pre-fetching) 등의 기능을 제공한다. 이번에 발표된 버전 10의 새로운 기능은 다음과 같다.  • 자동 이미지 최적화(Automatic image optimization): 기존 HTML 및 브라우저 이미지를 대체한다. 개발자는 프로그레시브 로딩(progressive loading)을 통해 페이지 응답 속도를 향상시키는 리액트 기반 이미지 구성요소로 기존 HTML 태그를 자동 교체할 수 있다.  • 다국어 라우팅(Internationalized routing) 및 자동 언어 감지(automatic language detection): 사용자 선호 언어에 따라 제공할 콘텐츠를 결정하는 동시에 즉각적인 언어 네고시에이션 및 메모라이제이션을 지원해 개발팀에 번역 경로를 제공하고 DIY 접근방식을 제거한다.  • Next.js 애널리틱스(Next.js Analytics): 개발자가 웹 사이트 성능을 개선하는 데 필요한 사용자 인사이트를 지속적으로 제공한다. 지속적인 피드백은 사이트나 애플리케이션이 어떻게 작동하는지 이해하고 웹 바이탈(Web Vitals) 점수를 올리는 데 도움을 준다.  • Next.js 커머스(Next.js Commerce): 이는 성능, 개인화, 몰입적인 사용자 경험을 지원하는 전자상거래 사이트용 올인원 스타터 키트다. 이 오픈소스 플랫폼은 빅커머스(...

Next.js React 리액트 웹 사이트 웹 프레임워크 사용자 애널리틱스 자동 이미지 최적화 전자상거래 전자상거래 사이트 라우팅 서버 렌더링 타입스크립트 리액트 17 빅커머스

2020.10.28

베르셀(Vercel)이 10월 27일(현지 시각) 리액트 기반 웹 프레임워크 ‘Next.js’의 버전 10을 공개했다. Next.js 버전 10에는 사용자 애널리틱스, 자동 이미지 최적화, 전자상거래용 올인원 스타터 키트, 다국어 라우팅 등을 포함한 여러 기능이 추가됐다.    올해로 4주년을 맞은 ‘Next.js’는 하이브리드 정적 및 서버 렌더링(hybrid static and server rendering), 스마트 번들링(smart bundling), 타입스크립트(TypeScript) 지원, 라우트 프리페칭(route pre-fetching) 등의 기능을 제공한다. 이번에 발표된 버전 10의 새로운 기능은 다음과 같다.  • 자동 이미지 최적화(Automatic image optimization): 기존 HTML 및 브라우저 이미지를 대체한다. 개발자는 프로그레시브 로딩(progressive loading)을 통해 페이지 응답 속도를 향상시키는 리액트 기반 이미지 구성요소로 기존 HTML 태그를 자동 교체할 수 있다.  • 다국어 라우팅(Internationalized routing) 및 자동 언어 감지(automatic language detection): 사용자 선호 언어에 따라 제공할 콘텐츠를 결정하는 동시에 즉각적인 언어 네고시에이션 및 메모라이제이션을 지원해 개발팀에 번역 경로를 제공하고 DIY 접근방식을 제거한다.  • Next.js 애널리틱스(Next.js Analytics): 개발자가 웹 사이트 성능을 개선하는 데 필요한 사용자 인사이트를 지속적으로 제공한다. 지속적인 피드백은 사이트나 애플리케이션이 어떻게 작동하는지 이해하고 웹 바이탈(Web Vitals) 점수를 올리는 데 도움을 준다.  • Next.js 커머스(Next.js Commerce): 이는 성능, 개인화, 몰입적인 사용자 경험을 지원하는 전자상거래 사이트용 올인원 스타터 키트다. 이 오픈소스 플랫폼은 빅커머스(...

2020.10.28

Next.js 9.5 업데이트 공개··· “증분 정적 페이지 재생성 추가”

Next.js 9.5의 새로운 페이지 업데이트 메커니즘은 지연시간 급증을 제거하고 페이지가 오프라인으로 전환되는 것을 방지한다.  28일(현지 시각) 자바스크립트 UI 라이브러리 리액트(React)를 기반으로 애플리케이션 빌드를 지원하는 프레임워크, Next.js의 버전 9.5가 공개됐다. Next.js 9.5에는 증분 정적 재생성(incremental static regeneration), 리라이트/리다이렉션(rewrites/redirects) 지원 등을 포함한 여러 기능이 추가됐다.    ‘증분 정적 재생성’은 트래픽이 유입될 때 백그라운드에서 페이지를 다시 렌더링하여 기존 페이지를 업데이트한다. 트래픽은 항상 정적 스토리지에서 중단 없이 제공되며, 새로 작성된 페이지는 생성 완료 후에만 푸시된다. 이는 기존 SSR과 달리 지연시간이 급증하지 않으며, 페이지가 오프라인으로 전환되지 않는다는 이점을 가진다.  '리라이트 지원'은 Next.js를 점진적으로 도입할 때 유용한 기능이다. 이를 사용하면 개발자가 들어오는 요청 경로를 외부 URL을 포함한 다른 대상 경로에 매핑할 수 있다. '리다이렉션'은 애플리케이션 경로 구조를 변경할 때 주로 사용된다. Next.js 9.5 버전부터는 redirects 키 아래 next.config.js에서 리다이렉션 목록을 만들 수 있다.  엣지 네트워크 업체 베르셀(vercel)이 개발한 오픈소스 프레임워크 Next.js는 정적 웹사이트 구축, 앱 및 모바일 웹 앱의 사전 렌더링 등을 목적으로 하는 엔터프라이즈급 툴이다. 이 밖에 Next.js 9.5의 새로운 기능 및 개선 사항은 아래와 같다.  • basePath 구성 옵션을 사용하면 도메인의 하위 경로에서 Next.js 애플리케이션을 쉽게 호스팅할 수 있다. 개발자는 /docs 와 같은 하위 경로에서 애플리케이션을 호스팅하여 이 애플리케이션이 도메인의 해당 하위 섹션만 다...

Next.js React 리액트 자바스크립트 프레임워크 애플리케이션 정적 웹사이트 느래픽 베르셀 모바일 웹 앱 웹팩 5

2020.07.28

Next.js 9.5의 새로운 페이지 업데이트 메커니즘은 지연시간 급증을 제거하고 페이지가 오프라인으로 전환되는 것을 방지한다.  28일(현지 시각) 자바스크립트 UI 라이브러리 리액트(React)를 기반으로 애플리케이션 빌드를 지원하는 프레임워크, Next.js의 버전 9.5가 공개됐다. Next.js 9.5에는 증분 정적 재생성(incremental static regeneration), 리라이트/리다이렉션(rewrites/redirects) 지원 등을 포함한 여러 기능이 추가됐다.    ‘증분 정적 재생성’은 트래픽이 유입될 때 백그라운드에서 페이지를 다시 렌더링하여 기존 페이지를 업데이트한다. 트래픽은 항상 정적 스토리지에서 중단 없이 제공되며, 새로 작성된 페이지는 생성 완료 후에만 푸시된다. 이는 기존 SSR과 달리 지연시간이 급증하지 않으며, 페이지가 오프라인으로 전환되지 않는다는 이점을 가진다.  '리라이트 지원'은 Next.js를 점진적으로 도입할 때 유용한 기능이다. 이를 사용하면 개발자가 들어오는 요청 경로를 외부 URL을 포함한 다른 대상 경로에 매핑할 수 있다. '리다이렉션'은 애플리케이션 경로 구조를 변경할 때 주로 사용된다. Next.js 9.5 버전부터는 redirects 키 아래 next.config.js에서 리다이렉션 목록을 만들 수 있다.  엣지 네트워크 업체 베르셀(vercel)이 개발한 오픈소스 프레임워크 Next.js는 정적 웹사이트 구축, 앱 및 모바일 웹 앱의 사전 렌더링 등을 목적으로 하는 엔터프라이즈급 툴이다. 이 밖에 Next.js 9.5의 새로운 기능 및 개선 사항은 아래와 같다.  • basePath 구성 옵션을 사용하면 도메인의 하위 경로에서 Next.js 애플리케이션을 쉽게 호스팅할 수 있다. 개발자는 /docs 와 같은 하위 경로에서 애플리케이션을 호스팅하여 이 애플리케이션이 도메인의 해당 하위 섹션만 다...

2020.07.28

2018년 IT채용 시장서 수요 많을 기술력 7선

완벽한 IT 일자리 찾기란 쉬운 일이 아니다. 하지만 수요가 많은 특정 기술을 보유했다면 취업이 원활하게 진행될 수 있다. 2018년에 기업이 많이 찾을 기술력을 알아보자. 까다로운 고용 시장에서 새로운 일자리 찾기란 절대 쉬운 일이 아니지만, 특정 기술력이 있다면 이 과정이 한결 수월해질 것이다. 고용주가 찾는 인재를 신속하게 구할 수 있도록 돕는 구직 플랫폼인 인디드(Indeed)가 2018년에 수요가 많을 것으로 예상되는 기술력을 작성했다. 인디드의 경제학자 대니얼 칼버트슨은 "새로운 일자리를 찾을 때 사람들은 원하는 직업과 관련한 최첨단 기술을 나타내는 검색어를 사용하곤 한다. 고용주 측에서는 이러한 숙련도를 갖춘 고도로 전문화된 기술 인재 수요가 많다"고 밝혔다. 인디드는 2015년 10월부터 2016년 10월까지, 그리고 2016년 10월부터 2017년 9월까지 2년간의 기술 직업 검색 트래픽을 조사해 구직자 측면에서 가장 빠르게 성장하는 기술을 파악해 검색어를 선정했다. 그런 다음 인디드의 경제학자와 연구원은 이력서 검색 트래픽을 같은 기간에 해당 기술이 고용주들 사이에 얼마나 인기가 있었는지 확인했다. 이러한 데이터를 종합해 2018년에 수요가 많을 기술과 IT산업 간에 견고한 공감대를 만들어 냈다. 리액트 리액트(React)는 페이스북, 인스타그램, 개인 개발자뿐 아니라 써드파티가 관리하는 사용자 인터페이스를 작성하는 자바스크립트 라이브러리다. 지금까지 2017년에 리액트 프로젝트는 깃허브의 코드베이스에 기여한 사람이 두 번째로 많다. 컬버트슨은 "실제로 리액트는 구직자들이 사용하는 기술 중 가장 빠르게 성장하는 기술 검색 용어다. 동시에 고용주가 이력서 검색에 3배 이상을 사용하는 것으로 파악됐다"며 “리액트가 소비자 대면 기술 회사들 사이에서 얼마나 빨리 인기를 얻고 있으며 프론트엔드 개발자들에게는 이 기술이 얼마나 중요한지 잘 보여준다. 간단히 말해, ...

자바 앵귤라JS Offensive Security Certified Professional OSCP 리액트 인디드 스파크 R 스칼라 파이썬 아마존 웹 서비스 인사 데이터 과학자 애저 AWS 고용 HR 채용 React

2017.12.21

완벽한 IT 일자리 찾기란 쉬운 일이 아니다. 하지만 수요가 많은 특정 기술을 보유했다면 취업이 원활하게 진행될 수 있다. 2018년에 기업이 많이 찾을 기술력을 알아보자. 까다로운 고용 시장에서 새로운 일자리 찾기란 절대 쉬운 일이 아니지만, 특정 기술력이 있다면 이 과정이 한결 수월해질 것이다. 고용주가 찾는 인재를 신속하게 구할 수 있도록 돕는 구직 플랫폼인 인디드(Indeed)가 2018년에 수요가 많을 것으로 예상되는 기술력을 작성했다. 인디드의 경제학자 대니얼 칼버트슨은 "새로운 일자리를 찾을 때 사람들은 원하는 직업과 관련한 최첨단 기술을 나타내는 검색어를 사용하곤 한다. 고용주 측에서는 이러한 숙련도를 갖춘 고도로 전문화된 기술 인재 수요가 많다"고 밝혔다. 인디드는 2015년 10월부터 2016년 10월까지, 그리고 2016년 10월부터 2017년 9월까지 2년간의 기술 직업 검색 트래픽을 조사해 구직자 측면에서 가장 빠르게 성장하는 기술을 파악해 검색어를 선정했다. 그런 다음 인디드의 경제학자와 연구원은 이력서 검색 트래픽을 같은 기간에 해당 기술이 고용주들 사이에 얼마나 인기가 있었는지 확인했다. 이러한 데이터를 종합해 2018년에 수요가 많을 기술과 IT산업 간에 견고한 공감대를 만들어 냈다. 리액트 리액트(React)는 페이스북, 인스타그램, 개인 개발자뿐 아니라 써드파티가 관리하는 사용자 인터페이스를 작성하는 자바스크립트 라이브러리다. 지금까지 2017년에 리액트 프로젝트는 깃허브의 코드베이스에 기여한 사람이 두 번째로 많다. 컬버트슨은 "실제로 리액트는 구직자들이 사용하는 기술 중 가장 빠르게 성장하는 기술 검색 용어다. 동시에 고용주가 이력서 검색에 3배 이상을 사용하는 것으로 파악됐다"며 “리액트가 소비자 대면 기술 회사들 사이에서 얼마나 빨리 인기를 얻고 있으며 프론트엔드 개발자들에게는 이 기술이 얼마나 중요한지 잘 보여준다. 간단히 말해, ...

2017.12.21

회사명:한국IDG 제호: ITWorld 주소 : 서울시 중구 세종대로 23, 4층 우)04512
등록번호 : 서울 아00743 등록일자 : 2009년 01월 19일

발행인 : 박형미 편집인 : 박재곤 청소년보호책임자 : 한정규
사업자 등록번호 : 214-87-22467 Tel : 02-558-6950

Copyright © 2022 International Data Group. All rights reserved.

10.4.0.13