API 없이 웹 애니메이션 구현: 인터랙티브 웹 개발 1편
API 없이 수학과 물리 개념으로 웹 애니메이션을 구현한 과정을 공유했습니다.\n카카오페이의 트리 조명 애니메이션 개발 사례와 인터랙티브 웹 접근을 소개했습니다.
#web#CSS
1500
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
웹사이트 에러 코드, 왜 발생하는 걸까?
웹사이트 에러 코드, 왜 발생하는 걸까?
웹사이트에서 자주 보이는 4XX, 5XX 에러 코드의 의미와 대표 사례를 정리했습니다. 상황별 원인과 간단한 해결 방법도 함께 살펴보았습니다.
#HTTP#web
5300
'우리 회사 서비스 캐릭터들이 AI를 만나면 어떤 아이들이 될까?' (feat. SKP 멀티 LLM 플레이그라운드 ＆ AI 프롬프톤 사례 공유)
'우리 회사 서비스 캐릭터들이 AI를 만나면 어떤 아이들이 될까?' (feat. SKP 멀티 LLM 플레이그라운드 ＆ AI 프롬프톤 사례 공유)
사내에서 여러 LLM을 한곳에서 비교해볼 수 있는 플레이그라운드를 만들고, 이를 프롬프트 엔지니어링 체험 행사로 확장한 사례를 공유했습니다. 서비스 캐릭터를 AI 페르소나로 재해석하는 프롬프톤 운영 경험도 함께 소개했습니다.
#LLM#prompt
2700
더 가치 있는 공통 컴포넌트 만들기
더 가치 있는 공통 컴포넌트 만들기
공통 컴포넌트를 단순히 재사용용으로만 보지 않고 역할과 확장 규칙을 함께 설계하는 방법을 다뤘습니다. 또한 네이티브 요소, controlled/uncontrolled, forwardRef, 접근성까지 고려해 실용성을 높이는 방향을 제안했습니다.
#React#TypeScript
4900
쏘카의 웹 팀에 관하여
쏘카 웹 팀의 역할과 협업 방식, 온보딩과 배포 프로세스를 소개한 글입니다. React 중심의 웹뷰 개발과 기술 도입 방식도 함께 정리했습니다.
#React#Next.js
2900
Form(폼) 요소에 대한 검증 및 오류 처리 개선 - 파트너스는 모든 페이지에 폼이 있고, 우린 모든 페이지를 수정해야 합니다
Form(폼) 요소에 대한 검증 및 오류 처리 개선 - 파트너스는 모든 페이지에 폼이 있고, 우린 모든 페이지를 수정해야 합니다
파트너스 사이트의 Form 검증과 오류 처리를 개선한 사례를 다뤘습니다. 모든 페이지에 폼이 있어 기존 방식의 한계와 리팩토링 필요성을 설명했습니다.
#refactoring#검증
1900
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
Web을 위한 gRPC Stub과 Runtime 생성하기 - Feat. Buf & kubernetes
웹에서 gRPC Stub과 Runtime을 생성하는 방법을 다뤘습니다. Buf와 Kubernetes를 활용한 구성 흐름을 중심으로 소개했습니다.
#gRPC#Kubernetes
2700
마우스 드래그로 범위 지정과 리사이징 및 이동 구현하기
매월 반복되던 기획전 마크업 작업을 줄이기 위해 드래그 기반 제작툴을 구축했습니다.\n영역 지정, 리사이징, 이동과 마크업 자동 완성으로 작업 효율을 높였습니다.
#JavaScript#CSS
4400
웹앱의 전환, Micro Frontends 아키텍처
Micro Frontends 아키텍처로 웹앱을 전환한 과정과 어려움을 공유했습니다. 독립 배포와 런타임 통합으로 스쿼드별 개발 리듬과 사용자 경험을 함께 개선했습니다.
#Micro Frontends#React
2900
iOS에서 음성대화 서비스 구현하기 - WebRTC 기술의 활용
iOS에서 음성대화 서비스를 구현하기 위해 WebRTC를 활용한 사례를 소개합니다. 멘토링매치의 1:1 음성 상담 기능에 적용한 접근을 다룹니다.
#iOS#web
2600
101 Sherpa: 2023년 3월 호
클래스101 사내 뉴스레터 101 Sherpa의 2023년 3월호를 정리했습니다. 제품 개선, 크리에이터 소식, 팀 인터뷰와 문화 콘텐츠를 함께 소개했습니다.
#SEO#UI/UX
1700
View Transitions API
View Transitions API
View Transitions API로 웹 화면 전환을 외부 라이브러리 없이 쉽게 구현하는 방법을 소개했습니다. 상태 변경과 트랜지션 제어를 단순화하고, 세부 애니메이션 확장 예시까지 함께 설명했습니다.
#React#CSS
3100
101 Sherpa: 2023년 2월호
클래스101의 2023년 2월 사내 뉴스레터를 정리한 글입니다. 제품 개선 소식과 크리에이터·클래스메이트 관련 이야기를 함께 소개했습니다.
#UI/UX#모바일
1900