Velopers
모든 블로그
레모네이드

레모네이드

도메인lemonade-engineering.medium.com
주요 카테고리 Frontend · Backend · Else

활동 요약

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

최신 게시글 (10)

프론트엔드

React-Native CodePush 적용기

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

#React#React Native#CodePush
1400

프론트엔드

three.js in Next.js

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

#three.js#Next.js#React
2600

프론트엔드

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

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

#Figma#컴포넌트#Auto layout
2600

프론트엔드

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

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

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

프론트엔드

판주야 Redux는…#1

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

#JavaScript#React#Redux
2400

프론트엔드

Yarn Workspace를 이용한 Monorepo 구성

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

#Yarn Workspace#monorepo#Next.js
2100

백엔드

써드파티 API 호출을 위한 암호화 삽질기

ncloud SMS API의 401 오류를 HmacSHA256 서명 생성 관점에서 추적했습니다. 서명 대상 URL 누락을 수정해 정상 발송을 확인했습니다.

#API#HMAC#node.js
3700

프론트엔드

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

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

#HTML#Content-Disposition#Google Cloud Storage
1300

백엔드

JEST를 이용한 SW Test 활용해보기

Jest와 Docker DB, Fixture·Snapshot·Rollback을 활용한 결제·쿠폰 모듈 테스트 방식을 소개했습니다.\nHusky pre-push 검증으로 회귀 오류를 막고 협업 안정성을 높인 경험을 공유합니다.

#Jest#Docker#DB
2100

기타

디자이너가 프로젝트에 앞서 이해관계자를 인터뷰 해야하는 2가지 이유.

초기 이해관계자 인터뷰로 프로젝트 목적과 우선순위를 맞춰 작업 번복을 줄였습니다.\n피드백을 모아 문서화·회의화해 병목을 완화하고 역할별 집중 시간을 확보했습니다.

#UI/UX#회의#문서화
1400