Offcanvas
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
Offcanvas
1111Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.

리액트

예시로 살펴보는 넥스트JS용 풀스택 프레임워크 ‘블리츠JS’

블리츠JS(Blitz.js)는 리액트(React)와 넥스트JS(Next.js)를 기반으로 구축된 자바스크립트 프레임워크다. 블리츠JS는 다른 기술과 구별되는 뚜렷한 철학이 있는 풀스택 프레임워크다. 특히 제로(zero)-API 접근법을 추구하는 특징이 있는데 이를 통해 프레임워크가 사용자 인터페이스를 백엔드 데이터스토어에 연결한다. 흥미롭고 독특한 자바스크립트 애플리케이션 개발을 블리츠JS를 활용해 다음과 같이 구현해보자.      블리츠 데모 설정 일단 npm i blitz@alpha -g 명령을 사용해서 블리츠를 전역 NPM 패키지로 추가해야한다. 그 다음 blitz new demo-app을 입력해 나오는 툴로 새 프로젝트를 만들 수 있다. 다음은 데모 애플리케이션을 위한 예시 코드다.  $ blitz new demo-app ✔ Pick which language you'd like to use for your new blitz project › Javascript ✔ Pick which template you'd like to use for your new blitz project › full ✔ Install dependencies? … yes ✔ Pick which form you'd like to use for your new blitz project › React Hook Form Hang tight while we set up your new Blitz app! 예시 1. 새 블리츠 애플리케이션 만들기 모든 종속 항목 설치가 끝나면, 방금 만들어진 새 디렉터리로(cd demo-app) 이동해서 blitz dev 명령어를 입력한 후 개발 서버를 시작할 수 있다. 이제 서버가 localhost:3000에서 실행되며 아래와 같은 시작 화면을 볼 수 있을 것이다.   가장 먼저 눈에 띄는 부분은 블리츠의 생성기가 다른 프론트엔드 프레임워크와 달리 더 세부적인 전체 스택 스캐폴딩을 지원한다는 점이...

리액트 넥스트JS 블리츠JS 6일 전

“개발자 85%는 원격근무 중”

스택 오버플로우(Stack Overflow)의 ‘2022 개발자 설문조사(2022 Developer Survey)’ 결과에 따르면 대부분의 개발자가 원격에서 작업하고 있으며, 좋아하는 기술을 쓸 수 있는 유연한 환경을 선호하는 것으로 나타났다.  대부분의 소프트웨어 개발자는 현재 적어도 일정 시간 원격근무를 하고 있으며, 작업 환경의 유연성이 그 어느 때보다 중요하게 여겨지고 있다. 한편 2022년 5월 스택 오버플로우 개발자 설문조사에는 전 세계 180개국 총 7만 3,268명이 참여했다.    개발자 채용 및 유지의 새로운 법칙 지난 2020년, 완전히 원격근무로 전환해야 했던 개발자 팀이 많았다. 이번 보고서에 의하면 약 85%의 개발자는 소속 조직이 완전(42.98%) 또는 최소한 부분적으로(42.44%) 원격근무를 하고 있다고 답했다. 대기업일수록 완전 원격근무보다는 하이브리드 근무를 하는 경향이 컸다. 스택 오버플로우의 CEO 프라샨트 찬드라세카는 인포월드와의 인터뷰에서 “전 세계가 하이브리드 및 원격근무로 가고 있다. 이번 데이터는 기차는 이미 떠났다는 사실을 보여준다. 작업 환경의 유연성 그리고 개발자가 쓰게 될 기술 스택은 직장 만족도에 가장 큰 영향을 미치는 요소인 것으로 조사됐다. 많은 개발자가 작업하게 될 기술 스택 때문에 채용 과정에서 중도 하차한다”라고 말했다. 한편 프리랜서 또는 개인 비즈니스를 하는 개발자가 작년보다 5%P 증가한 17%를 기록했다. 이 밖에 조직 문화도 변화하고 있으며, 클라우드 네이티브 기술이 인기를 끌었다. 대부분의 개발자의 현재 CI/CD(69.79%)를, 데브옵스 기능(59.35%), 자동화된 테스트(58.09%)를 사용하고 있다고 밝혔다. 하지만 필요한 도구 및 서비스를 쉽게 찾을 수 있는 내부 개발자 포털을 가지고 있다고 말한 개발자는 전체 응답자의 38%에 그쳤다. 아울러 내부 리소스 기술을 사용하여 코드와 지식을 공유한다고 답한 개발자도 16%에 불과했다. &nbs...

