LY Corporation의 프런트엔드 기술 동향을 알아보자! State of LY Frontend 2024 실시 보고서
LY Corporation 프런트엔드 조직의 2024년 기술 설문 결과를 정리했습니다. React, Next.js, Jest, Tailwind CSS와 함께 Vite, Vitest 전환 흐름도 확인했습니다.
#JavaScript#React
12400
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
디자인 생산성을 높이는 피그마 플러그인을 만들어보자 2부: 개발 편
디자인 생산성을 높이는 피그마 플러그인을 만들어보자 2부: 개발 편
피그마 플러그인으로 실제 데이터를 디자인 시안에 적용하는 구조와 구현 과정을 정리했습니다. 샌드박스, CORS, 라우팅 제약을 우회한 방법과 로그 수집 개선 사례도 소개했습니다.
#Figma#React
9000
Amazon Q Developer CLI를 통한 쉽고 빠른 에이전트 코딩 실습
Amazon Q Developer CLI의 새로운 에이전트 기능으로 자연어 지시만으로 앱 생성과 수정, AWS 리소스 탐색까지 수행하는 흐름을 소개했습니다. CLI에서 멀티턴 대화와 로컬 도구 활용이 가능해져 개발 작업을 더 빠르게 처리할 수 있음을 보여줬습니다.
#AWS#CLI
5500
코드 한 줄로 경험하는 React 동시성의 마법
React 18 동시성 렌더링과 Lane 모델로 입력 지연 문제를 줄이는 방법을 설명했습니다. useTransition과 useDeferredValue를 통해 무거운 렌더링을 분리한 실제 적용 사례도 소개했습니다.
#React#동시성
27000
11키티즈 게임에서 XState를 선택한 이유
11키티즈 게임에서 XState를 선택한 이유를 상태 관리와 자동 진행 관점에서 설명했습니다. 복잡한 게임 로직을 명확하게 분리하고 유지보수성을 높이는 점을 강조했습니다.
#XState#React
5100
토스 프론트엔드에 이력서 없이 리포지토리 링크로 지원하세요 (~4/30)
토스 프론트엔드가 이력서 없이 공개 GitHub 리포지토리 링크로 지원받는 전형을 열었습니다. 코드 품질, TypeScript, UX, 협업 방식 중심으로 평가했습니다.
#TypeScript#React
15700
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
NPM Library 를 직접 배포하여 오픈소스 개발자가 되어보는 경험
오픈소스에 기여하는 방법으로 직접 NPM 라이브러리를 만들어 배포하는 과정을 소개했습니다. React 컴포넌트 예시와 함께 npm publish, 버전 관리, 재배포 절차를 설명했습니다.
#NPM#React
14600
왜 왓챠 웹은 Remix로 마이그레이션했을까?
왓챠 웹이 기존 react + express 구조에서 Remix로 마이그레이션한 이유와 과정을 정리했습니다. 점진적 전환, 라우팅 분기, 컴포넌트 분리와 같은 운영 전략도 함께 공유했습니다.
#Remix#React
33800
EKS에서 단일 애플리케이션을 n개의 POD으로 다중 배포하기(1)
AWS EKS에서 단일 애플리케이션을 환경변수만 바꿔 다중 배포하는 방법을 소개했습니다. React 샘플, CodeCommit 연동, Parameter Store와 CodeBuild 설정 흐름을 정리했습니다.
#EKS#AWS
3000
구글처럼 복잡한 권한 쉽게 관리하기 feat. GraphQL
복잡한 권한을 RBAC 대신 ReBAC로 재구성해 선언적으로 관리하는 방법을 소개했습니다. graplix와 React Permission 컴포넌트로 권한 체크와 화면 제어를 단순화했습니다.
#GraphQL#ReBAC
49700
Next.js Server Action과 프론트엔드 보안
Next.js Server Action의 내부 동작과 보안 주의점을 설명했습니다. 편의성 뒤에 있는 인증·인가, 입력 검증, 인젝션 방지 책임을 강조했습니다.
#Next.js#React
1400
Next.js Server Action과 프론트엔드 보안
Next.js Server Action의 동작 방식과 기본 보안 메커니즘을 설명했습니다. 편의성 뒤에 숨은 인증·인가, 입력 검증, SSRF 등 보안 책임을 강조했습니다.
#Next.js#React
2100
자료구조를 활용한 복잡한 프론트엔드 컴포넌트 제작하기
토스증권 PC의 그리드 레이아웃을 이진 트리 자료구조로 직접 구현한 사례를 소개했습니다. 복잡한 요구사항을 데이터 구조와 컴포넌트 분리로 해결하고 저장·복구까지 구현했습니다.
#React#자료구조
36600
[Syrup 디자인 시스템] 개발: UX에서 FE로의 효과적인 핸드오프
[Syrup 디자인 시스템] 개발: UX에서 FE로의 효과적인 핸드오프
디자인 시스템을 통해 UX와 FE 간 Hand-off를 표준화하고 협업 효율을 높인 사례를 설명했습니다. Figma, Token, Storybook, NPM을 연결해 일관성과 재사용성을 강화하는 과정도 다뤘습니다.
#디자인 시스템#Storybook
3800