자바스크립트 이렇게 짜면 외않되?
V8 엔진의 JIT, 인라인 캐싱, 히든클래스를 바탕으로 자바스크립트 최적화 원리를 설명했습니다. 객체 구조를 통일하고 속성 초기화 순서를 맞추는 작성 습관을 제안했습니다.
#JavaScript#V8
26005분
필터 1
마우스 드래그로 범위 지정과 리사이징 및 이동 구현하기
매월 반복되던 기획전 마크업 작업을 줄이기 위해 드래그 기반 제작툴을 구축했습니다.\n영역 지정, 리사이징, 이동과 마크업 자동 완성으로 작업 효율을 높였습니다.
#JavaScript#CSS
35005분
스크립트 툴의 장점만 모았다! zx로 업무 자동화하기
자바스크립트와 쉘 명령어를 함께 쓸 수 있는 zx 라이브러리를 소개합니다. 반복 작업 자동화와 파일 처리에 특히 유용한 활용 사례를 설명했습니다.
#JavaScript#자동화
22005분
프론트엔드 테스트 자동화 전략 - 3. 구현하기
프론트엔드 테스트 자동화 전략에서 테스트 케이스를 바탕으로 테스트 코드를 구현하는 방법을 다룹니다. 요구사항 분석 결과를 실제 코드로 옮기는 흐름을 설명합니다.
#test#자동화
28005분
자바스크립트 V8 엔진의 비동기 처리 알아보기
자바스크립트 프로젝트에서 API 통신과 응답 데이터 처리를 하며 비동기 동작의 필요성을 느낀 내용을 다뤘습니다. V8 엔진의 비동기 처리 흐름을 이해해보는 주제입니다.
#JavaScript#비동기
28005분
Jest 활용 경험: 테스팅에 대한 고민과 통찰
Jest를 선택한 배경과 실제 활용 경험을 바탕으로 테스트 작성과 구조화 방법을 정리했습니다. 코드 품질 향상 효과와 함께 일부 성능 이슈도 함께 살펴보았습니다.
#Jest#test
26005분
Velopers 추천광고
쿠팡 파트너스
개발자를 위한 인기 상품을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발자#노트북#컴퓨터
GitHub Actions - JavaScript action 만들기
조건문이 많은 Composite action을 Map 기반 JavaScript action으로 리팩터링하는 과정을 정리했습니다. @actions/core, @actions/github와 캐싱을 활용해 GitHub Actions에서 안정적으로 실행하는 방법도 다뤘습니다.
#GitHub Actions#JavaScript
142005분
View Transitions API
View Transitions API로 웹 화면 전환을 외부 라이브러리 없이 쉽게 구현하는 방법을 소개했습니다. 상태 변경과 트랜지션 제어를 단순화하고, 세부 애니메이션 확장 예시까지 함께 설명했습니다.
#React#CSS
24005분
Vue 기능을 활용한 Transition 적용기
Vue Transition으로 버튼과 입력 영역의 등장·퇴장 애니메이션을 자연스럽게 구현한 경험을 소개했습니다. `v-if` 전환, `opacity` 조정, `mode="out-in"` 적용 과정을 정리했습니다.
#Vue#JavaScript
22005분
변수명..변수명이 떠오르지 않아! - "너의 변수명은." 챗봇 개발 일지
카카오페이 카페톤 1등 수상작인 변수명 추천 봇의 개발 과정을 소개합니다. 챗봇 형태로 변수명 후보를 제안하는 도구를 만든 사례입니다.
#chatbot#JavaScript
30005분
병원 상세 웹뷰 통신 및 크로스 브라우징
병원 상세 웹뷰를 사례로 웹-앱 통신 방식과 OS별 UX 차이를 정리했습니다. 또한 크로스 브라우징과 유지보수 개선 포인트까지 함께 다뤘습니다.
#웹뷰#JavaScript
27005분
9가지 프로그래밍 언어로 배우는 개념: 4편 - 하이 레벨 언어와 동적 타입 언어
하이 레벨 언어와 동적 타입 언어의 특징을 비교하며 아키텍처 관점의 장단점을 정리했습니다. 값 타입, 레퍼런스 타입, Variance, 덕 타이핑을 통해 표현력과 제약을 함께 설명했습니다.
#JavaScript#C++
24005분