Loading...

focusout 과 blur 의 차이

로그인 화면 구현에서 아이디 중복확인이라던가 유효성 검사 (아이디, 비번, 이메일 양식을 제대로 입력했는가) 를 검사할 때 어느 순간에 해당 함수를 일으킬 것인가에 대한 이벤트가 필요하다 중복 아이디를 검사할 때 해당 아이디의 input태그를 focusout하는 순간에 중복확인을 검사했는데 다른 개발자가 blur 이벤트를 사용하는 것을 보고 차이점이 궁금했다 둘의 차이는 "버블링 여부"이다. focusout은 버블링이 일어나고 blur는 버블링이 일어나지 않는다. 즉 focusout은 상위 요소에 까지 이벤트가 전달이 되고 blur가 발생하는 요소는 상위 요소(부모 요소)에 이벤트가 전달되는 일이 발생하지 않는 것이다. focusin은 focusout과 마찬가지이고 focus는 blur와 마찬가지이다. ..

[프로그래머스] 로또의 최고 순위와 최저 순위 (javascript)

이미 맞춘 번호들 개수를 세줌 (최저) 0인 부분을 모두 더해줌 (최대) function solution(lottos, win_nums) { var answer = []; let cnt=lottos.length; //없는 번호만 lottos=lottos.filter(lotto=>win_nums.indexOf(lotto)===-1); cnt-=lottos.length;//맞춘 개수, 최저 맞춘 개수 let min=cnt; let max=cnt+lottos.reduce((acc,cur)=>{ if(cur===0)acc+=1; return acc; },0); // console.log(min,max) function rank(x){ if(x===6)return 1; else if(x===5)return 2; ..

[백준] 17298번 오큰수 (java, 스택)

www.acmicpc.net/problem/17298 17298번: 오큰수 첫째 줄에 수열 A의 크기 N (1 ≤ N ≤ 1,000,000)이 주어진다. 둘째에 수열 A의 원소 A1, A2, ..., AN (1 ≤ Ai ≤ 1,000,000)이 주어진다. www.acmicpc.net O(n)시간으로 현재 위치 수보다 더 큰 수를 찾는 문제 스택으로 푸는 걸 알고있어서 구현은 금방했는데도 시간 초과가 나서 헤맸다. 배열을 모두 출력할 때 모두 system.out을 쓰기보다 Stringbuilder로 문자열로 만든 다음에 한 번 출력해야 시간초과가 나지 않는다. import java.io.BufferedReader; import java.io.IOException; import java.io.InputStr..

[백준] 2846번 오르막길 (java, 구현)

www.acmicpc.net/problem/2846 2846번: 오르막길 상근이는 자전거를 타고 등교한다. 자전거 길은 오르막길, 내리막길, 평지로 이루어져 있다. 상근이는 개강 첫 날 자전거를 타고 가면서 일정 거리마다 높이를 측정했다. 상근이는 가장 큰 오르 www.acmicpc.net import java.util.Scanner; public class Main { static int answer; static int n; public static void main(String[] args) { Scanner sc=new Scanner(System.in); n=sc.nextInt(); int prev=0;//이전수 int cur=0;//현재수 int min=0;//오르막길 최솟값 boolean is..

[백준] 1789번 수들의 합 (java, 이분탐색)

www.acmicpc.net/problem/1789 1789번: 수들의 합 첫째 줄에 자연수 S(1 ≤ S ≤ 4,294,967,295)가 주어진다. www.acmicpc.net package algo0501; import java.util.Scanner; public class B_1789_수들의합_Main { public static void main(String[] args) { Scanner sc=new Scanner(System.in); long s=sc.nextLong(); long left=1; long right=s; long answer=0; while(left

[프로그래머스] 행렬 테두리 회전하기 (javascript)

function solution(rows, columns, queries) { var answer = []; const map=Array(rows).fill(0).map((_,i)=>Array(columns).fill(0).map((_,j)=>i*columns+j+1)); for(let i=0;i=x;j--){ next=map[yy][j]; map[yy][j]=cur; cur=next; if(minimum>cur)minimum=cur; } for(let i=yy-1;i>=y;i--){ next=map[i][x]; map[i][x]=cur; cur=next; if(minimum>cur)minimum=cur; } // console.log(map) answer.push(minimum); }

[프로그래머스] n 개의 최소공배수 (javascript)

최소공배수 초기값을 1로 잡고 배열의 각 수와 새로운 최소공배수를 구한다. function solution(arr) { var answer = 1; for(let i=0;i

[백준] 14467번 소가 길을 건너간 이유 1 (java, 구현)

www.acmicpc.net/problem/14467 14467번: 소가 길을 건너간 이유 1 3번 소는 위치 1, 0, 1에서 관찰되었으므로 길을 최소 두 번 건넜음을 확인할 수 있다. 4번 소도 길을 한 번 건넜으며, 나머지 소는 길을 건넌 기록이 확인되지 않는다. www.acmicpc.net import java.util.Arrays; import java.util.Scanner; public class B_14467_소가길을건너간이유1_Main { static int n; static int[] cow; public static void main(String[] args) { Scanner sc=new Scanner(System.in); int answer=0; n=sc.nextInt(); cow..

[백준] 1013번 달팽이 (구현, java)

www.acmicpc.net/problem/1913 1913번: 달팽이 N개의 줄에 걸쳐 표를 출력한다. 각 줄에 N개의 자연수를 한 칸씩 띄어서 출력하면 되며, 자릿수를 맞출 필요가 없다. N+1번째 줄에는 입력받은 자연수의 좌표를 나타내는 두 정수를 한 칸 띄어서 www.acmicpc.net 밖이 아니라 안에서부터 빙글빙글 돌아나가는 문제이다. 하반기 삼성 오후 2번째에서 이거 활용해서 나오는 문제가 나왔었는데 지금은 금방 풀었는데 시험장에서는 긴장해서 좀 버벅거렸다. ㅠㅠ import java.util.Scanner; public class B_1913_달팽이_Main { static int n,m; static int[][] map; static int[] ypos= {-1,0,1,0}; stat..

[백준] 11728번 배열 합치기 (java)

www.acmicpc.net/problem/11728 11728번: 배열 합치기 첫째 줄에 배열 A의 크기 N, 배열 B의 크기 M이 주어진다. (1 ≤ N, M ≤ 1,000,000) 둘째 줄에는 배열 A의 내용이, 셋째 줄에는 배열 B의 내용이 주어진다. 배열에 들어있는 수는 절댓값이 109보다 작거 www.acmicpc.net 병합 정렬을 구현하는 문제이다. (재귀 없이 간단하게) 두 배열을 입력받아 정렬한 후 더 작은 값을 먼저 결과값에 넣어주면 된다. 알고리즘은 같은데 마지막에 결과배열의 값을 n번 for문 돌며 출력했더니 에러가 나더라. stringbuilder로 문자열로 만들어서 한 번에 출력했더니 통과됐다 package algo0428; import java.util.Arrays; impo..