소프트웨어 개발자 스택 오버플로우 개발자 설문조사 2022.06.24

프론트엔드 아키텍처의 진화, 리액티브 자바스크립트

현재 소프트웨어 개발에서 가장 역동적인 분야는 프론트 엔드 아키텍처다. 동적인 사용자 인터페이스를 구축하기 위한 더욱 강력한 방법을 고안하고자 여러 혁신가들이 첨단 기술을 발전시키고 있다. 이들 작업은 대부분 맹렬한 속도로, 공개적으로 진행되고 있다.   스벨트킷(SvelteKit), 솔리드(Solid), 리액트(React), 퀵(Qwik), 아스트로(Astro) 같은 여러 오픈소스 자바스크립트 프로젝트 덕분에 우리는 미래를 향한 웹의 진화를 눈앞에서 지켜볼 수 있다. 이 글은 최근 오픈소스 자바스크립트 프로젝트의 움직임 이해를 위한 가이드다.     하이드레이션이란? 현대의 프론트 엔드 아키텍처를 개선하기 위한 활동의 대부분은 이른바 하이드레이션(hydration)에 초점을 둔다. 하이드레이션이 무엇이며 왜 현대 프론트 엔드 아키텍처의 중심인지 이해하기 위해 일단 전체적인 개념을 파악해야 한다. 반응성(reactivity)을 구현하려면 모든 프레임워크는 다음 다이어그램에 기술된 세 가지 측면을 처리해야 한다.    이 다이어그램의 기본적인 메시지는 뷰의 프레임을 설정하고 상태를 저장하고 이 둘 간의 상호작용을 관리하는 작업을 프레임워크가 담당한다는 것이다(MVC 패턴을 잘 아는 사람에게는 친숙한 개념).   이 3가지 조각이 확보되면 준비가 된 것이다. 사용자는 페이지를 보고 페이지와 상호작용할 수 있다.   네이티브, 또는 기본적인 접근 방법은 단순히 클라이언트에서 필요한 모든 것(프레임, 리액티브 코드, 상태)을 가져와 보내는 방법이다. 그러면 클라이언트(브라우저)가 프레임을 표시하고(UI 페인팅) 자바스크립트를 해석하고 상태를 연결하는 작업을 한다.   이 접근 방법의 장점은 코드가 단순하며 따라서 코드를 이해하기도 쉽다는 것이다. 그러나 큰 단점도 있다. 첫 페이지 렌더에서 모든 요소를 기다려야 하고 사용자는 모든 네트워크 및 브라우저 작업이 완료되기까지의 과정을 거쳐야 한...

자바스크립트 프론트엔드아키텍처 프론트엔드 2022.06.02

2017년 최고의 오픈소스 소프트웨어 : 소프트웨어 개발 툴

올해 오픈소스 소프트웨어 개발 툴 중에는 JVM을 수용한 개발자, IoT 개발자, 웹 개발자, 네이티브 개발자, 더 나아가 블록체인을 갈망하는 개발자들을 위한 도구들이 주목을 받았다. 2017년 개발자를 만족시킨 플랫폼, 프레임워크, 프로그래밍 언어, 기타 도구들을 소개한다. editor@itworld.co.kr

리액트 블록체인 이더리움 2017.10.10

페이스북, 리액트 프레임워크 업데이트... “장애인 배려한 앱 개발 가능”

