로플랫의 서비스 개발팀을 소개합니다.
Wi-Fi 기반 실내 위치 인프라와 이를 활용한 오프라인 분석 서비스를 소개했습니다.\nPython·FastAPI와 React를 중심으로 대규모 트래픽과 데이터 집계를 운영합니다.
#위치정보#Python
1900
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
2021년 3월 회고 _ 2탄
리뷰 정보를 쉽게 확인·작성하는 3페이지 웹 앱 리리뷰 프로젝트 경험을 공유했습니다. React의 컴포넌트화와 단방향 데이터 바인딩 특성을 학습했습니다.
#React#컴포넌트
1700
“잘” 사용할 수 있는 디자인 시스템 컴포넌트 만들기
Styled System과 타입 제약으로 Button variation을 표준화하고 재사용성을 높였습니다. Context API 기반 ModalProvider로 중첩 모달과 공통 패턴을 관리했습니다.
#React#Styled System
3300
2021년 3월 회고 _ 1탄
신입 동기 4명이 한 달간 리뷰 서비스 ‘Re:리뷰’를 기획·개발한 경험을 공유했습니다. 사용자 재리뷰를 통해 리뷰 신뢰도와 가독성 향상을 목표로 삼았습니다.
#React#JavaScript
2100
판주야 Redux는…#1
판주야 Redux는…#1
정적 HTML을 JavaScript로 동적으로 바꾸는 방식과 React의 상태 관리를 비교했습니다. React가 상태 기반 UI 코드의 가독성을 높이는 이유를 소개합니다.
#JavaScript#React
2400
Yarn Workspace를 이용한 Monorepo 구성
Next.js 기반 학생·강사 서비스의 공통 컴포넌트 공유를 위해 Yarn Workspace Monorepo를 구성했습니다. 외부 트랜스파일과 React 중복 문제를 해결하고 의존성과 실행 명령을 루트에서 관리했습니다.
#Yarn Workspace#monorepo
2100
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
CSS in JS 라이브러리에서 Typesafe하게 Theme 관리하기
Emotion과 React Context API로 타입 안전한 중첩 테마 확장 방식을 소개했습니다.\nemotion 11의 타입 변경에 대응해 styled 타입을 재정의하는 방법도 다뤘습니다.
#React#TypeScript
2700
react + typescript에 redux-saga 셋팅하기
React와 TypeScript 환경에서 Redux 모듈을 분리하고 typesafe-actions로 타입 안전성을 구성했습니다.\nRedux-Saga 미들웨어로 API 비동기 처리와 중복 요청 취소 흐름을 구현했습니다.
#React#TypeScript
1900
Typescript에서 Redux를 사용해보자
TypeScript React 환경에서 typesafe-actions와 immer로 Redux Todo 목록을 구현했습니다.\n스토어 구성부터 액션·리듀서 타입화와 Hook 기반 상태 조회·변경까지 설명합니다.
#TypeScript#React
2600
React에서 Redux가 왜 필요할까?
Redux는 Flux와 Reducer를 기반으로 복잡한 상태 변화를 단방향 흐름으로 관리합니다.\n프로젝트 복잡도와 상태 흐름을 고려해 React 단독 사용 또는 Redux 도입을 결정해야 합니다.
#React#Redux
2100
화해팀 입사 3개월차, 프론트엔드 기술 기반 다지기
프론트엔드 플랫폼의 공통 개발 기반을 OKR로 설정하고 Git·lint 규칙을 정비했습니다.\nMonorepo와 Storybook을 도입해 공통 로직 및 컴포넌트 공유를 강화했습니다.
#React#TypeScript
000
React 이해하기
React의 컴포넌트, props, state, 선언형 렌더링과 reconciliation 흐름을 설명했습니다. 렌더링 최적화와 Hook 기반 상태 관리 시 주의점을 함께 다뤘습니다.
#React#JavaScript
100
React 이해하기
React의 컴포넌트, JSX, props, state로 선언형 UI를 구성하는 방식을 설명했습니다.\n재조정·얕은 비교·Hook을 통한 렌더링 최적화와 상태 로직 재사용을 다뤘습니다.
#React#JSX
3400
Spatial index를 이용한 웹 어플리케이션 최적화
병리 슬라이드 뷰어의 대량 Gland Canvas 렌더링 지연을 분석했습니다. Spatial index와 화면별 필터링·그룹화로 렌더링 대상을 줄였습니다.
#React#OpenSeadragon
2300