1. justify-content - 가로선 상에서 정렬 (1) flex-start : 요소들을 컨테이너 왼쪽 정렬 (2) flex-end : 요소들을 컨테이너 오른쪽 정렬 (3) center : 요소들을 컨테이너 가운데 정렬 (4) space-between : 요소들 사이사이에 간격두기 (5) space-around : 요소들 주위에 동일한 간격두기 2. align-items - 세로선 상에서 정렬 (1) flex-start : 요소들을 컨테이너 꼭대기로 정렬 (2) flex-end : 요소들을 컨테이너 바닥으로 정렬 (3) center : 요소들을 컨테이너 가운데 정렬 (4) baseline : 요소들을 컨테이너의 시작 위치에 정렬 (5) stretch : 요소들을 컨테이너에 맞도록 늘리기 3. fl..
1. 내가 푼 풀이 function solution(my_string, num1, num2) { var answer = ''; let arr1 = my_string.split(''); let arr2 = my_string.split(''); arr2[num1] =arr1[num2]; arr2[num2] =arr1[num1]; return arr2.join(''); } 2. 다른 사람 풀이 function solution(my_string, num1, num2) { my_string = my_string.split(''); [my_string[num1], my_string[num2]] = [my_string[num2], my_string[num1]]; return my_string.join(''); } *..
1. 내가 푼 풀이 function solution(my_string) { let arr =my_string.split(''); let answer =[]; arr.forEach(x =>{ if(x === x.toUpperCase()){ answer.push(x.toLowerCase()); } else{ answer.push(x.toUpperCase()); } }); return answer.join(''); } 2. 다른 사람 풀이 function solution(my_string) { return my_string.split('').map(n => n === n.toUpperCase() ? n.toLowerCase() : n.toUpperCase()).join('') } - map 사용 & 삼항연산..
1. DOM 소개 - JS 생긴 이유 : 브라우저에서 사용하기 위한 언어 - 사용자 = 브라우저 = 클라이언트 - 브라우저는 렌더링엔진(번역)을 갖고 있음 --> 코드를 해석함 - 렌더트리를 구성함 - 이 파일을 브라우저에게 제공 > 브라우저는 렌더링해서 페인팅해줌 > 돔 트리가 생성됨 (계층) 메뉴가 들어감 순서 없는 태그 안에 첫번째 메뉴 (리스트 태그) 두번째 메뉴 글자 이미지 copyright. 2. DOM _API 실습 - DOM : JS가 HTML 문서를 해석하고 파싱한 결과물 / 브라우저에 기본적으로 내장된 API임 - API : 메뉴판 같은 것. 다른 시스템에서 제공하는 기능을 사용할 수 있도록 도와주는 중간자 역할 - DOM은 브라우저 환경 (여기서 돌아감: DOM이 브라우저에 내장되어 ..
1. 콜백함수_기본개념 - 다른 코드의 인자로 넘겨주는 함수 / 인자로 넘겨주는 다는 것은 받는 곳이 있음 - forEach, setTimeout : 콜백함수를 적절한 시점에 실행하게 됨 (제어권이 forEach,setTime에게 있음) - 내일 약속이 있는데 알람 안 맞추고, 수시로 일어나서 시간 확인 하는 스폰지밥 (제어권 : 스폰지밥) - 제어권 넘겨줄테니 너가 알고 있는 그 로직으로 처리해줘! //콜백함수 예시1 setTimeout(function () { console.log("hello"); },1000); //콜백함수 예시2 const num = [1,2,3,4,5]; num.forEach(function (num) { console.log(num); }); 2. 콜백함수_제어권1 - 제어권..
function solution(my_string) { return ([...new Set(my_string)].join('')); } * new Set(String) : Set : 중복 x 값의 집합 * [...new Set(my_string)] : 전개구문 사용 * set1 // set(3) {1,2,3} --> [...new Set(set1)] // [1,2,3] [출처] 1. 프로그래머스
