Offcanvas

��� ���������������

‘앵귤러 13’ RC 버전 출시··· “아이비 라이브러리 지원”

타입스크립트(TypeScript) 기반 웹 프레임워크의 차기 메이저 버전 ‘앵귤러 13(Angular 13)’이 릴리즈 캔디데이트 단계로 이동했다. 앵귤러 13의 프로덕션 릴리즈는 오는 11월 3일 출시될 예정이다.  ‘아이비(Ivy)’는 앵귤러의 차세대 컴파일 및 렌더링 엔진이다. 앵귤러는 이전 버전인 ‘뷰 엔진(View Engine)’ 지원을 유지하면서, 최근 릴리즈부터 (아이비를) 지원하기 시작했다. 앵귤러 13에서는 아이비 라이브러리가 완전히 지원되고, 뷰 엔진 지원은 제거된다.    앵귤러 13 릴리즈 캔디데이트의 코드는 깃허브에서 다운로드할 수 있다. 이 밖에 앵귤러 13의 변경사항은 다음과 같다.  • 타입스크립트 4.4(TypeScript 4.4)를 지원한다. 지난 10월 5일부터 코어에서 타입스크립트 4.4.2 이전 버전은 더 이상 지원되지 않는다.  • Rxjs(Reactive Extensions for JavaScript) v7 리액티브 프로그래밍 라이브러리가 지원된다.  • min, max, minLength와 같은 기본 유효성 검사기를 동적으로 비활성화하거나 활성화할 수 있다.  • 단순화된 ViewContainerRef.createComponent API를 통해 구성요소를 동적으로 생성할 수 있다.  • 오류 메시지가 개선됐다.  • 영구적인 ‘디폴트로 캐시 빌드(build cache by default)’ 기능을 통해 빌드가 향상됐다.  • 앵귤러 패키지 포맷 13(Angular Package Format 13)이 추가돼 패키지에서 ‘뷰 엔진’ 코드가 제거됐다.  • 국제화를 위한 $localize가 안정적인 API로 제공된다.  • 사용자 지정 조건은 ng_package에서 설정할 수 있다.  • 새로운 탐색이 진행 중인 탐색을 취소할 때 라우터가 더 이상 브라우저 URL을 대체하지 않는다. 이...

구글 타입스크립트 앵귤러 웹 프레임워크

2021.10.19

타입스크립트(TypeScript) 기반 웹 프레임워크의 차기 메이저 버전 ‘앵귤러 13(Angular 13)’이 릴리즈 캔디데이트 단계로 이동했다. 앵귤러 13의 프로덕션 릴리즈는 오는 11월 3일 출시될 예정이다.  ‘아이비(Ivy)’는 앵귤러의 차세대 컴파일 및 렌더링 엔진이다. 앵귤러는 이전 버전인 ‘뷰 엔진(View Engine)’ 지원을 유지하면서, 최근 릴리즈부터 (아이비를) 지원하기 시작했다. 앵귤러 13에서는 아이비 라이브러리가 완전히 지원되고, 뷰 엔진 지원은 제거된다.    앵귤러 13 릴리즈 캔디데이트의 코드는 깃허브에서 다운로드할 수 있다. 이 밖에 앵귤러 13의 변경사항은 다음과 같다.  • 타입스크립트 4.4(TypeScript 4.4)를 지원한다. 지난 10월 5일부터 코어에서 타입스크립트 4.4.2 이전 버전은 더 이상 지원되지 않는다.  • Rxjs(Reactive Extensions for JavaScript) v7 리액티브 프로그래밍 라이브러리가 지원된다.  • min, max, minLength와 같은 기본 유효성 검사기를 동적으로 비활성화하거나 활성화할 수 있다.  • 단순화된 ViewContainerRef.createComponent API를 통해 구성요소를 동적으로 생성할 수 있다.  • 오류 메시지가 개선됐다.  • 영구적인 ‘디폴트로 캐시 빌드(build cache by default)’ 기능을 통해 빌드가 향상됐다.  • 앵귤러 패키지 포맷 13(Angular Package Format 13)이 추가돼 패키지에서 ‘뷰 엔진’ 코드가 제거됐다.  • 국제화를 위한 $localize가 안정적인 API로 제공된다.  • 사용자 지정 조건은 ng_package에서 설정할 수 있다.  • 새로운 탐색이 진행 중인 탐색을 취소할 때 라우터가 더 이상 브라우저 URL을 대체하지 않는다. 이...

2021.10.19

‘앵귤러 13’ 미리보기··· 폼 및 라우터 개선

