모든 블로그
데브시스터즈

데브시스터즈

주요 카테고리 백엔드 · DevOps

활동 요약

대표 인기 포스트게임 회사에서 클라이언트 프로그래머가 하는 일168 조회
최근 30일
0개
평균 조회
38
누적 조회
2,644
전체 글
70개
마지막 발행
2026. 9. 18.
블로그 방문

데브시스터즈 기술 블로그 글 (12)

프론트엔드

게임 회사에서 클라이언트 프로그래머가 하는 일

게임 클라이언트 프로그래머의 업무를 업데이트 제작 흐름에 맞춰 소개했습니다.툴 개발, 리소스 관리, QA 대응과 함께 신입에게 필요한 역량도 정리했습니다.

#Unity#모바일#QA
16800

프론트엔드

주니어 클라이언트의 성장 노트

주니어 클라이언트 개발자가 현업에서 배운 시행착오와 대응 원칙을 정리했습니다. 요구사항 확인, 네트워크 예외 처리, 라이브 리소스 관리의 중요성을 강조했습니다.

#web#network#검증
15100

프론트엔드

스크립트 툴의 장점만 모았다! zx로 업무 자동화하기

자바스크립트와 쉘 명령어를 함께 쓸 수 있는 zx 라이브러리를 소개합니다. 반복 작업 자동화와 파일 처리에 특히 유용한 활용 사례를 설명했습니다.

#JavaScript#자동화#shell script
2300

프론트엔드

웹 개발자의 데이터 애플리케이션 flow 효율화하기

Dash를 도입해 데이터 조회, 가공, 렌더링을 역할별로 분리하고 연결하는 구조를 만들었습니다. 또한 Mixin과 압축을 활용해 유지보수성과 데이터 전송 효율을 개선했습니다.

#Dash#Python#React
1600

프론트엔드

사운드 리소스 전달 WebApp 만들기

사운드 리소스 전달용 WebApp Sonic을 단순한 설계 원칙으로 구현한 사례를 소개했습니다. Next.js, S3, git을 조합해 버전 관리와 동기화를 처리하고 복잡한 기능은 최소화했습니다.

#Next.js#AWS#S3
2400

프론트엔드

바삭한 신입들의 동시성 이야기 - Swift편

Swift 5.5의 async/await 도입 배경과 동작 원리를 정리했습니다. completion handler의 한계를 줄이고, 코루틴과 continuation으로 안전한 비동기 처리를 설명했습니다.

#Swift#iOS#동시성
3200

프론트엔드

폼 데이터를 우아하게 관리하는 방법

fp-ts의 Either와 조합 가능한 검증 규칙으로 React 폼 검증을 구성했습니다. 커스텀 훅으로 값·오류 상태와 제출 전 검증 코드를 간결하게 관리했습니다.

#React#TypeScript#fp-ts
2400

프론트엔드

바삭한 신입들의 동시성 이야기 - Kotlin 편

Android UI 응답성을 위해 Kotlin Coroutine의 Main-Safe 비동기 처리 원리를 설명했습니다. CPS·상태 머신 구조와 Thread 대비 메모리 효율을 함께 비교했습니다.

#Kotlin#Android#동시성
5000

프론트엔드

GatsbyJS에서 l10n(지역화) 지원하기 (간단한 함수형을 곁들인)

Gatsby Node API와 GraphQL로 언어별 번역 노드·페이지를 생성하는 방식을 소개했습니다. React Context와 fp-ts를 활용해 브라우저 언어 라우팅 및 타입 안전한 번역 적용을 구현했습니다.

#GatsbyJS#React#GraphQL
2100

프론트엔드

CSS in JS 라이브러리에서 Typesafe하게 Theme 관리하기

Emotion과 React Context API로 타입 안전한 중첩 테마 확장 방식을 소개했습니다. emotion 11의 타입 변경에 대응해 styled 타입을 재정의하는 방법도 다뤘습니다.

#React#TypeScript#Emotion
2700

프론트엔드

페이지 주소가 바뀌어도 자연스럽게 이어지는 애니메이션 만들기

GatsbyJS의 History API와 Link를 활용해 페이지 전환 중 실행 컨텍스트를 유지했습니다. react-transition-group과 전역 Layout으로 진입·퇴장 애니메이션을 구현했습니다.

#GatsbyJS#React#History API
3200

프론트엔드

쪼그라드는 웹페이지

다양한 모바일 화면의 디자인 버그를 줄이기 위해 vw 기반 선형 축소 방식을 적용했습니다. Sass mixin과 CSSO로 스타일 작성 및 미디어쿼리 최적화 방법을 정리했습니다.

#CSS#Sass#반응형
1800