Velopers
모든 블로그
레모네이드

레모네이드

도메인lemonade-engineering.medium.com
주요 카테고리 프론트엔드 · 백엔드

활동 요약

대표 인기 포스트써드파티 API 호출을 위한 암호화 삽질기38 조회
최근 30일
0개
평균 조회
25
누적 조회
249
전체 글
10개
마지막 발행
2022. 3. 24.
블로그 방문

레모네이드 기술 블로그 글 (7)

프론트엔드

React-Native CodePush 적용기

React Native 앱에 AppCenter CodePush를 연동해 JavaScript 변경을 원격 배포하는 과정을 정리했습니다. Staging·Production 분리와 앱 복귀 시 업데이트 전략, 롤백 방법을 함께 소개합니다.

#React#React Native#CodePush
1500

프론트엔드

three.js in Next.js

WebGL을 추상화한 three.js의 핵심 구성과 애니메이션 루프를 설명했습니다. Next.js에서 useRef·useEffect로 바닐라 three.js 도넛을 렌더링하는 패턴을 제시했습니다.

#three.js#Next.js#React
2800

프론트엔드

[Figma]컴포넌트에 적용된 값들이 사라지지 않게 대체하기

Figma 마스터 컴포넌트 교체 시 텍스트 값이 사라지지 않도록 기존·신규 컴포넌트를 함께 두고 이관했습니다. 텍스트 출력 오류는 Resizing을 Fill container로 변경해 해결했습니다.

#Figma#컴포넌트#Auto layout
2600

프론트엔드

디자인 시스템을 만들때 마주하는 고민사항 23가지와 32개 팁.

Figma 기반 디자인 시스템의 레거시 정리와 구축 과정을 실무 관점에서 정리했습니다. 네이밍, Variant·Property, 텍스트·색상 스타일 관리 팁을 제시합니다.

#디자인 시스템#Figma#Auto Layout
3500

프론트엔드

판주야 Redux는…#1

정적 HTML을 JavaScript로 동적으로 바꾸는 방식과 React의 상태 관리를 비교했습니다. React가 상태 기반 UI 코드의 가독성을 높이는 이유를 소개합니다.

#JavaScript#React#Redux
2500

프론트엔드

Yarn Workspace를 이용한 Monorepo 구성

Next.js 기반 학생·강사 서비스의 공통 컴포넌트 공유를 위해 Yarn Workspace Monorepo를 구성했습니다. 외부 트랜스파일과 React 중복 문제를 해결하고 의존성과 실행 명령을 루트에서 관리했습니다.

#Yarn Workspace#monorepo#Next.js
2300

프론트엔드

웹페이지에서 파일 다운로드 링크 제공 시 파일명 설정방법

Cross Origin 스토리지 링크에서 download 속성만으로 파일명이 바뀌지 않는 원인을 분석했습니다. Google Cloud Storage 메타데이터의 Content-Disposition filename 설정으로 해결했습니다.

#HTML#Content-Disposition#Google Cloud Storage
1600