페이스북은 앱 개발자들이 시각 장애인을 배려한 앱을 쉽게 앱을 개발할 수 있도록 리액트(React)와 리액트 네이티브(React Native) 프로그래밍 프레임워크를 업데이트했다. 개발자들은 사용자 인터페이스를 장애인용으로 지정할 수 있는데, 화면 음성 변환기 등 화면 안의 객체들을 이해할 수 있는 접근성 기술을 이용할 수 있다. 이러한 접근성 요소들은 화면 음성 변환기가 해당 요소를 설명할 수 있도록 라벨이 부여된다. 리액트 네이티브로 개발된 앱은 사용자가 쓰고 있는 시스템의 접근성 기능이 켜진 상태인지 확인하고, 보조 기술을 이용하는 사람들에게 더 유용하게 사용자 인터페이스 설정을 변경할 수 있다. 새로운 접근성 API(Accessibility API)를 사용하면 애플의 보이스오버(VoiceOver)나 구글의 톡백(TalkBack) 같은 화면 음성 변환 프로그램이 해당 앱의 모양이나 작동 법을 사용자에게 알려준다. 시각 장애가 있는 사용자나 보조 기능을 이용하는 사람들이 이러한 앱을 더 쉽게 탐색하고 사용할 수 있다. 리액트와 리액트 네이티브는 개발자들이 웹 및 모바일 앱의 인터페이스를 만드는 데 도움을 주는 도구다. 리액트 네이티브는 iOS와 안드로이드 환경 모두 지원하기 때문에 특히 중요하며, 개발자들은 각 플랫폼에서 사용했던 코드를 재활용할 수 있다. 이제 개발자들은 두 운영체제 모두에 장애인을 배려한 앱을 만들 수 있게 됐다. 페이스북은 이미 자사의 iOS 및 안드로이드용 광고 관리(Ads Manager) 앱에 새로운 접근성 기술을 도입해서, 사람들이 모바일 디바이스에서 페이스북의 광고 캠페인을 만들고 모니터링하는데 도움을 주고 있다. 자체 앱의 접근성 향상을 위한 노력도 지속하고 있는데, 최근에는 iOS 앱에 다이나믹 타입(Dynamic Type)이라는 기능을 추가해 사용자들이 앱 안의 텍스트 크기를 키울 수 있도록 했다. editor@itworld.co.kr

페이스북 개발 장애인 2015.11.24

닌텐도 위(wii) 배터리 충전기 리콜, 알아야 할 것들

만일 위(Wii)의 4 독 배터리 리차지 스테이션(4-Dock Battery Recharge Station)을 가지고 있다면, 당장 플러그를 뽑아야 한다. 타버릴 수도 있기 때문. 미국 소비자 제품 안전 위원회(U.S. Consumer Product Safety Commission)는 이 충전 스테이션에 대한 자발적인 리콜을 실시한다고 밝혔다. 정확히 어떤 것 때문에 그런 것일까?   리콜되는 제품은?   그리핀 인터내셔널(Grifin International Cos.,Inc.,)가 판매한 사이클론 에센셜(Psyclone Essentials)과 리액트(React)의 위 4 독 배터리 리차지 스테이션(Wii™ 4-Dock Battery Recharge Stations)이다. 사이클론 에센셜 제품은 아마존, 타깃(Target), 토이저러스(Toys R Us) 등에서 판매되고 있으며, 리액트 제품은 베스트바이에서 판매되고 있다. 두 제품 모두 가격은 50달러이며, 2008년 1월부터 2009년 7월까지 판매됐다.     4개의 충전 스테이션이 있는 흰색 도킹 스테이션과 1개의 충전가능한 배터리팩이 포함되어 있는 이 기기의 리콜 대상 수는 약 22만 개 이다.   충전기의 문제점은 무엇인가?   배터리팩 과열로 타서 사용자에게 해를 입힐 수 있다. CPSC에 따르면, 그리핀 인터내셔널은 과열에 대한 보고를 6건 받았는데, 그 중 2건은 사용자가 경미한 손 화상을 입었다.   위 배터리 충전 스테이션을 갖고 있는 경우, 문제가 있는 기기인지 어떻게 아는가?   제품 앞에 붙어있는 브랜드 명이 사이클론(Psyclone)이나 리액트(React)인지 확인하면 된다. 좀 더 확실히 알고 싶다면, 제품을 뒤집어서 하단에 모델 번호가 PSE6501(사이클론)이나 RT...

리콜 닌텐도위 (wii) 2009.08.14

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

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

Copyright © 2022 International Data Group. All rights reserved.