abcdefghklpqrstuvwxyz

2024.05.21 - [Canvas] - [Canvas] svg 필터 입히기(feGaussianBlur, feColorMatrix) | Gooey Effect [Canvas] svg 필터 입히기(feGaussianBlur, feColorMatrix) | Gooey Effect2024.05.20 - [Canvas] - [Canvas] 파티클 그리기 | 애니메이션 추가(requestAnimationFrame) [Canvas] 파티클 그리기 | 애니메이션 추가(requestAnimationFrame)* 현재 js 코드 *const ctx = canvas.getContext('2d')const dpr = widdow.devigamzaggang7.tistory.com dat.GUI는 js 라이브러리로, 웹 애플..

import java.util.Arrays; import java.util.Comparator; Arrays.sort(answer, new Comparator() {             @Override             public int compare(int[] o1, int[] o2) {                 return Integer.compare(o1[sort_index], o2[sort_index]);             }         });

2024.05.20 - [Canvas] - [Canvas] 파티클 그리기 | 애니메이션 추가(requestAnimationFrame) [Canvas] 파티클 그리기 | 애니메이션 추가(requestAnimationFrame)* 현재 js 코드 *const ctx = canvas.getContext('2d')const dpr = widdow.devicePixelRatioconst canvasWidth = 300const canvasHeight = 300canvas.style.width = canvasWidth + 'px'canvas.style.height = canvasHeight + 'px'canvas.width = canvasWidth * dprcanvas.gamzaggang7.tistory.com *..

* 현재 js 코드 *const ctx = canvas.getContext('2d')const dpr = widdow.devicePixelRatioconst canvasWidth = 300const canvasHeight = 300canvas.style.width = canvasWidth + 'px'canvas.style.height = canvasHeight + 'px'canvas.width = canvasWidth * dprcanvas.height = canvasHeight * dprctx.scale(dpr, dpr)  이번엔 파티클을 그리기 위해 arc 메서드를 사용한다.먼저 ctx.beginPath()로 Path를 그릴 것을 선언한다.ctx.beginPath()ctx.arc()로 원을 그린다. h..

난이도 - 브론즈 3 문제N*M크기의 두 행렬 A와 B가 주어졌을 때, 두 행렬을 더하는 프로그램을 작성하시오.입력첫째 줄에 행렬의 크기 N 과 M이 주어진다. 둘째 줄부터 N개의 줄에 행렬 A의 원소 M개가 차례대로 주어진다. 이어서 N개의 줄에 행렬 B의 원소 M개가 차례대로 주어진다. N과 M은 100보다 작거나 같고, 행렬의 원소는 절댓값이 100보다 작거나 같은 정수이다.출력첫째 줄부터 N개의 줄에 행렬 A와 B를 더한 행렬을 출력한다. 행렬의 각 원소는 공백으로 구분한다.   n * m 크기의 2차원배열을 생성하고 첫 번째 행렬을 배열에 저장한다. 두 번째 행렬을 읽음과 동시에 배열의 값과 더하고 Stringbuffer에 저장한다.import java.io.*;import java.util.S..

js로 커서 팔로워를 만들 수 있다. 먼저 html에 cursor 클래스 div 태그를 생성한다. css로 팔로워를 꾸민다. 나는 분홍색 원으로 만들었다..cursor { z-index: 100000; position: absolute; width: 15px; height: 15px; background-color: rosybrown; border-radius: 50%; pointer-events: none; transition: transform 0.15s ease; transform: scale(1);} mouse_follower.jsdocument.addEventListener("DOMContentLoaded", function () { cons..

현재 만들고 있는 사이트평범한 스크롤바인데 한번 커스텀해보자  -webkit-scrollbar : 스크롤바의 스타일을 지정한다body::-webkit-scrollbar {    width: 8px;} -webkit-scrollbar-thum : 스크롤바의 손잡이 부분의 스타일을 지정한다body::-webkit-scrollbar-thumb {    height: 30%;    background-color: rgb(220, 193, 193);    border-radius: 10px;} -webkit-scrollbar-track : 스크롤바의 트랙 부분의 스타일을 지정한다body::-webkit-scrollbar-track {    background: rgb(240, 236, 236);}

23812번 (돌아간 ㅍ)난이도 - 브론즈 3예제 입력 1 복사1예제 출력 1 복사@ @@@@@@@ @@@@@@@ @예제 입력 2 복사3예제 출력 2 복사@@@ @@@@@@ @@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@ @@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@ @@@@@@ @@@import java.io.*;public class Main { public static void main(String[] args) th..

난이도 - 백준 5문제n이 주어졌을 때, 1부터 n까지 합을 구하는 프로그램을 작성하시오.입력첫째 줄에 n (1 ≤ n ≤ 10,000)이 주어진다.출력1부터 n까지 합을 출력한다.   import java.io.*;public class Main { public static void main(String[] args) throws Exception { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); BufferedWriter bw = new BufferedWriter(new OutputStreamWriter(System.out)); int n=Integer.parseInt(br..

난이도 - 브론즈 5문제사파리월드는 인터넷으로만 존재하는 미스테리한 나라이다. 사파리월드에는 2개의 서브도메인이 seunghwan.royal.gov.sw와 kyuhyun.royal.gov.sw 이 있는데, 이것이 couple.royal.gov.sw으로 합쳐질 것이다. 그러나 도메인 관리 센터 SWNIC(센터장: 김동규)에는 엄격한 룰이 있다. 두 서브도메인을 합칠 때, 유명도의 차이가 너무 차이나지 않을 경우에만 두 서브도메인을 결혼시키는 것이다. 서브도메인의 유명도는 정수이다. 두 서브도메인의 유명도가 주어졌을 때, 그 차이를 구하는 프로그램을 작성하시오.입력첫째 줄에 두 도메인의 유명도 N과 M이 주어진다. (-2,000,000,000 ≤ N, M ≤ 2,000,000,000..