Biome: 차세대 JS Linter와 Formatter
Biome: 차세대 JS Linter와 Formatter
Biome은 JavaScript와 TypeScript를 위한 빠른 포매터·린터 통합 도구를 소개했습니다. 설정 단순화와 속도 향상이 장점이지만, 아직 지원 언어와 레퍼런스는 제한적입니다.
#Biome#JavaScript
800
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
네이버 통합 검색의 웹 성능 - 모니터링과 성능 개선
네이버 통합 검색의 웹 성능 - 모니터링과 성능 개선
네이버 통합 검색은 성능 리포트와 알람으로 웹 성능 변화를 지속적으로 모니터링했습니다. 또한 JavaScript 로딩 시점을 조정해 LCP를 개선하고 오류를 함께 관리했습니다.
#모니터링#성능
3300
너무 웃어서 광대가 아팠던 개발팀 워크샵을 돌아보며
개발팀 워크샵을 준비하고 다녀온 과정을 돌아보며 리프레시와 팀워크의 의미를 기록했습니다. 세미나, 게임, 식사, 러닝을 함께하며 서로를 더 잘 이해한 즐거운 시간이었습니다.
#워크샵#세미나
2400
HEIC 파일 포맷 지원을 통한 사용자 경험 향상 시키기
이미지 업로드에서 HEIC 파일로 인한 오류를 해결하기 위해 파일 시그니처를 검사하는 방법을 소개했습니다. 브라우저에서 HEIC를 감지하고 JPEG로 변환해 사용자 경험을 개선하는 방안을 설명했습니다.
#JavaScript#UI/UX
1600
GitHub Actions 활용하기
GitHub Actions의 기본 개념과 핵심 구성 요소를 정리하고, JavaScript 액션 예시를 통해 자동 머지 흐름을 소개했습니다. 반복적인 빌드·테스트·배포 작업을 워크플로우로 자동화하는 방법도 함께 설명했습니다.
#GitHub Actions#CI/CD
5600
Execution Context
실행 컨텍스트를 통해 자바스크립트의 스코프, 호이스팅, this 바인딩을 설명했습니다. 콜스택과 환경 레코드 흐름을 이해하면 디버깅과 코드 해석에 도움이 됩니다.
#JavaScript#비동기
2300
SVG를 이용하여 Animation 만들기
SVG 도형을 추출해 ID와 그룹 단위로 CSS 애니메이션을 적용하는 방법을 정리했습니다. hover 이동, 클릭 색상 변경, 순차 등장 애니메이션까지 구현 과정을 소개했습니다.
#SVG#Animation
6400
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
자바스크립트 이렇게 짜면 외않되?
V8 엔진의 JIT, 인라인 캐싱, 히든클래스를 바탕으로 자바스크립트 최적화 원리를 설명했습니다. 객체 구조를 통일하고 속성 초기화 순서를 맞추는 작성 습관을 제안했습니다.
#JavaScript#V8
3500
마우스 드래그로 범위 지정과 리사이징 및 이동 구현하기
매월 반복되던 기획전 마크업 작업을 줄이기 위해 드래그 기반 제작툴을 구축했습니다.\n영역 지정, 리사이징, 이동과 마크업 자동 완성으로 작업 효율을 높였습니다.
#JavaScript#CSS
4400
스크립트 툴의 장점만 모았다! zx로 업무 자동화하기
자바스크립트와 쉘 명령어를 함께 쓸 수 있는 zx 라이브러리를 소개합니다. 반복 작업 자동화와 파일 처리에 특히 유용한 활용 사례를 설명했습니다.
#JavaScript#자동화
2300
프론트엔드 테스트 자동화 전략 - 3. 구현하기
프론트엔드 테스트 자동화 전략에서 테스트 케이스를 바탕으로 테스트 코드를 구현하는 방법을 다룹니다. 요구사항 분석 결과를 실제 코드로 옮기는 흐름을 설명합니다.
#test#자동화
3200
자바스크립트 V8 엔진의 비동기 처리 알아보기
자바스크립트 프로젝트에서 API 통신과 응답 데이터 처리를 하며 비동기 동작의 필요성을 느낀 내용을 다뤘습니다. V8 엔진의 비동기 처리 흐름을 이해해보는 주제입니다.
#JavaScript#비동기
2900
Jest 활용 경험: 테스팅에 대한 고민과 통찰
Jest를 선택한 배경과 실제 활용 경험을 바탕으로 테스트 작성과 구조화 방법을 정리했습니다. 코드 품질 향상 효과와 함께 일부 성능 이슈도 함께 살펴보았습니다.
#Jest#test
2800
GitHub Actions - JavaScript action 만들기
중첩 조건문이 많은 Composite action을 Map 기반 JavaScript action으로 전환했습니다. 의존성 설치·캐시와 GitHub 이벤트 정보 활용 방법도 함께 소개합니다.
#GitHub Actions#JavaScript
000