Ro_dollDev

[알고리즘]프로그래머스 LV.1 - 바탕화면 정리

문제 풀이function solution(wallpaper) { var answer = []; var minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity; for (let i = 0; i 먼저 가장 #이나오는 가장 윗쪽 행을 추적함.minX = Math.min(minX, i);: 현재 행 i와 기존의 minX 중 더 작은 값을 minX로 업데이트합니다. 이는 #이 처음 등장하는 가장 윗쪽 행을 추적합니다.그리고 #이나오는 가장 왼쪽행을 추적함minY = Math.min(minY, firstIndex);: 현재 행의 firstIndex와 기존의 minY 중 더 작은 값을 minY로 업데이트합니다. 이는 #이 등장하는 가..

[JavaScript]스크립트언어란?

스크립트언어란?기본프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해주는 용도로 사용 .빠르게 학습가능 , 짧은 소스코드로 상호작용하도록 고안됨 자바스크립트웹 브라우저에서 사용하는 인터프리터 방식의 객체지향 프로그래밍언어이며 표준을 따르는 웹기술이다. 변수의 사용 변수의 선언 규칙 1. 대소문자 구분한다. 2. 영문,$,_로 시작한다. 3. 영문,$,_를 포함할 수 있다. 4. 키워드나 예약어 사용할 수 없다. 변수의 범위 1.전역변수 : window 객체에 포함되는 변수로 다른 함수들에서 공용으로 사용할 수 있다.( 값 유지 ) ..

reponsive ?-> 반응형: 창의 사이즈에 맞게 변화 , 부모자식과의 상관관계반응형 웹의 '반응형'이 이 reponsive를 뜻함 em, rem  테스트 em 단위 -> 부모 폰트사이즈 rem 단위 -> html 폰트 사이즈 layout HEADER MAIN ASIDE FOOTER  variableImg 창의 크기에 따라 이미지도 같이 조정됨

html 에서 속성을 부여할때에 id와 class를 많이 쓴다. 역할은 거의 같으나 중요한 차이점이 있다. id속성은 태그에 유일한 이름을 붙이고 싶을때에 쓴다.class속성은 같은 유형으로 반복되는 태그들을 유형별로 분류하고 싶을때 쓴다. ex) id : 책상 , 의자 , 쇼파 , 화장대 / class : 가구  id 속성은 중복이 불가능함 , class는 중복이 가능함 css 내에서의 차이 ? css내에서 id속성을 사용할때엔 id명 앞에 #기호를 붙이고 사용한다.id 속성은 유일하기때문에 클래스보다 우선적으로 적용됨 class 속성을 사용할 때에는 class명 앞에 .기호를 붙이고 사용한다. 즉 , id 속성은 우선적으로 적용이 되며 중복이 불가능하고 , class 속성은 후순위에 적용이 되며 중복..

문제 풀이function solution(board, moves) { var answer = 0;//인형을 담을 바구니를 생성하고 moves 에 해당하는 인덱스(+1)를 바구니에 담아준다. 인형을 뽑으면 해당하는 인덱스는 0으로 바꿔준다 만약 뽑으려는 인덱스가 0일 시에는 인형이 안담겨있다는 뜻이므로(2차원 배열의 마지막 인덱스의 배열에서 0일경우) 아무일도 일어나지 않음 var basket = []; for(let i = 0; i i를 -1로 설정하여 0부터 다시 제대로 배열을 순회 할 수 있게되었다. i = -1; } } return answer;} 처음에 i를 0으로 지정하니 테스트 케이스 1 , 2 에서 계속 에러가 났었다.i가..

문제예제 풀이function solution(X, Y) { let answer = ''; let num = []; // 문자열 X와 Y를 배열로 변환하고 정렬 X = X.split("").sort((a, b) => a - b); Y = Y.split("").sort((a, b) => a - b); // 숫자의 빈도를 저장할 맵 let xCount = new Map(); let yCount = new Map(); // X의 각 숫자의 빈도 계산 for (let x of X) { //x가 없는 경우에는 0으로 계산하고 1을 더함 , //x가 이미 있는경우에는 x의 밸류값에 1을 한번더 더해 빈도수를 구함 xCo..

relative : 요소 자기 자신을 기준으로 배치 absolute : 부모를 기준으로 배치 absolute : 부모를 기준으로 배치static : 기본값(기준없음)fixed : 뷰 포트 기준으로 배치 , 스크롤 내려도 고정 박스의 크기와 위치를 잘 살펴보아야 합니다. 박스의 포지션 속성을 바꿔가며 테스트 해 보아야 합니다. 포지션을 이해하기위해서는 테스트가 절대적으로 팔요합니다. fixed! ..

문제 출력예 function solution(n, lost, reserve) { // 여벌없이 분실한 학생 let realLost = lost.filter(l => !reserve.includes(l)).sort((a, b) => a - b); // 분실없이 여벌이 있는 학생 let realReserve = reserve.filter(r => !lost.includes(r)).sort((a, b) => a - b); // 체육복을 빌릴 수 있는 학생 수 let answer = n - realLost.length; for (let i = 0; i  여벌이 있는 상태로 분실했을 경우가 있으므로 여벌없이 분실한 학생만 구하여 그에 대해서만 값을 정한다.

문제 풀이function solution(keymap, targets) { const answer = []; const map = new Map(); //keymap 순환 for (const key of keymap) { // key를 순환 for (let i = 0; i  자판에서 해당하는 알파벳을 치기위해 몇번의 클릭이 필요한지를 구하는것이 우선이다 .맵 객체를 만들어 주어진 자판들 중에 해당하는 알파벳을 누르기위한 버튼의 수가 가장 최소한이 되는 경우의 수를 구하기 위해 조건문으로if (!map.has(key[i]) -> map안에서 key[i]에 해당하는 알파벳이 없다면 또는 i + 1 원래 있던 키의 밸류가 i+1 보다 크다면 새로 갱신을 해주어야 하기에(더 최소한의 클릭으..

clearflaot로 만든 박스를 따라가지 않게 만든다. 교통카드 못쓰는 `반쪽 애플페이`…첫날부터 혼란 애플의 근거리무선통신(NFC) 결제 서비스 '애플페이'가 한국에 상륙했다. 애플과 현대카드는 21일 서울 용산 현대카드 언더스테이지에서 '스페셜 이벤트' 를 열고 애플페이 서비스를 시작한다고 밝혔다. 정태영 현대카드 부회장은 자신의 아이폰을 공개하며 애플페이 서비스 개시를 알렸다. 이에 맞서 삼성과 네이버는 삼성페이와 네이버페이 간 연동 서비스를 이르면 23일로 앞당기는 등 애플페이에 '맞불'을 놓고 있다. ◇"얼굴 인..