프론트엔드 기술 블로그 최신 글

파수 AI 2026년 3차 신입 공개 채용, 접수 기간 10월 12일~25일

필터 0

선택된 필터 없음

2021년 7월 5일

프론트엔드

Flask를 활용한 iOS Networking 1 - 사진 전송하기

iOS에서 앨범·카메라 사진을 선택하고 URLSession으로 서버에 업로드하는 흐름을 설명했습니다. POST 요청과 세마포어로 응답 처리 순서를 제어하는 방법을 다뤘습니다.

앱 버전 관리하기

안드로이드의 versionCode와 versionName 역할, 시맨틱 버저닝 적용 방식을 설명했습니다. build type·flavor 조합 시 버전 표시와 Variant 증가에 따른 주의점을 정리했습니다.

#Android#semantic versioning

5700

2021년 7월 1일

프론트엔드

Atomic state management – Jotai

Jotai의 atomic state management 구조와 Context 재렌더링 문제 완화 방식을 소개했습니다. 파생 atom, 비동기 처리, 렌더링 최적화와 외부 라이브러리 통합 사례를 정리했습니다.

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

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

All New Android 12

Android 12의 Material You, 위젯·알림 디자인, 개인정보 보호 기능을 정리했습니다. 시스템 성능 개선과 접근성 기능 강화 내용도 함께 소개합니다.

#Android#Material You

2200

Amplify Console에 monorepo를 연결해서 웹호스팅 할 때의 주의사항

2021년 6월 1일

프론트엔드

Amplify Console에 monorepo를 연결해서 웹호스팅 할 때의 주의사항

Amplify Console에 monorepo를 연결할 때 빌드 실행 경로와 Preview 동작 범위를 설명했습니다. 불필요한 빌드·비용을 막기 위한 브랜치 자동 감지와 webhook 배포 방식을 제안합니다.

웹브라우저의 이미지 캐싱 이슈 해결하기

이미지 표시 후 XHR 다운로드가 CORS 오류로 실패한 원인을 브라우저의 응답 헤더 캐싱에서 찾았습니다. 요청 URL을 분리해 캐시 재사용을 피하는 방식으로 해결했습니다.

올리브영 기술 블로그에는 누가, 얼마나 방문했을까?

기술 블로그 방문자 분석을 위해 Google Analytics를 도입한 배경과 장점을 소개했습니다. 계정 생성부터 gtag.js를 Header에 삽입하는 적용 과정을 안내합니다.

#Google Analytics#gtag.js

2300

2021년 4월 26일

프론트엔드

2021년 3월 회고 _ 2탄

리뷰 정보를 쉽게 확인·작성하는 3페이지 웹 앱 리리뷰 프로젝트 경험을 공유했습니다. React의 컴포넌트화와 단방향 데이터 바인딩 특성을 학습했습니다.

“잘” 사용할 수 있는 디자인 시스템 컴포넌트 만들기

Styled System과 타입 제약으로 Button variation을 표준화하고 재사용성을 높였습니다. Context API 기반 ModalProvider로 중첩 모달과 공통 패턴을 관리했습니다.

kmong Android 앱에 백신 투여하기

Android 앱 비정상 종료를 줄이기 위한 로그, 자동화 테스트, 협업 문화를 소개했습니다. Crashlytics·Jira·Slack 연동으로 오류를 빠르게 탐지하고 대응합니다.

판주야 Redux는…#1

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

Yarn Workspace를 이용한 Monorepo 구성

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

#Yarn Workspace#monorepo

2200

2021년 3월 19일

프론트엔드

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

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

#HTML#Content-Disposition

1300