본문 바로가기

분류 전체보기18

Vite는 왜 빠를까? 톺아보기 Vite는 빠른것을 뜻하는 프랑스어에서 유래되었다고 한다.Vite는 vue.js의 창시자인 Evan Tou가 만든 차세대 프론트엔드 빌드 툴이다.기존의 Webpack, Parcel등이 번들링을 중심으로 개발 서버를 구성했다면, Vite는 ESM(ECMAScript Module) 기반으로 번들 없이도 작동 가능한 개발 환경을 제공한다.핵심은 매우 단순하다.필요한 모듈만, 필요한 순간에, 번들 없이 브라우저에게 제공한다.개발 서버에서의 vite1. 매우 빠른 시작 속도Webpack은 모든 파일을 번들링한 후 개발 서버를 시작하는 반면, Vite는 필요한 파일만 즉시 로딩하여 시작 속도가 매우 빠르다.2. ES 모듈 지원Vite는 개발 서버에서 번들링 없이 ES 모듈 기반으로 브라우저에 직접 JS 파일을 제공.. 2025. 5. 29.
requestAnimationFrame에 대해 알아보기 requsetAnimationFrame이란? requestAnimationFrame()은 브라우저에서 애니메이션을 최적화하여 실행할 수 있도록 제공하는 JavaScript API이다.주로 CSS 애니메이션이나 setTimeout(), setInterval()을 사용하는 것 보다 성능이 뛰어나기 때문에 웹 애니메이션을 구현할 때 많이 사용된다. requestAnimationFrame()의 목적은 애니메이션을 위한 프레임 렌더링을 브라우저의 화면 갱신속도(리페인팅)에 맞추는 것이다.이 API를 사용하면 브라우저의 리프레시 속도(초당 60프레임, 60FPS)를 고려하는데 이 갱신 주기를 맞추어 콜백을 실행해 부드럽고 효율적인 애니메이션을 만들 수 있다. 이를 통해 브라우저가 최적의 시점에 프레임을 렌더링하도록.. 2025. 3. 18.
자바스크립트 함수의 특징 자바스크립트 함수에는 여러가지 특징들이 있다.  1.일급 객체일급 객체(First-Class Object)는 프로그래밍 언어에서 특정 타입의 데이터가 아래 조건을 만족할 때 사용하는 용어이다.변수에 할당할 수 있다.함수의 인자로 전달할 수 있다.함수의 반환값으로 사용할 수 있다. 자바스크립트에서 함수는 값처럼 취급될 수 있으며, 변수에 할당하거나, 다른 함수의 인자로 전달하거나, 함수의 반환값으로도 사용할 수 있다.const sayHello = function() { return 'Hello'; };console.log(sayHello()); // 'Hello'const executeFunction = function(fn) { return fn();};console.log(executeFunction.. 2024. 12. 3.
[프로그래머스 Lv1] 가장 많이 받은 선물 https://school.programmers.co.kr/learn/courses/30/lessons/258712 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr Sol먼저 준 선물과 받은 선물에 대해서 사용자별로 객체를 만들어서 아래처럼 초기값을 만들어주었다.muzi:{ ryan : [0,3], frodo: [2, 1], neo: [0, 1]},ryan:{ muzi:[3,0], frodo:[0,1], neo: [0,0] },frodo:{ muzi:[1,2], ryan:[1,0], neo:[0,0]}neo:{ muzi: [1,0], ryan:[0,0], frodo:[0,0] }그리고 각 객체를 .. 2024. 12. 2.
[SQL Lv3] 특정 조건을 만족하는 물고기별 수와 최대 길이 구하기 https://school.programmers.co.kr/learn/courses/30/lessons/298519 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 문제 해석평균 길이가 33CM 이상인 물고기들을 종류별로 분류해서 잡은 수, 최대 길이, 물고기의 종류를 출력한다.10CM 이하인 물고기들은 10CM로 취급하여 계산한다. 먼저 물고기 길이가 NULL인 칼럼을 10으로 만들어주기위해 서브쿼리를 활용했다.인라인 뷰에서 IFNULL절로 LENGTH가 NULL인 칼럼을 10으로 만들었고,해당 테이블에서 데이터를 조회한 뒤 HAVING절로 평균 길이가 33CM 이상인 칼럼만 추출했다.그리고 FISH_.. 2024. 12. 2.

티스토리툴바