구글에서 개발한 타입스크립트(TypeScript) 기반 웹 프레임워크 ‘앵귤러(Angular)’의 버전 13이 구체화되기 시작했다. 지난 8월 4일과 11일 깃허브에서 공개된 두 개의 베타 릴리즈에서는 폼과 라우터가 변경됐다.    먼저 앵귤러 13에는 FormControlStatus라는 새로운 유형이 도입됐다. 폼 컨트롤에 사용할 수 있는 모든 상태 문자열의 조합이다. 또한 AbstractControl.status가 string에서 FormControlStatus로 축소됐고, StatusChanges는 Observable<any>에서 Observable<FormControlStatus>로 축소됐다. 앵귤러 변경 로그에 따르면 대부분의 애플리케이션은 이러한 새로운 유형을 원활하게 사용할 수 있다.  라우터에서는 기본 URL 직렬 변환기가 쿼리 매개변수의 물음표를 포함한 모든 항목을 나중에 삭제하여 /path?q=hello?&other=123 탐색에서 잘못된 구문 분석이 발생하는 상황을 해하기 위한 변경사항이 제안됐다. 이 변경사항은 올바른 구문 분석을 제공한다.  앵귤러 13의 프로덕션 릴리즈는 오는 11월 출시될 예정이다. 이 밖에 제안된 변경사항은 다음과 같다.  • 컴파일러-cli에서 d.ts 파일의 절대 가져오기에 올바른 모듈 확인 컨텍스트를 사용하도록 한다. 또 앵귤러 동작이 없는 파일의 증분 빌드에서는 분석을 건너뛴다. 증분 빌드에서 컴파일러는 이전 컴파일러의 분석 데이터를 최대한 재사용하여 분석 작업을 다시 수행하지 않도록 한다. 하지만 앵귤러 동작이 없는 소스 파일의 경우 분석 데이터가 기록되지 않으며, 결과적으로 변경사항이 없더라도 소스 파일이 빌드마다 재분석된다. 이 커밋은 그러한 소스 파일의 분석을 방지한다.  • 언어 서비스는 템플릿에서 자동완성 문자열 리터럴 통합 유형 지원이 제공된다.  • 라우터에서는 누락된 아울렛 이벤트가 Rout...

구글 타입스크립트 웹 프레임워크 앵귤러 앵귤러 13

2021.08.17

구글에서 개발한 타입스크립트(TypeScript) 기반 웹 프레임워크 ‘앵귤러(Angular)’의 버전 13이 구체화되기 시작했다. 지난 8월 4일과 11일 깃허브에서 공개된 두 개의 베타 릴리즈에서는 폼과 라우터가 변경됐다.    먼저 앵귤러 13에는 FormControlStatus라는 새로운 유형이 도입됐다. 폼 컨트롤에 사용할 수 있는 모든 상태 문자열의 조합이다. 또한 AbstractControl.status가 string에서 FormControlStatus로 축소됐고, StatusChanges는 Observable<any>에서 Observable<FormControlStatus>로 축소됐다. 앵귤러 변경 로그에 따르면 대부분의 애플리케이션은 이러한 새로운 유형을 원활하게 사용할 수 있다.  라우터에서는 기본 URL 직렬 변환기가 쿼리 매개변수의 물음표를 포함한 모든 항목을 나중에 삭제하여 /path?q=hello?&other=123 탐색에서 잘못된 구문 분석이 발생하는 상황을 해하기 위한 변경사항이 제안됐다. 이 변경사항은 올바른 구문 분석을 제공한다.  앵귤러 13의 프로덕션 릴리즈는 오는 11월 출시될 예정이다. 이 밖에 제안된 변경사항은 다음과 같다.  • 컴파일러-cli에서 d.ts 파일의 절대 가져오기에 올바른 모듈 확인 컨텍스트를 사용하도록 한다. 또 앵귤러 동작이 없는 파일의 증분 빌드에서는 분석을 건너뛴다. 증분 빌드에서 컴파일러는 이전 컴파일러의 분석 데이터를 최대한 재사용하여 분석 작업을 다시 수행하지 않도록 한다. 하지만 앵귤러 동작이 없는 소스 파일의 경우 분석 데이터가 기록되지 않으며, 결과적으로 변경사항이 없더라도 소스 파일이 빌드마다 재분석된다. 이 커밋은 그러한 소스 파일의 분석을 방지한다.  • 언어 서비스는 템플릿에서 자동완성 문자열 리터럴 통합 유형 지원이 제공된다.  • 라우터에서는 누락된 아울렛 이벤트가 Rout...

2021.08.17

앵귤러 12 베타 버전 공개··· “성능, 컴파일러, DOM 요소 등 개선”

