Velopers

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

파수 AI 2026년 3차 신입 공개 채용, 접수 기간 10월 12일~25일
필터 0
선택된 필터 없음
화해팀 입사 3개월차, 프론트엔드 기술 기반 다지기
화해
프론트엔드

화해팀 입사 3개월차, 프론트엔드 기술 기반 다지기

프론트엔드 플랫폼의 공통 개발 기반을 OKR로 설정하고 Git·lint 규칙을 정비했습니다. Monorepo와 Storybook을 도입해 공통 로직 및 컴포넌트 공유를 강화했습니다.

#React#TypeScript
100
React 이해하기
마켓컬리
프론트엔드

React 이해하기

React의 컴포넌트, props, state, 선언형 렌더링과 reconciliation 흐름을 설명했습니다. 렌더링 최적화와 Hook 기반 상태 관리 시 주의점을 함께 다뤘습니다.

#React#JavaScript
100
React 이해하기
마켓컬리
프론트엔드

React 이해하기

React의 컴포넌트, JSX, props, state로 선언형 UI를 구성하는 방식을 설명했습니다. 재조정·얕은 비교·Hook을 통한 렌더링 최적화와 상태 로직 재사용을 다뤘습니다.

#React#JSX
3500
Android Studio의 기본 Directory & Hello, World 예제
휴몬랩
프론트엔드

Android Studio의 기본 Directory & Hello, World 예제

Android Studio에서 Empty Activity 프로젝트를 만들고 주요 설정을 살펴봤습니다. XML의 TextView 문구를 바꾼 뒤 가상기기나 실제 기기에서 빌드했습니다.

#Android#Kotlin
2100
Activity와 Fragment의 수명주기에 대해 알아보자!
휴몬랩
프론트엔드

Activity와 Fragment의 수명주기에 대해 알아보자!

Android Activity와 Fragment의 역할, 모듈식 UI 구성 이유를 설명했습니다. 수명주기 콜백과 상태·리소스 관리의 중요성을 정리했습니다.

#Android#Activity
2600
Glide 의 Activity 생명주기 콜백 처리
모히톡
프론트엔드

Glide 의 Activity 생명주기 콜백 처리

Glide가 숨겨진 Fragment로 Activity 생명주기를 수신하는 구조를 분석했습니다. RequestManager가 이미지 요청의 재개·중지·정리를 자동 처리합니다.

#Android#Glide
1900
fastlane에서 Unexpected Error로 iOS 앱을 제출할 수 없는 문제 해결하기
스타일쉐어
프론트엔드

fastlane에서 Unexpected Error로 iOS 앱을 제출할 수 없는 문제 해결하기

fastlane의 모호한 업로드 오류를 상세 로그와 가설 검증으로 추적했습니다. 국가 메타데이터를 South Korea로 수정해 iOS 앱 제출 문제를 해결했습니다.

#fastlane#iOS
1400
Spatial index를 이용한 웹 어플리케이션 최적화
뷰노
프론트엔드

Spatial index를 이용한 웹 어플리케이션 최적화

병리 슬라이드 뷰어의 대량 Gland Canvas 렌더링 지연을 분석했습니다. Spatial index와 화면별 필터링·그룹화로 렌더링 대상을 줄였습니다.

#React#OpenSeadragon
2300
개발자들이 꺼려하는 까칠한 규식이 형
마켓컬리
프론트엔드

개발자들이 꺼려하는 까칠한 규식이 형

주문자 이름의 특수문자로 발생한 백엔드 오류를 정규식으로 해결한 사례를 소개했습니다. 차단 목록 대신 허용 문자 목록을 적용하고 슬랙·QA 협업으로 예외를 보완했습니다.

#JavaScript#정규식
100
개발자들이 꺼려하는 까칠한 규식이 형
마켓컬리
프론트엔드

개발자들이 꺼려하는 까칠한 규식이 형

주문자 이름의 특수 문자로 발생한 오류를 정규식 기반 입력 필터링으로 해결했습니다. 허용 문자 화이트리스트와 팀·QA 검토의 효과를 공유합니다.

#JavaScript#정규표현식
3800
ICT 인턴십 수기
너드팩토리
프론트엔드

ICT 인턴십 수기

React 기반 프로젝트에서 Styled-Components와 Zeplin을 활용한 UI 개발 경험을 정리했습니다. Flux 흐름을 살리는 리팩토링과 GitLab 기반 협업·버전 관리의 중요성을 공유했습니다.

#React#styled-components
2200
Styled-Components를 이용한 React 컴포넌트 스타일링
너드팩토리
프론트엔드

Styled-Components를 이용한 React 컴포넌트 스타일링

React에서 Styled-Components로 조건부 스타일링과 스타일 재사용을 구성하는 방법을 소개했습니다. props, 테마, 믹스인, 애니메이션 등 주요 기능과 CSS·Sass의 한계를 함께 설명합니다.

#React#styled-components
2600
iOS 13 에서 변경된 UIModalPresentationStyle 해킹하기
스타일쉐어
프론트엔드

iOS 13 에서 변경된 UIModalPresentationStyle 해킹하기

iOS 13의 모달 기본 표시 방식 변경으로 발생한 전체 화면 인터페이스 문제를 다뤘습니다. Swift 타입 스코프 우선순위와 typealias로 기본 네비게이션 컨트롤러 동작을 일괄 변경했습니다.

#iOS#Swift
1600
Change Detection 중심 Angular 최적화 방법
코인원
프론트엔드

Change Detection 중심 Angular 최적화 방법

Angular Change Detection의 불필요한 실행 범위를 줄이는 방법을 설명했습니다. OnPush, Zone 외부 이벤트, async pipe, detectChanges의 동작 차이를 다뤘습니다.

#Angular#change detection
3100