Posting Guide

aluvy Blog, 포스팅을 작성하기 위한 기본 세팅과 가독성 높은 포스팅 작성을 위한 팁

[JavaScript] Debounce & Throttle

이벤트 오버클럭(overclock - 과도한 이벤트 발생)은 리소스 사용량을 증가시키기 때문에 성능문제를 야기하고 사용자 경험을 떨어트립니다. 과도한 이벤트나 함수들의 빈도수를 줄여서 성능을 향상시키는 프로그래밍 기법 중, 자주 언급되는 두 가지를 알아봅니다.

[JavaScript] Web Components : Custom Elements

Custom Elements는 사용자 HTML Element를 만들게 해준다. 그리고 이는 DOM의 모든 기능을 다 사용할 수 있다. 기본적으로 두 가지 타입으로 생성한다.

[JavaScript] Execution Context (실행 컨텍스트)

실행 컨텍스트는 실행 문맥이라고도 한다. 실행 컨텍스트(Execution Context)는 실행 할 코드에 제공할 환경 정보들을 모아놓은 객체다.

About, Text and Typography

aluvy Blog

[프론트엔드 개발환경의 이해] 01. NPM

Node.js는 백엔드를 구현하는 기술이라고 생각했을지 모른다. 웹 어플리케이션 개발에 직접적으로 사용하는 것은 아니지만 개발 환경을 이해하고 구성하는데 Node.js를 모르면 언젠가는 한계에 부딪히게 될 것이다.

svg see: SVG 파일 미리보기 extention

svg 미리 보기 활성화 하는 방법 파일을 직접 열지 않아도 미리 볼 수 있기 때문에, 작업 속도가 빨라집니다. 특히 여러 SVG 파일을 다루는 경우 시간 절약 효과가 더욱 뛰어납니다. 확장 프로그램 설치 하기 SVG SEE 프로그래 설치 사이트로 이동해서 컴퓨터 사양에 맞는 버전을 다운로드 합니다.

맥북 (Mac OS) M2 톰캣 설치하기

톰캣 설치 아파치 톰캣 사이트에 접속합니다. - 페이지 왼쪽의 Download 카테고리에서 다운로드 할 톰캣 버전을 클릭합니다. - 내게 맞는 톰캣 버전을 찾는 방법 참고: https://itworldyo.tistory.com/88 - Binary Distributions 항목에서 tar.gz 파일을 클릭 해 다운로드 합니다.

[CSS] 디자인 시스템 만들기: breakpoint

들어가며 디자인을 할 때 여러 해상도를 대응해야 하는 것은 필수적이다. 특히나 요즘에는 너무나도 다양한 기기들이 나오다 보니 하나의 서비스를 만들 때 모바일 앱이 아닌 이상 데스크탑, 태블릿, 모바일 그리고 이 디바이스에서도 다양한 해상도를 대응해야 한다. (갤럭시 플립, 폴더···) 그래서 디자인 시스템 Foundation 영역에 들어갈 브레이크 포인트를 설정하는 데 있어서도 많은 고민과 리서치가 필요하다.

[CSS] 브라우저가 css 셀렉터를 해석하는 방법과 성능 향상 방법

브라우저가 css 셀렉터를 해석하는 방법 브라우저가 css 선택자를 해석하는 방식은 일반적으로 css를 작성하는 방식과는 반대다. 브라우저는 오른쪽에서 왼쪽으로 css 선택자를 해석 한다.