본문 바로가기

분류 전체보기17

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.
[SQL Lv3] 자동차 대여 기록에서 대여중 / 대여 가능 여부 구분하기 https://school.programmers.co.kr/learn/courses/30/lessons/157340 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 문제 해석2022년 10월 16일에 대여 중인 자동차인 경우에는 대여중으로 표시하고 아니면 대여 가능이라고 표시한다. 문제 풀이CAR_ID가 여러개여서 대여중인 CAR_ID가 있더라도 다른 날짜와 겹치면 대여 가능으로 출력되었다.그래서 먼저 대여중인 테이블을 먼저 뽑아야겠다고 생각했고 해당 테이블과 LEFT JOIN을 하면 대여 가능한 CAR_ID도 같이 뽑을 수 있으니 해당 방식으로 풀어봤다.  SELECT T.CAR_ID, C.. 2024. 12. 2.

티스토리툴바