회원가입을 하면 원하는 문장을
저장 할 수 있어요!
다음
매일 업데이트되는 개발 프로젝트를 만나보세요
본문은 요즘IT와 번역가 Mr.P가 함께 만든 해외 번역 콘텐츠입니다. 이 글을 작성한 Ambar Tayde는 해외 IT 커뮤니티에서 활동하면서 업계 동향과 기술 개편에 관한 다양한 글을 공유하고 있습니다. 이번 글은 2022년 프론트엔드 개발 동향을 확인하고, 제품 개선을 위해 수용할 기술이 있는지 소개하는 글입니다.
회원가입을 하면 원하는 문장을
저장 할 수 있어요!
다음
회원가입을 하면
성장에 도움이 되는 콘텐츠를
스크랩할 수 있어요!
확인
개발
본문은 요즘IT와 번역가 Mr.P가 함께 만든 해외 번역 콘텐츠입니다. 이 글을 작성한 Ambar Tayde는 해외 IT 커뮤니티에서 활동하면서 업계 동향과 기술 개편에 관한 다양한 글을 공유하고 있습니다. 이번 글은 2022년 프론트엔드 개발 동향을 확인하고, 제품 개선을 위해 수용할 기술이 있는지 소개하는 글입니다.
소프트웨어 엔지니어링 팀은 언제나 고객에게 좋은 사용자 경험을 제공하기 위해 최신 프론트엔드 기술을 채택해야 한다는 압박을 받고 있습니다. 올해 프론트엔드 개발 동향을 확인하고 제품의 개선을 위해 수용할 만한 기술이 있는지 확인해보세요. 아무리 직관적이고 좋은 UI를 가진 응용 프로그램이라고 해도 계속 업데이트되어야 사용자의 이탈 없이 서비스를 유지할 수 있습니다.
변화하는 트렌드를 따라가는 것이 부담될 수 있겠지만, 이번에 소개해 드릴 프론트엔드 개발 트렌드는 앱 개발 진행과정을 더욱 빠르고 간결하게 만들어줍니다. 또한 업계에 지속해서 영향력을 미치는 것을 목표로 하는 개발자에게 있어서 최신 프로그래밍 언어, 프론트엔드 프레임워크 및 기술들을 유지하는 것이 끊임없이 진화하는 업계에서 경쟁력을 유지하는 데 필수적입니다.
그럼 지금부터 이 글을 빌려 당신이 주목해야 할 몇 가지 주요 프론트엔드 개발 동향을 소개하겠습니다.
Jamstack(JavaScript, API, Markup)은 자바스크립트(JavaScript)를 사용하는 프레임워크로, 웹사이트와 앱을 구축하는 데 도움이 됩니다. Jamstack은 높은 성능을 보장하는 최신의 싱글 페이지 애플리케이션(Single Page Application, SPA)을 구축하는 데 있어서 사용하기 쉬운 플랫폼을 제공합니다.
Jamstack은 사전 렌더링 및 분리(Decoupling) 원칙에 따라 작동합니다. 우선 데이터베이스 백엔드 앱으로부터 프론트엔드 UI와 페이지들을 분리합니다. 프론트엔드가 백엔드 서버에 종속되지 않게 되면, CDN[1]을 통해 전 세계로 쉽게 배포할 수 있습니다. 배포되기 전, 전체 프론트엔드가 최적화된 정적 페이지 및 자산으로 사전 구축됩니다. 전체 프론트엔드는 자바스크립트와 API를 사용해서 백엔드 서비스들과 통신하고, 페이지를 개선 및 개인화할 수 있습니다.
Jamstack은 우리가 웹사이트나, 웹앱을 구축하는 데 있어서 혁명을 일으켰고, Unilever, PayPal, Louis Vuitton, Nike 등의 주목할 만한 브랜드들이 두 팔을 벌려 Jamstack 아키텍처를 수용하고 있습니다.
자바스크립트는 가장 많이 사용되는 프로그래밍 언어 중 하나입니다. HTML과 CSS와 함께 World Wide Web(WWW)의 핵심 기술 중 하나이며, 가장 폭넓은 라이브러리, 프레임워크 및 커뮤니티 지원을 제공합니다.
자바스크립트 프레임워크는 웹 개발자들의 반복적인 작업을 수월하게 해주는 코드를 제공하는 라이브러리 모음집입니다.
그렇다면 그중 가장 인기 있는 자바스크립트 프레임워크는 무엇일까요?
많은 것들이 있지만, 가장 널리 사용되는 3가지 자바스크립트 프론트엔드 프레임워크들을 다루겠습니다.
넷플릭스(Netflix), 링크드인(LinkedIn), 페이팔(PayPal, OK큐피드(OkCupid), BBC World News 등과 같은 여러 웹 앱이 자바스크립트 기반으로 개발되었습니다.
헤드리스 아키텍처는 ‘몸’을 담당하는 백엔드(콘텐츠 저장소)가 ‘머리’를 담당하는 프론트엔드와 분리된 일종의 백엔드 콘텐츠 관리 시스템입니다. 비즈니스 로직과 기능은 API로 제공됩니다. 전문화된 백엔드는 이러한 API를 사용자 플랫폼에 맞는 프론트엔드 채널로 간소화합니다. 이 구조를 사용하면 다른 기술을 사용하여 다양한 형식의 여러 프론트엔드를 만들 수 있습니다.
다른 말로 하면, 헤드리스 CMS는 웹 서비스 API를 이용해 백그라운드에서 독립적으로 실행되어 여러 장치에 콘텐츠를 전송하는 중앙화 된 콘텐츠 저장소입니다.
마이크로 프론트엔드 아키텍처는 프론트엔드 앱이 느슨하게 함께 작동하는 개별의 반독립적(semi-independent)인 ‘마이크로 앱’들로 분해되는 디자인 접근 방식입니다. 그것은 일체형의 프론트엔드 구조에 대한 해결책으로 개발되었습니다. 마이크로 프론트엔드 아키텍처는 일체형 프론트엔드 구조를 독립 애플리케이션과 유사한 여러 개의 하위 구성 요소들로 분해합니다. 이를 통해 개발팀은 작업이 필요한 서로 다른 구성 요소들을 단일 코드 베이스에서 동시에 작업하여, 전체 프론트엔드를 개발할 수 있습니다.
마이크로 프론트엔드 아키텍처의 이점은 다음과 같습니다.
UI/UX를 확장하고 개선하기 위해 마이크로 프론트엔드 아키텍처를 사용하고 있는 브랜드는 스포티파이(Spotify), 이케아(IKEA), 아메리칸 익스프레스(American Express), 스타벅스(Starbucks)가 있습니다.
PWA는 브라우저에서 제공하는 API와 기능, 그리고 전통적인 점진적 향상 기능[3]을 지원하는 크로스 플랫폼 웹 앱을 제공하기 때문에, 최근 맞춤형 애플리케이션 개발 회사들에게 매우 주목받기 시작한 기술입니다. PWA는 HTML, 자바스크립트, CSS와 같은 인기 있는 웹 기술을 사용하여 개발되었습니다. 또한 푸시 알림, 홈 화면에 추가와 같은 기능을 제공하면서 사용자에게 반응형 경험을 체험하게 해 줍니다.
게다가 트위터(Twitter), 인스타그램(Instagram), 우버(Uber), 포브스(Forbes), 스타벅스(Starbucks), 핀터레스트(Pinterest)가 PWA로 개발하여 놀라운 속도와 다른 환경의 기기에서 타의 추종을 불허하는 성능을 통해 그들의 앱을 기존의 네이티브 앱보다 더 안정적이고 효율적으로 만들었습니다.
페이스북(Facebook)은 복잡한 애플리케이션의 변화하는 요구사항을 충족하고, REST API[3]의 유연성 문제를 해결하기 위해서 2018년에 GraphQL을 발표했습니다. (역주: 페이스북이 GraphQL을 발표한 연도는 2015년입니다.)
GraphQL은 데이터 쿼리 언어이자, API용 서버에서 작동하는 프로그램입니다. 클라이언트가 요청한 데이터를 정확하게 제공하는 것을 최우선 순위로 지정합니다. 빠르고, 유연하며, 개발자 친화적으로 설계된 API는 GraphQL으로 알려진 IDE 내에서 배포될 수 있습니다. REST API를 대체하는 GraphQL은 개발자가 여러 데이터 소스에서 단일 API 호출을 통해 원하는 데이터들을 불러올 수 있습니다.
GraphQL의 도입으로 인한 이점은 다음과 같습니다.
아틀라시안(Atlassian), 아우디(Audi), 코세라(Coursera), 페이스북(Facebook), 깃허브(GitHub), 에어비앤비(Airbnb), 리프트(Lyft)와 같은 많은 회사가 자사의 모바일 앱, 웹사이트, API에서 GraphQL을 활용했습니다.
Motion UI는 세계적으로 수요가 많은 최신 프론트엔드 디자인 스타일입니다. 웹사이트와 앱 인터페이스에 생명을 불어넣어 주는 UX 디자인은 Motion UI의 특징입니다.
Motion UI는 서사를 전달하면서 사용자에게 다양한 감정을 선사합니다. 서사 전달은 온라인에서 사용자의 참여를 유도하는 강력한 방법입니다. 여기서 핵심은 그 서사가 단순히 이벤트의 나열로 이루어져 있다는 것입니다. 모션과 애니메이션이 합쳐질 때 서사는 굉장히 미학적인 순간을 선사하고, 대단히 실용적인 사용자 경험을 강화할 수 있습니다.
Motion UI는 사용자의 주목을 이끄는 가장 효과적이고 직선적인 접근 방식입니다. 예를 들면, 모션 디자인을 통해 사용자 메시지를 최대한 빨리 전송할 수 있습니다. 이는 데이터를 모으고 아이디어를 전달하는 간단하고 편리한 방법입니다. 짧은 애니메이션을 보는 것이 정적인 인포그래픽이나 콘텐츠를 읽는 것보다 더 적합한 방식입니다.
우버(Uber), 페이스북(Facebook), 인스타그램(Instagram), 구글 앱스(Google Apps), 크레드(CRED), 스냅챗(Snapchat), 스포티파이(Spotify) 외에도 일상생활의 많은 앱에서 모션 애니메이션을 볼 수 있습니다.
SPA는 브라우저 안에서 작동하고, 사용하는 동안 페이지를 다시 로드할 필요가 없는 앱입니다.
SPA의 최대 강점은 사용자 경험에 있습니다. 사용자는 페이지 리로딩과 같은 작업을 기다리지 않아도 되는 네이티브 앱 환경을 선호합니다. SPA는 자바스크립트로 구동되는 동일한 페이지를 사용자에게 제공하고, 네이티브 앱과 비슷한 환경을 구현합니다.
SPA의 주된 이점은 속도에 있습니다. SPA에 필요한 대부분의 리소스(HTML + CSS + Scripts) 앱이 실행될 때 로딩되며, 앱을 사용할 때 다시 로딩 할 필요가 없습니다. 오직 변경되는 것은 서버와 통신할 때 주고받는 데이터입니다. 결과적으로 애플리케이션은 클라이언트의 요청에 빠르게 응답하고, 서버와 클라이언트 간의 통신을 매번 기다릴 필요가 없습니다.
페이스북(Facebook), 지메일(Gmail), 트위터(Twitter), 구글 드라이브(Google Drive), 구글 맵스(Google Maps), 깃허브(GitHub)가 SPA를 사용하는 예시입니다.
로우 코드 개발 플랫폼은 프론트엔드 개발에 있어서 가장 기대되는 영역입니다. 이러한 비주얼 앱 개발 툴은 보일러 플레이트 코드[4]를 처리하면서 프론트엔드 설계와 로직에 초점을 맞춥니다. 앱을 구축하는 것은 문제를 분석하고, 그것을 개념화한 후 코드를 설계하기까지 시간과 노력이 필요합니다. 로우 코드 플랫폼은 프론트엔드와 백엔드 양 측면에서 커스터마이징이 되기 때문에 경제적 비용을 아낄 수 있습니다. 이러한 툴을 이용하면 직관적인 드래그 앤 드롭을 통해 쉽게 UI 구성요소를 만들 수 있고, 데이터베이스나 다른 앱과 통신하며 데이터를 불러올 수 있습니다. 따라서 이를 통해 비즈니스 로직은 물론이고, 궁극적 목표인 사용자 경험 개선에 집중할 수 있습니다.
로우 코드/노 코드 앱 개발 플랫폼은 프론트엔드 엔지니어와 개발자가 드래그 앤 드롭을 통해 UI 구성요소를 배치하고, 연결하여 상용 가능한 앱/웹앱을 만들 수 있는 비주얼 소프트웨어 개발 환경입니다.
비주얼 앱 개발 툴의 장점은 다음과 같습니다.
위프로(Wipro), 몬덜리즈(Mondelez), 엔디(Endy), LTI, 화이자(Pfizer), 콜게이트(Colgate), 맥킨지(McKinsey&Company) 외에도 많은 회사가 비주얼 개발 툴을 상용 앱 빌드를 위해 사용하고 있습니다. 더 많은 정보를 여기서 확인하세요!
통계를 통해 프론트엔드 개발의 중요성을 살펴보겠습니다.
시장 경쟁이 매일 새로운 경지에 도달함에 따라, 프론트엔드 개발자는 효율성, 사용자 경험, 고객만족도, 확장성, 접근성, 그리고 가장 중요한 속도를 강화하기 위해 상용 솔루션을 개선하기 위해 바삐 움직이고 있습니다. 혼란스러울 정도로 빠르게 변화하는 업계 동향과 업무량의 압박 속에서 가장 중요한 것은 서비스의 프론트엔드를 어떻게 개선할지 고민하는 것입니다.
[1] Content delivery network, 지리적 제약 없이 전 세계 사용자들에게 빠르고 안전하게 콘텐츠를 전송할 수 있는 기술
[2] 웹 컨텐츠를 먼저 강조하여 모든 사람이 웹 페이지의 기본 컨텐츠에 접속 가능하게 하는 웹 디자인 전략
[3] HTTP 프로토콜을 이용한 서버-클라이언트 통신 방식
[4] 반복적으로 사용되어, 재사용 할 수 있는 코드
<원문>
Front-End Development Trends of 2022
위 번역글의 원 저작권은 Ambar Tayde에게 있으며, 요즘IT는 해당 글로 수익을 창출하지 않습니다.
좋아요
댓글
공유
공유
요즘IT의 번역글들
요즘 해외 개발자들은 어떻게 일할까요? 기획자나 디자이너는요? 그래서 준비했습니다. 읽어볼만한 해외 소식들을 번역해 전합니다. We are the world.
UX 디자이너에게 '제너럴리스트' 커리어가 함정인 이유
디자인훌륭한 개발자의 5가지 특징
개발구글AI '바드' 공개, SEO의 위기일까?
비즈니스프로그래밍의 종말
개발2023년 주목해야 하는 UI/UX 디자인 트렌드
디자인나쁜 자바스크립트 작성 습관과 작별하기
개발다음 11가지 언어들은 여전히 살아있나요?
개발2023년 최고의 노코드 개발 도구
개발디자이너를 위한 리액트 가이드
디자인제품 관리의 제0법칙
기획CTO는 어떤 일을 하나요?
개발제품 디자인으로 5초 테스트하기
디자인신입 개발자를 위한 완벽한 온보딩 가이드
개발설문지 양식 UX: 더 나은 설문조사를 위한 언어
기획영리한 개발자와 현명한 개발자의 차이점
개발프리랜서 업무 로드맵 작성의 5단계
프리랜싱모든 개발자가 시스템 디자인을 배워야 하는 이유
개발주니어 개발자에서 미드레벨 개발자로 도약하기 위한 7단계
개발최소 기능 제품 MVP, 이제 구시대적 발상인가요?
기획스크럼이 개발자를 괴롭히는 9가지 이유
개발북극성 지표(North Star Metric) 선택하기
비즈니스피그마는 여러분을 나쁜 디자이너로 만들고 있습니다
디자인인터랙션 디자인 vs 시각 디자인
디자인좋은 디자인 포트폴리오를 만드는 팁
디자인나에게 맞는 웹 기술 스택을 고르는 방법
개발윈도우11은 실패작이다
프로덕트“파이썬은 느리다”에 대한 반론
개발파이썬 초보자가 저지르는 10가지 실수
개발우리가 주목할 UI/UX 디자인 트렌드
디자인코드 리뷰 문화
개발데이터 분석가는 무슨 일을 할까요?
개발최고의 오픈 소스 개발 도구 Top 8
개발데이터 분석이란 무엇일까?
개발Flutter로 UI를 구현하는 방법
개발자바 언어의 장단점과 2022년 트렌드
개발데브옵스(DevOps) vs 데브섹옵스(DevSecOps)
개발엑셀을 사용한 아름다운 데이터 시각화
디자인여러분을 더 나은 플러터 개발자로 만들어줄 7가지 프로젝트
개발모든 디자이너가 숙지해야 할 피그마 팁과 노하우
디자인디자인 원칙과 디자인 가치, 그리고 디자이너
디자인디자인, 산출물 그 이상을 넘어
디자인이 회사는 디자인에 투자하고 있는 회사일까요?
디자인애자일은 정말 디자인을 배제하나요?
디자인평판 관리가 프리랜서 경력에 미치는 영향
프리랜싱리액트 네이티브 개발자들이 겪는 가장 빈번한 5가지 문제와 해결책
개발“솔직히 우리가 하는 것은 스크럼이 아닙니다!”
기획데이터 시각화가 인류를 위기에서 구한 세 가지 역사적 사건
디자인NFT의 장밋빛 미래는 사실일까?
기획피그마 토큰으로 디자인 시스템 만들기
디자인디자이너+개발자 = 슈퍼팀 만들기
기획1인 개발자로서 테크 스타트업을 운영하며
기획웹 디자이너가 PX대신 REM을 사용해야 하는 이유
디자인100개의 스타트업을 멘토링하며 깨달은 성공의 비밀
기획중화권 앱 UI가 영미권 앱 UI와 다른 점 알아보기
프로덕트내가 테크 리더로 일하면서 얻은 8가지 교훈
기획모두가 즐길 수 있는 디자인 검토 회의 만들기
디자인프로덕트 매니저에서 프로덕트 마스터로
기획10배 이상 뛰어난 개발자가 되는 법
개발제품 디자인 관점에서 바라보는 NFT 아바타 열풍
디자인에어비앤비: 대규모 iOS 앱 개발 생산성을 위해 바꾼 것들
개발스포티파이: 맞춤형 플레이리스트 개발 비하인드 스토리
개발프리랜서가 일하게 될 15가지 유형의 프로젝트
프리랜싱슬랙: 제품 원칙을 통해 다시 태어난 알림 기능
프로덕트페이팔: 실시간 그래프 데이터베이스 분석을 통해 사기를 방지하는 방법
개발트위터: 수십억 개의 이벤트를 실시간 처리하기
개발슬랙: 4가지 애자일 가치와 방법
기획스퀘어: 모바일 우선을 넘어 웹에서 누리는 모바일앱 경험
개발스포티파이: 카피를 언어로 만드는 UX 라이팅
기획마이크로소프트: 디자인의 미래를 위한 4가지 원칙
디자인메타: AR/VR 경험까지 고려한 디자인 청사진
프로덕트슬랙: 훌륭한 마케팅 카피를 위한 5가지 원칙
기획2022년 UX/UI 디자인 트렌드
디자인구글: 가변 폰트의 놀라운 활용법
디자인에어비앤비: 위기 상황에서의 디자인 원칙 5가지
기획어떻게 두 명의 인턴이 수백만 개의 코드들을 보호할 수 있었나
개발Lattice로 마이크로 프론트엔드를 구축하는 법
개발Cool Cats NFT를 구축하면서 배운 것
개발웹 컴포넌트가 프론트엔드 프레임워크를 대신할까?
개발당신이 NFT에 대해 알아야 할 모든 것
개발우리에겐 이상하지만 개발자들에겐 일상인 일들
개발Next.js 12에서 주목해야 할 5가지 변화
개발스벨트 vs 리액트, 누가 더 뛰어날까?
개발개발자를 위한 iOS 15의 새로운 기능
개발내가 오픈소스를 싫어하는 이유
개발프로덕트 매니지먼트 고객 여정 5단계
기획클럽하우스의 인기는 모두 거품이었다?
프로덕트데이터 기반 의사결정의 장점
기획시각 디자인의 폐쇄성 법칙이란?
디자인사용자 경험(UX) vs 서비스 디자인
기획프로덕트 매니저는 하루 종일 무슨 일을 할까?
기획제품 주도 성장은 어떻게 이루어지는가?
기획UX를 망치지 않는 설득력 있는 배너 디자인
디자인팝업(Pop-up)으로 불리는 것들에 대하여
디자인드롭다운(Drop-down)으로 불리는 것들에 대하여
디자인당신의 생각을 표현하는 새로운 이모지
디자인가장 똑똑한 소프트웨어 엔지니어에게 배운 10가지 교훈
개발성공적인 UX 프로젝트를 위한 가장 중요한 질문
디자인2021년, UI 디자이너가 모바일 앱에서 흔히 저지르는 실수
디자인IT 매니저가 되는 방법과 성공하기 위한 요소
기획슬랙(Slack) 같은 앱을 만들려면 비용이 얼마나 들까?
개발아웃소싱이 이토록 인기를 얻게 된 이유는?
아웃소싱마케터가 UX 관련 역량을 키워야 하는 이유
기획미니멀리즘 디자인의 핵심적인 요소들
디자인새로운 소프트웨어 개발사가 필요하다는 7가지 신호
아웃소싱2021년을 이끌어가는 프론트엔드 개발 트렌드 5가지
개발PM을 성장시키는 학습 프레임워크
기획UI 카피라이팅, 어떻게 써야 하나요?
기획트렌드 예측: 경쟁에서 앞서는 방법
기획제품 사고(product thinking)의 힘
기획인하우스 vs 아웃소싱, 소프트웨어 개발 어떻게 하나요?
개발그림을 못 그리는 사람도 쉽게 와이어프레임 그리는 방법
기획스타트업 기업들에게 아웃소싱이 중요한 이유
아웃소싱제품과 기능, 성공적으로 종료하는 방법 (下)
기획제품과 기능, 성공적으로 종료하는 방법 (中)
기획제품과 기능, 성공적으로 종료하는 방법 (上)
기획UX 디자이너에게 반드시 필요한 12가지 스킬
디자인패스워드 없는 세상이 오고 있다
개발디자이너를 쉽게 잃는 방법 10가지
디자인프론트엔드 코딩 작업에 영감을 줄 8가지 아이디어
개발구글이 아웃소싱을 하는 이유: 아웃소싱 성공사례 5가지
아웃소싱일 잘하는 PM이 되기 위한 로드맵 도구 5가지
기획이제는 말할 수 있다! 아웃소싱에 대한 오해 11가지
아웃소싱디자인 트렌드, 모던 미니멀 스타일의 UI 가이드
디자인MVP 개발을 아웃소싱으로 해도 될까요?
아웃소싱온보딩 효과를 높이는 '좋은' 귀차니즘 3가지
기획게임처럼 즐겨라, 게임화 기법 TOP3
기획시니어 소프트웨어 엔지니어는 어떻게 일할까?
개발프로덕트 매니저가 글을 잘 써야 하는 이유
기획2030년엔 사라질 수도 있는 프로그래밍 언어 5가지
개발고객들이 언제나 옳은 것은 아니다
기획유저 스토리는 무엇인가?
기획고객 성공을 위한 14계명
기획8px 그리드 시대가 끝나고, 4px 그리드의 시대가 열릴까?
디자인모바일 앱은 더 이상 스타트업에게 좋은 아이디어가 아니다
비즈니스과연 구글의 UX 강좌는 도움이 될까요?
디자인프로덕트 매니저 여러분, ‘소비자의 요구사항 수집’을 그만두십시오
기획고객 여정과 경험 지도의 차이점
기획내가 AI 업계를 떠난 이유 5가지
개발모달윈도우(팝업)를 디자인할 때 생각할 9가지 원칙
디자인대기업 vs 중소기업, B2B SaaS 스타트업을 위한 시장은?
기획내가 개발 인터뷰에서 면접자에게 감동한 이유
개발HTTP의 새로운 메서드, 서치(SEARCH)에 대하여
개발세상의 모든 프로덕트 디자이너를 위한 5가지 심리학 원칙
디자인2021년 테스트 자동화 트렌드 리포트 (下)
개발2021년 테스트 자동화 트렌드 리포트 (上)
개발아마존과 스포티파이는 어떻게 사용자를 유지하고 측정할까?
기획UX 디자이너라면 필수적으로 알아야 할 5가지 법칙
디자인앵귤러 vs 리액트, 2021년의 승자는?
개발2021년, SaaS 스타트업 시작을 위한 놀라운 아이디어 10가지
기획디지털 제품 관리에서 B2B와 B2C 사이의 차이점은?
기획빠르게 실행할 수 있는 ‘제품 요구사항 문서(PRD)’ 만들기
기획더 나은 제품을 위한 프로덕트 메트릭스 가이드
기획노 코드(No Code) 트렌드로 프로그래머들은 일자리를 빼앗길까?
개발넷플릭스의 플랫폼: 코스모스(Cosmos)에 대하여
프로덕트비즈니스와 애자일 조직은 어떻게 친해질 수 있을까요?
기획효과적인 제품 전략 세우기: 다수의 전략적 트랙(MuST) 활용
기획1년 만에 이메일 마케팅 효과를 극대화했던 방법
기획솔루션 아키텍트를 위한 팁: 아키텍처 다이어그램의 5가지 유형
개발새로운 맥 OS ‘빅서’에 대한 UX 디자이너의 생각
디자인디자인 트렌드, 뉴모피즘의 정석
디자인스스로 학습하는 UI/UX 디자이너가 되기 위한 2021년 로드맵, 3편
디자인스스로 학습하는 UI/UX 디자이너가 되기 위한 2021년 로드맵, 2편
디자인2021년 모바일 UX 트렌드 10가지
디자인스스로 학습하는 UI/UX 디자이너가 되기 위한 2021년 로드맵, 1편
디자인앱 설정 기능의 UX를 개선하는 효과적인 방법
디자인다크모드 UI 디자인의 원칙
디자인온라인 고객 경험을 개선하기 위한 5가지 방법
기획신생 스타트업에서 일하는 프로덕트 매니저를 위한 현실적인 조언
기획웹 개발자와 소프트웨어 개발자의 차이는 무엇인가요?
개발랜딩 페이지 디자인을 개선하는 13가지 꿀팁
디자인오프라인 비즈니스가 온라인에서 존재감을 가져야 하는 이유 5가지
기획상향식 가격 책정 및 패키징 정책: 사용자 여정을 가이드로 활용하기
기획B2B 제품의 UX, 그것은 숨겨진 영역인가요?
기획상단 내비게이션 vs 사이드 내비게이션, 어느 것이 더 나을까?
디자인자동완성 검색 기능 UX 설계를 위한 8가지 팁
디자인프로덕트 매니저는 전문적인 IT 기술을 갖춰야 하나요?
기획실리콘밸리 51개 기업들이 말하는 프로덕트 매니저의 역할 9가지
기획아웃소싱에 대한 모든 것
아웃소싱앱 디자인 가이드, 사람들이 즐겁게 사용할 수 있는 앱을 만드는 법
디자인처음부터 완제품이 아니라 ‘MVP’를 만들어야 한다
기획플러터 vs 리액트 네이티브 vs 네이티브, 성능이 더 우수한 것은?
개발스타트업 프로덕트 매니저로 성장하는 법, 30-60-90일 플랜
기획당신의 두뇌는 진보하고 있다: 성취감을 위한 3가지 전략
기획디자이너들을 편하게 해주는 HTML/CSS 마법 10가지
디자인코딩의 미래는 ‘노 코드(No Code)’이다
개발내가 엔지니어링 매니저로 일하면서 저지른 실수들
개발내가 롬 리서치(Roam Research)를 좋아하는 이유와 실제 사용법 (下)
기획내가 롬 리서치(Roam Research)를 좋아하는 이유와 실제 사용법 (上)
기획프로그레시브 웹 앱(PWA)이란 무엇이며, 왜 필요한가?
개발PWA vs 네이티브 앱, 어떤 것을 선택해야 할까?
개발UI 디자인에 여백을 활용하는 8가지 팁
디자인마이크로소프트와 링크드인의 새로운 시도, 프리랜서 마켓에 도전장을 던지다
기획토마스넷은 왜 가입자 수를 폭발적으로 늘려준 테스트 결과를 거부했을까?
기획잘 팔리는 기업용 소프트웨어 디자인하기
디자인파이어베이스(Firebase)란 무엇인가? 파이어베이스 심층 탐구 : 하편
개발파이어베이스(Firebase)란 무엇인가? 파이어베이스 심층 탐구 : 중편
개발파이어베이스(Firebase)란 무엇인가? 파이어베이스 심층 탐구 : 상편
개발업워크(Upwork)가 조사한 요즘 가장 인기 좋은 개발 기술 15가지
개발일자리 산업이 휴먼 클라우드(human cloud)에 적응하는 방법
기획팬데믹 이후 세계에서의 디지털 가속화는 어떤 모습일까?
기획같은 분야를 다룬 글들을 권해드려요.
요즘 인기있는 이야기들을 권해드려요.
좋아요
댓글
스크랩
공유
공유
지금 회원가입하고,
요즘IT가 PICK한 뉴스레터를 받아보세요!