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

파수 AI 2026년 3차 신입 공개 채용, 접수 기간 10월 12일~25일
필터 0
선택된 필터 없음
이 익숙함은 어디서 오는 걸까?
크몽
프론트엔드

이 익숙함은 어디서 오는 걸까?

iOS Navigation Controller가 화면 스택의 PUSH·POP과 공용 네비게이션 바를 처리하는 방식을 설명했습니다. 일관된 화면 전환 경험과 네비게이션 바 스타일 관리 시 주의점을 정리했습니다.

#iOS#Navigation Controller
1700
더 보기가 있는 TextView 만들기
크몽
프론트엔드

더 보기가 있는 TextView 만들기

Android Custom View로 본문과 더보기 TextView를 조합한 펼침·접힘 UI를 구현했습니다. 커스텀 속성과 줄 수 비교로 노출 및 클릭 동작을 제어합니다.

#Android#custom view
2200
유연한 해외 현지화를 위한 iOS 앱 구성 / if(kakao)2020
카카오엔터테인먼트FE
프론트엔드

유연한 해외 현지화를 위한 iOS 앱 구성 / if(kakao)2020

iOS 앱의 다국가 배포를 위한 멀티 빌드 프로젝트 설정을 다룹니다. 태그 기반 문자열과 PropertyWrapper로 현지화 리소스를 적용합니다.

#iOS#localization
000
다크 모드로 알아보는 카카오페이지의 iOS 업데이트 / if(kakao)2020
카카오엔터테인먼트FE
프론트엔드

다크 모드로 알아보는 카카오페이지의 iOS 업데이트 / if(kakao)2020

카카오페이지 iOS 앱에 다크 모드를 도입하며 기존 색상 구조와 iOS 버전 호환성을 검토했습니다. 저조도 환경의 콘텐츠 감상 경험을 개선하기 위한 적용 과정을 다룹니다.

#iOS#다크 모드
100
올리브영 기술블로그 개발기
올리브영
프론트엔드

올리브영 기술블로그 개발기

GitHub Pages와 Jekyll을 선택해 마크다운 기반 기술 블로그를 구축한 과정을 소개했습니다. 설치·배포 흐름과 Liquid·SCSS 기반의 페이지 및 포스트 관리 구조를 설명합니다.

#GitHub Pages#Jekyll
1800
Typescript에서 Redux를 사용해보자
휴몬랩
프론트엔드

Typescript에서 Redux를 사용해보자

TypeScript React 환경에서 typesafe-actions와 immer로 Redux Todo 목록을 구현했습니다. 스토어 구성부터 액션·리듀서 타입화와 Hook 기반 상태 조회·변경까지 설명합니다.

#TypeScript#React
2600
안드로이드에 Material Design 적용하기
휴몬랩
프론트엔드

안드로이드에 Material Design 적용하기

Android 프로젝트에 Material Components 의존성을 추가하고 로그인 화면을 구성했습니다. 텍스트 필드, 체크박스, 버튼의 속성과 여백을 조정하는 방법을 소개합니다.

#Android#Material Design
2800
JetPack의 Navigation을 사용해보자
휴몬랩
프론트엔드

JetPack의 Navigation을 사용해보자

Jetpack Navigation의 그래프·NavHostFragment·NavController 구성을 설명했습니다. Fragment 화면과 액션을 연결하고 버튼 클릭으로 이동하는 방법을 소개합니다.

#Android#Jetpack Navigation
2900
안드로이드 Constraint Layout, Linear Layout 어떤걸 써야할까?
휴몬랩
프론트엔드

안드로이드 Constraint Layout, Linear Layout 어떤걸 써야할까?

LinearLayout의 단순한 배치 방식과 중첩 구조의 성능 부담을 설명했습니다. ConstraintLayout의 평평한 계층과 유연한 제약 조건 활용을 비교했습니다.

#Android#ConstraintLayout
3200
React에서 Redux가 왜 필요할까?
휴몬랩
프론트엔드

React에서 Redux가 왜 필요할까?

Redux는 Flux와 Reducer를 기반으로 복잡한 상태 변화를 단방향 흐름으로 관리합니다. 프로젝트 복잡도와 상태 흐름을 고려해 React 단독 사용 또는 Redux 도입을 결정해야 합니다.

#React#Redux
2100
크롬 확장프로그램 개발⛏️ 회고
ZUM
프론트엔드

크롬 확장프로그램 개발⛏️ 회고

크롬 확장프로그램을 Vue와 Chrome API로 개발하고 배포한 과정을 회고했습니다. 검수 과정에서 권한, HTTPS, CSP, 리소스 처리 같은 실무 이슈를 정리했습니다.

#Chrome Extension#Vue.js
1400
Web application에서 Server to Client통신
뷰노
프론트엔드

Web application에서 Server to Client통신

서버에서 클라이언트로 이벤트를 전달하는 Polling, Comet, SSE, WebSocket 방식을 비교했습니다. 통신 빈도와 연결 유지 비용을 기준으로 Polling 또는 WebSocket을 선택할 수 있습니다.

#HTTP#Polling
3500
PHP, jQuery 환경에서 Vue.js 2로 점진적 전환하기
크몽
프론트엔드

PHP, jQuery 환경에서 Vue.js 2로 점진적 전환하기

PHP·jQuery 레거시를 Vue.js 2로 페이지별 점진 전환한 과정을 소개했습니다. 빌드 분기, 컴포넌트화, mixins, QA로 전환 리스크를 관리했습니다.

#PHP#Laravel
4900
크몽 iOS앱 TDD로 개발하기 #1
크몽
프론트엔드

크몽 iOS앱 TDD로 개발하기 #1

iOS 앱 개발 대기 시간에 기획서 기반 테스트 코드를 작성하는 TDD 적용 방식을 소개했습니다. 요구사항을 먼저 검증해 디자인·서버 작업 완료 직후 개발에 착수했습니다.

#iOS#TDD
3200