프론트엔드 아티클

새로운 기술 블로그가 추가되었어요

아임웹

필터 0

선택된 필터 없음

Install flutter in jetson nano orin

2024년 2월 26일

프론트엔드

Install flutter in jetson nano orin

Jetson Nano Orin에서 Flutter를 설치하는 명령어와 환경 설정을 정리했습니다. Chromium 대체, Ubuntu 버전별 libstdc++ 패키지 차이, 생략 가능한 항목도 함께 안내했습니다.

Flutter linux 초 미세 팁

Flutter Linux에서 debug와 release의 asset 경로 차이와 빌드 모드 구분 방법을 정리했습니다. GTK 창 크기와 fullscreen 설정 예시도 함께 소개했습니다.

Execution Context

실행 컨텍스트를 통해 자바스크립트의 스코프, 호이스팅, this 바인딩을 설명했습니다. 콜스택과 환경 레코드 흐름을 이해하면 디버깅과 코드 해석에 도움이 됩니다.

다나와 Kotlin을 만나다!

다나와에서 Kotlin을 도입한 배경과 활용 사례를 소개했습니다. Java 호환성과 간결한 문법 덕분에 스터디와 마이그레이션에 적용했습니다.

#Kotlin#Java

29005분

카카오헤어샵에 Compose 적용하기 - xml 에서 Compose 로 가는 여정길

2024년 2월 8일

프론트엔드

카카오헤어샵에 Compose 적용하기 - xml 에서 Compose 로 가는 여정길

카카오헤어샵 Android 앱에 Jetpack Compose를 적용한 사례를 소개합니다. 기존 XML 기반 UI에서 선언형 UI로 전환한 과정을 다룹니다.

Flutter 전환의 마침표 - 일본 1위 배달 앱, 세 번째 Recode

일본 배달 앱 ConsumerApp을 React Native에서 Flutter로 전환한 사례를 공유했습니다. PoC, 병렬 개발, 단계적 QA와 배포를 통해 기술 통합과 운영 개선을 이끌었습니다.

#Flutter#React Native

31005분

2024년 1월 25일

프론트엔드

내자산: 마이데이터 자산 조회

네이버페이 내자산의 마이데이터 자산 조회를 단계적으로 개선한 과정을 소개했습니다. 캐시 선노출, 병렬 요청, WebSocket 적용으로 응답성과 사용자 경험을 높였습니다.

Next.js에서 MSW(Mock Service Worker)로 네트워크 Mocking하기

Next.js 전환 과정에서 단위 테스트와 API Mocking의 중복·관리 문제를 해결하기 위해 MSW 도입을 검토했습니다. 브라우저와 SSR 환경의 URL 차이를 보정하는 클라이언트를 만들어 프록시 이슈에 대응했습니다.

더 가치 있는 공통 컴포넌트 만들기

공통 컴포넌트를 단순히 재사용용으로만 보지 않고 역할과 확장 규칙을 함께 설계하는 방법을 다뤘습니다. 또한 네이티브 요소, controlled/uncontrolled, forwardRef, 접근성까지 고려해 실용성을 높이는 방향을 제안했습니다.

스위프트 매크로_2탄, 어떻게 쓰는건데요?

스위프트 매크로로 반복되는 생성자 코드를 줄인 사례를 소개했습니다. XMLParser와 JSON 문자열 파싱 중복을 매크로로 추상화한 경험을 공유했습니다.

ffmpeg.wasm

브라우저에서 ffmpeg를 실행하는 ffmpeg.wasm의 개념과 샘플 코드를 소개했습니다. 네이티브 ffmpeg보다 느리지만 서버 없이 처리할 수 있다는 장점을 확인했습니다.

쏘카의 웹 팀에 관하여

쏘카 웹 팀의 역할과 협업 방식, 온보딩과 배포 프로세스를 소개한 글입니다. React 중심의 웹뷰 개발과 기술 도입 방식도 함께 정리했습니다.

#React#Next.js

24005분