Ro_dollDev

[CSS]CSS#4(반응형)

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

[지식]class 와 id의 차이

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일로 앞당기는 등 애플페이에 '맞불'을 놓고 있다. ◇"얼굴 인..

문제 풀이function solution(answers) { const answer = []; // 수포자들이 찍는 방식의 패턴(s1, s2, s3)과 채점표(score)를 각각 배열로 변환 const s1 = [1, 2, 3, 4, 5]; const s2 = [2, 1, 2, 3, 2, 4, 2, 5]; const s3 = [3, 3, 1, 1, 2, 2, 4, 4, 5, 5]; const score = [0, 0, 0]; // 배열 answers가 주어졌을 때, 문제를 맞힌 횟수를 각각 채점해 score에 입력 for (let i = 0; i  각 수포자의 패턴을 s1 , s2 , s3으로 지정해주어 배열에 저장한다 .각 수포자의 맞춘 개수를 ..

배경이미지 삽입 교통카드 못쓰는 `반쪽 애플페이`…첫날부터 혼란 애플의 근거리무선통신(NFC) 결제 서비스 '애플페이'가 한국에 상륙했다. 애플과 현대카드는 21일 서울 용산 현대카드 언더스테이지에서 '스페셜 이벤트' 를 열고 애플페이 서비스를 시작한다고 밝혔다. 정태영 현대카드 부회장은 자신의 아이폰을 공개하며 애플페이 서비스 개시를 알렸다. 이에 맞서 삼성과 네이버는 삼성페이와 네이버페이 간 연동 서비스를 이르면 23일로 앞당기는 등 애플페이에 '맞불'을 놓고 있다.◇"얼굴 인식후 갖다대면 끝"…간편결제 시장 '게임 체인저' 될까= 이날 정 부회장은 "16년 전에 아이폰을 산 다음에 그 신기함에 매료돼..