전체 글 36

[GSAP] 애니메이션 라이브러리 GSAP 셋팅부터 시작해봅니다!

💫 GSAP 이란? GSAP은 이미 많은 사용자를 보여하고 있는 자바스크립트 애니메이션 라이브러리입니다. 보통 CSS 혹은 제이쿼리 등을 이용하여 애니메이션 효과를 구현하지만, 보다 복잡하고 화려한 애니메이션을 구현하기에 어려운 부분이 있기에 GSAP을 이용한다고 합니다!! GSAP도 간단한 애니메이션을 구현하는 것은 사용법이 매우 간단하지만, 복잡한 애니메이션을 구현하게 될 때는 사용법이 무척 어렵고 헷갈려집니다;; 허허 그리하여 저도 이참에 기본부터 시작해서 기깔나는 애니메이션을 구현할 수 있도록 GSAP 정복을 해보려고 하니 함께 하시죠!!!ㅎㅎㅎㅎ 우선 셋팅부터 해야겠지요? 설치(Installation) GSAP 공홈에서는 zip파일로 다운로드, NPM, CDN, GITHUB 등 다양한 이용방법을..

Javascript 2023.07.13

[javascript] 프로그래머스 - 합성수 찾기

📕문제 설명 약수의 개수가 세 개 이상인 수를 합성수라고 합니다. 자연수 n이 매개변수로 주어질 때 n이하의 합성수의 개수 를 return하도록 solution 함수를 완성해주세요. 📗제한사항 1 ≤ n ≤ 100 📘입출력 예와 설명 n result 설명 10 5 10이하 합성수는 4,6,6,9,10 로 5개입니다. 따라서 5를 return합니다. 15 8 15이하 합성수는 4,6,8,9,10,12,14,15 로 8개입니다. 따라서 8을 return합니다. 📙풀이 function solution(n) { var answer = 0; for(let i = 1; i

Javascript 2023.06.19

[javascript] 중첩 반복문 - 중첩 for문, 중첩 while문 (feat. 구구단)

반복문 안에 반복문!! 반복될수록 은근히 헷갈리는 녀석! 오늘 제대로 알아보렵니다:) 💫 중첩 반복문 중첩 반복문은 반복문 안에 새로운 반복문이 들어가는 것을 말합니다. 중첩의 횟수도 제한이 없습니다! 그리고 for문, while문 어떤 반복문도 중첩이 가능합니다. 중첩 for문 for(begin1; condition1; step1){ // 외부 반복문 for(begin2; condition2; step2){ // 내부 반복문 반복할 명령문! } } 반복문 안에 작성되어 있는 반복문을 내부 반복문, 내부 반복문을 감싸고 있는 반복문을 외부 반복문이라고 합니다. 내부 반복문의 루프가 끝나면 외부 반복문이 증가 또는 감소하는 식으로 반복동작합니다. 예시를 통해 더욱 자세히 이해해보겠습니다. for( i=0;..

Javascript 2023.06.19

[javascript] 프로그래머스 - 주사위의 개수

📕 문제 설명 머쓱이는 직육면체 모양의 상자를 하나 가지고 있는데 이 상자에 정육면체 모양의 주사위를 최대한 많이 채우고 싶습니다. 상자의 가로, 세로, 높이가 저장되어있는 배열 box 와 주사위 모서리의 길이 정수 n 이 매개변수로 주어졌을 때, 상자에 들어갈 수 있는 주사위의 최대 개수를 return 하도록 solution 함수를 완성해주세요. 📗제한사항 box의 길이는 3입니다. box[0] = 상자의 가로 길이 box[1] = 상자의 세로 길이 box[2] = 상자의 높이 길이 1 ≤ box의 원소 ≤ 100 1 ≤ n ≤ 50 n ≤ box의 원소 주사위는 상자와 평행하게 넣습니다. 📘 입출력 예와 설명 box n result 설명 [1, 1, 1] 1 1 상자의 크기가 가로1, 세로1, 높이1..

Javascript 2023.06.15
반응형