구글에서 개발한 타입스크립트(TypeScript) 기반 웹 프레임워크 ‘앵귤러(Angular)’의 버전 12가 오는 5월 출시될 예정이다. 이에 앞서 앵귤러 12는 2월부터 6개의 베타 릴리즈를 선보이면서 성능, 컴파일러, DOM 요소 등과 관련된 여러 개선사항을 추가했다.    앵귤러 12 프로젝트는 이전에 프로덕션 빌드 개선, 웹팩 5(Webpack 5) 번들러 지원 등의 내용을 담은 기술 로드맵을 발표한 바 있다. 프로덕션 릴리즈는 5월에 공개될 예정이다. 최신 베타 릴리즈(앵귤러 12.0.0-next.6)는 지난 3월 24일 깃허브(GitHub)에 게시됐다. 이번 베타에서 개선된 사항 및 기능은 다음과 같다.  • 프래그먼트 값을 null이 아닌 값(non-nullable)으로 변환하는 마이그레이션이 추가됐다.  • 컴파일러-cli(compiler-cli)에서 타입안정성을 지원하는 방식으로 임의의 데이터를 제공할 수 있는 모든 요청에 대해 context 옵션이 도입됐다. 이 기능은 요청별로 HTTP 클라이언트에서 인터셉터를 구성해야 하는 필요성을 해결한다.  • 이제 애니메이션에서 루트 뷰가 제거되면 DOM 요소가 올바르게 제거된다.  • 성능을 향상시키고자 DomAdapter에서 사용되지 않는 메소드를 제거했다.  • legacy-migrate라는 새 포맷이 localize-extract에 추가됐다. 이는 레거시 메시지 ID를 표준 메시지 ID에 매핑하는 데 사용할 수 있는 JSON 파일을 생성한다.  • 엄격한 null 검사가 null일 가능성이 있는 프래그먼트를 보고한다.  • APP-INITIALIZER 토큰 타입이 앵귤러에서 처리하는 반환 값 타입을 더 정확하게 반영하도록 변경됐다.  • BrowserAnimationsModulewithConfig를 통해 애니메이션을 비활성화하는 기능이 추가됐다.  • FormArray 및 Fo...

구글 타입스크립트 웹 프레임워크 앵귤러 앵귤러 12 웹팩 5 자바스크립트

2021.03.31

구글에서 개발한 타입스크립트(TypeScript) 기반 웹 프레임워크 ‘앵귤러(Angular)’의 버전 12가 오는 5월 출시될 예정이다. 이에 앞서 앵귤러 12는 2월부터 6개의 베타 릴리즈를 선보이면서 성능, 컴파일러, DOM 요소 등과 관련된 여러 개선사항을 추가했다.    앵귤러 12 프로젝트는 이전에 프로덕션 빌드 개선, 웹팩 5(Webpack 5) 번들러 지원 등의 내용을 담은 기술 로드맵을 발표한 바 있다. 프로덕션 릴리즈는 5월에 공개될 예정이다. 최신 베타 릴리즈(앵귤러 12.0.0-next.6)는 지난 3월 24일 깃허브(GitHub)에 게시됐다. 이번 베타에서 개선된 사항 및 기능은 다음과 같다.  • 프래그먼트 값을 null이 아닌 값(non-nullable)으로 변환하는 마이그레이션이 추가됐다.  • 컴파일러-cli(compiler-cli)에서 타입안정성을 지원하는 방식으로 임의의 데이터를 제공할 수 있는 모든 요청에 대해 context 옵션이 도입됐다. 이 기능은 요청별로 HTTP 클라이언트에서 인터셉터를 구성해야 하는 필요성을 해결한다.  • 이제 애니메이션에서 루트 뷰가 제거되면 DOM 요소가 올바르게 제거된다.  • 성능을 향상시키고자 DomAdapter에서 사용되지 않는 메소드를 제거했다.  • legacy-migrate라는 새 포맷이 localize-extract에 추가됐다. 이는 레거시 메시지 ID를 표준 메시지 ID에 매핑하는 데 사용할 수 있는 JSON 파일을 생성한다.  • 엄격한 null 검사가 null일 가능성이 있는 프래그먼트를 보고한다.  • APP-INITIALIZER 토큰 타입이 앵귤러에서 처리하는 반환 값 타입을 더 정확하게 반영하도록 변경됐다.  • BrowserAnimationsModulewithConfig를 통해 애니메이션을 비활성화하는 기능이 추가됐다.  • FormArray 및 Fo...

2021.03.31

‘강력하고 방대한’ 파이썬 웹 프레임워크 5종

