카카오 공채 입사 후 10개월 FE개발팀에서의 여정
카카오 공채 입사 후 10개월 FE개발팀에서의 여정
카카오엔터테인먼트 FE개발팀 신입이 10개월간의 온보딩과 실전 프로젝트 경험을 소개했습니다. 재택근무 속 게더타운, 스몰토크, 데모데이, 협업 문화로 성장한 과정을 공유했습니다.
#JavaScript#HTML
3200
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
Mocking으로 프론트엔드 DX를 높여보자
API 미구현 시 하드코딩 Mocking으로 생기는 교체 비용과 개발 병목을 짚었습니다. MSW의 Service Worker 기반 요청 가로채기로 API 의존성을 낮추는 방법을 소개합니다.
#MSW#Service Worker
000
React 이벤트와 브라우저 이벤트
Swiper와 React 이벤트 위임 방식의 차이로 버튼 클릭 전파가 막히지 않는 원인을 분석했습니다.\n상위 React 래퍼에 클릭 핸들러를 두어 합성 이벤트 흐름으로 통일했습니다.
#React#Swiper
000
자바스크립트 지도 엔진에 웹 워커를 적용해봤습니다 - 14편 - 웹 워커, 어디까지 써봤니?
자바스크립트 지도 엔진에 웹 워커를 적용해봤습니다 - 14편 - 웹 워커, 어디까지 써봤니?
TMAP JS를 브라우저 기반 지도 엔진으로 소개하고, WebGL 풀 벡터 방식과 사용자 데이터 추가 지원을 설명했습니다. 또한 성능 개선을 위해 웹 워커를 적용한 개발 맥락을 다뤘습니다.
#JavaScript#Web Worker
3200
구글 시트(GoogleSheet) Apps Script 소개
구글 시트 Apps Script로 커스텀 메뉴, 사이드바, API 연동을 만드는 방법을 소개했습니다.\n운영 데이터 자동화와 권한, 계정 이슈 같은 주의사항도 함께 정리했습니다.
#GoogleSheet#Apps Script
5400
자바스크립트의 새로운 기능들
ES2022의 모듈, 배열, 객체, 에러, 정규표현식, 클래스 관련 기능을 예제로 정리했습니다.\nTop-level await와 private 필드, findLast 계열의 활용 방식과 주의점을 소개합니다.
#JavaScript#ECMAScript
000
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
자바스크립트의 새로운 기능들
자바스크립트의 새로운 기능들
ES2022의 비동기 모듈 처리, 배열·객체 API, 에러 원인, 정규식, 클래스 필드 기능을 정리했습니다.\n추가 제안된 findLast 계열과 브라우저 지원 시 유의점을 함께 소개합니다.
#JavaScript#ECMAScript
2600
타다팀의 새로운 기술블로그를 소개합니다.
타다 기술 블로그를 콘텐츠 중심 구조로 개편하고 Jekyll에서 Gatsby로 이전했습니다. Markdown·RSS·댓글·배포 환경을 재구성해 운영성과 브랜드 일관성을 높였습니다.
#Gatsby#React
4000
FE Lazy Loading 적용기
상품 이미지가 많은 페이지의 과도한 초기 로딩 문제를 Intersection Observer 기반 Lazy Loading으로 개선했습니다.\n최초 이미지 리소스를 평균 9.6MB로 줄이고 첫 페이지 로딩 시간을 평균 5.5초로 단축했습니다.
#React#JavaScript
2800
웹 애니메이션을 구현하는 4가지 방법 (feat. animation API)
CSS transition·animation, SVG, Animation API로 메뉴 전환 애니메이션을 구현했습니다. 복잡한 상호작용에는 Promise와 그룹 관리를 지원하는 Animation API를 제시합니다.
#CSS#SVG
000
웹 애니메이션을 구현하는 4가지 방법 (feat. animation API)
웹 애니메이션을 구현하는 4가지 방법 (feat. animation API)
햄버거 메뉴를 X 버튼으로 전환하는 예제로 웹 애니메이션 구현 방식 4가지를 비교했습니다.\n단순 전환부터 복잡한 인터랙션까지 CSS, SVG, Animation API의 특성을 설명합니다.
#CSS#SVG
5400
함수형 프로그래밍 (Functional Programming) 어떻게 적용할까?
함수형 프로그래밍 (Functional Programming) 어떻게 적용할까?
함수형 프로그래밍의 순수 함수·불변성·선언적 추상화·커링 개념을 설명했습니다. RxJS와 React Custom Hook 사례로 OOP와 FP를 상황에 맞게 혼용하는 방법을 소개합니다.
#JavaScript#함수형 프로그래밍
2500
자바스크립트 v8 엔진의 가비지 컬렉션 동작 방식
V8 엔진의 세대별 힙 구조와 마이너·메이저 가비지 컬렉션 흐름을 설명했습니다. Orinoco 기술로 stop-the-world 시간을 줄이는 방식을 정리했습니다.
#JavaScript#V8
000
자바스크립트 v8 엔진의 가비지 컬렉션 동작 방식
자바스크립트 v8 엔진의 가비지 컬렉션 동작 방식
V8의 New·Old space 기반 세대별 가비지 컬렉션 구조를 설명했습니다. 마이너·메이저 GC와 Orinoco의 지연 완화 기법을 정리했습니다.
#JavaScript#V8
2500