웹 사이트 또는 서비스를 위한 백엔드를 구축해보면 처음에는 대단해 보이지 않는 것도 곧 결코 그렇지 않다는 사실을 알게 된다. ‘단순한’ 사이트도 복잡한 실타래처럼 보인다. 사용자 관리, 데이터 디자인, 서식 제출, 보안 등 이 모든 것을 수동으로 구현하는 것은 지루하고 힘든 작업이다. 특히 대형 웹 프로젝트의 경우 온갖 요소를 내장한 프레임워크로 전향하는 것이 최선이다. 탄탄한 웹 애플리케이션 등을 구축하기 위해 필요한 모든 것이 갖춰진 파이썬용 웹 프레임워크 5종에 관해 살펴본다.   큐빅웹(CubicWeb) 큐빅웹은 ‘재사용 및 객체 지향적 디자인에 유리한 의미론적(semantic) 웹 애플리케이션’이라 불린다. 릭 그레한이 2011년에 인포월드에서 이것을 리뷰했을 때 말했던 것처럼, 이는 ‘큐브’라 불리는 재사용 가능한 코드 블록과 앱스트랙션(abstractions )의 사용을 강조하는 매우 흥미로운 시스템이다. 사실, 큐빅웹은 개발자에 따라 너무 추상적이거나 특이할 수 있으며, 개발 속도와 기능이 다른 프레임워크보다 뒤쳐진다. 큐브는 스키마(Schema, 데이터 모델), 실체(Entity, 프로그래밍 로직), 뷰(View)가 특징인 소프트웨어 구성요소이다. 각각 작업을 수행하는 여러 개의 큐브를 조합함으로써 자신과 타인의 코드를 재사용하여 소프트웨어 애플리케이션을 구성할 수 있다. 큐빅웹은 모든 웹 앱이 사용하는 기본적인 스캐폴딩, 데이터 연결 및 저장을 위한 ‘저장소’, 기본적인 HTTP 요청/응답과 CRUD 동작을 위한 ‘웹 엔진’, 모델링 데이터를 위한 스키마를 제공한다. 이 모든 것이 파이썬 클래스 정의에 설명되어 있다. 큐빅웹 인스턴스를 설정하고 관리하려면 장고에 사용하는 것과 같은 명령줄 도구를 사용한다. 내장된 템플레이팅(Tamplating) 시스템을 통해 HTML 출력을 프로그램으로 생성할 수 있다. 또한 부트스트랩(Bootstrap) HTML 프레임워크 등의 웹 UI를 위한 도구를 제공하는 큐브도 사용할 수 있다....

파이썬 웹 프레임워크 큐빅웹 장고 웹투파이 웨피 조프 웹 애플리케이션

2021.01.13

웹 사이트 또는 서비스를 위한 백엔드를 구축해보면 처음에는 대단해 보이지 않는 것도 곧 결코 그렇지 않다는 사실을 알게 된다. ‘단순한’ 사이트도 복잡한 실타래처럼 보인다. 사용자 관리, 데이터 디자인, 서식 제출, 보안 등 이 모든 것을 수동으로 구현하는 것은 지루하고 힘든 작업이다. 특히 대형 웹 프로젝트의 경우 온갖 요소를 내장한 프레임워크로 전향하는 것이 최선이다. 탄탄한 웹 애플리케이션 등을 구축하기 위해 필요한 모든 것이 갖춰진 파이썬용 웹 프레임워크 5종에 관해 살펴본다.   큐빅웹(CubicWeb) 큐빅웹은 ‘재사용 및 객체 지향적 디자인에 유리한 의미론적(semantic) 웹 애플리케이션’이라 불린다. 릭 그레한이 2011년에 인포월드에서 이것을 리뷰했을 때 말했던 것처럼, 이는 ‘큐브’라 불리는 재사용 가능한 코드 블록과 앱스트랙션(abstractions )의 사용을 강조하는 매우 흥미로운 시스템이다. 사실, 큐빅웹은 개발자에 따라 너무 추상적이거나 특이할 수 있으며, 개발 속도와 기능이 다른 프레임워크보다 뒤쳐진다. 큐브는 스키마(Schema, 데이터 모델), 실체(Entity, 프로그래밍 로직), 뷰(View)가 특징인 소프트웨어 구성요소이다. 각각 작업을 수행하는 여러 개의 큐브를 조합함으로써 자신과 타인의 코드를 재사용하여 소프트웨어 애플리케이션을 구성할 수 있다. 큐빅웹은 모든 웹 앱이 사용하는 기본적인 스캐폴딩, 데이터 연결 및 저장을 위한 ‘저장소’, 기본적인 HTTP 요청/응답과 CRUD 동작을 위한 ‘웹 엔진’, 모델링 데이터를 위한 스키마를 제공한다. 이 모든 것이 파이썬 클래스 정의에 설명되어 있다. 큐빅웹 인스턴스를 설정하고 관리하려면 장고에 사용하는 것과 같은 명령줄 도구를 사용한다. 내장된 템플레이팅(Tamplating) 시스템을 통해 HTML 출력을 프로그램으로 생성할 수 있다. 또한 부트스트랩(Bootstrap) HTML 프레임워크 등의 웹 UI를 위한 도구를 제공하는 큐브도 사용할 수 있다....

2021.01.13

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

IDG 설문조사

회사명:한국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.5.0.5