똔 블로그 💻

new Set([iterable]); 삽입 순서대로 요소 순회, Set에는 중복된 값이 들어올 수 없다. const setTest = new Set(); setTest.add(1);// {1} setTest.add(2);// {1, 2} // 1을 add해도 set에 1이 있어서 무시됨 setTest.add(1);// {1, 2} arr.filter(callback(element[, index[, array]])[, thisArg]) callback : 요소를 걸러주는 함수, 조건에 맞지 않으면 삭제 element : 처리할 현재 요소 index(option) : 처리할 현재 요소의 인덱스 const filterArr = [1, 2, 3, 4, 5]; filterArr.filter(function(v){..

Math.max() Math.min() : Math.max() 입력값으로 받은 0개 이상의 숫자 중 가장 큰 숫자를 반환 : Math.min() 입력값으로 받은 0개 이상의 숫자 중 가장 작은 숫자를 반환 // Math.max() Math.max(5, 7, 1, 3, 9); // 9 // Math.min() Math.min(5, 7, 1, 3, 9); // 1 배열에서 최대/최소값은 Function.prototype.apply(thisArg, [argsArray]) + Math.max() 를 사용해서 Math.max.apply(null, arr)로 구할 수 있다. apply()를 쓰기 싫으면 spread연산자를 사용하면 된다. Math.max(...arr) const arr = [5, 7, 1, 3, 2..

Movie App 만들기 (1) 에서는 nodejs, vscode, git을 설치를 했다. 설치에 이어서, vscode와 github를 연동하는 방법이다. 1. cmd에서 npx create-react-app {프로젝트 이름} 입력 npx create-react-app movie_app ( create-react-app 관련 git : https://github.com/facebook/create-react-app ) react app이 만들어지면 movie_app 폴더가 생성된다. 2. cmd에서 'code movie_app'으로 vscode 열기 3. package.json 수정 "scripts" 부분에서 "start", "build" 제외하고 삭제 "scripts": { "start": "react..

Vanlia javascript란 라이브러리나 프레임워크를 쓰지 않은 순수 자바스크립트이다. 라이브러리가 없으니 속도도 당연 빠르다. 라이브러리가 없어서 디버깅할때도 편하다. 처음 개발을 시작하면서 바로 제이쿼리를 사용했기 때문에 그게 제일 익숙했다. 그런데 몇년 전부터 제이쿼리를 지양하자는 글을 많이 봤는데 업무적으로는 아직 쓰기때문에 놓지 못했다ㅠㅠ 이번에 개인적으로 프로젝트를 하는데 제이쿼리로 빠르게 만들고 바닐라js로 바꾸는걸 하려고 했는데.. 처음부터 바닐라js로 하는게 낫다고 판단이 되어서 시작해봤다! 제이쿼리는 셀렉터가 너무 편했어서 처음에 스크립트를 작성했을 때, document.querySelector~ 를 쓰는게 적응이 안됐다. 그리고 click이벤트 줄때도 addEventListene..

1. 시험 결과 1과목 데이터 모델링의 이해, 2과목 SQL 기본 및 활용 각각 40점 이상, 합쳐서 평균 60점 이상을 받아야 합격이다. 1과목에서 과락(40점 미만) 조심하라는 블로그 글을 보고 전날에는 1과목에서 틀린 문제만 봤다. 2. 공부 방법 - 책, 기출문제 문제집은 한국데이터베이스진흥원에서 나온 'SQL 자격검정 실전문제'로만 공부했다. 노랭이라고 불린다. 'SQL 전문가 가이드'라는 흰색 책은 안봐서 모르겠지만 노랭이로 충분하다고 생각한다. 1과목은 52번까지, 2과목은 146번까지 있다. 하루에 2-30문제씩 풀고 오답노트를 계획했는데 2과목이 푸는데 시간이 오래걸려서 1,2과목 합쳐서 12일정도 걸린 것 같다. 초반에는 의욕 넘치니까 2과목 풀고 그다음에 1과목을 푸는걸 추천한다. 모..

문자 정렬 const arrStr = ['world', 'javascript', 'hello']; // 문자열의 앞글자 'w', 'j', 'h' 앞글자로 오름차순 정렬 arrStr.sort(); // ['hello', 'javascript', 'world'] 숫자 정렬 const arrNum = [11, 2, 33, 4]; // 숫자는 아스키 코드를 기준으로 정렬하기 때문에 숫자 크기대로 정렬이 안됨 arrNum.sort(); // [11, 2, 33, 4] // 위의 해결방안으로는 .sort(function(a,b){return a-b;}); arrNum.sort(function(a, b){ return a-b; // [2, 4, 11, 33] (오름차순) }); arrNum.sort(function(..

배열에 요소 추가 ( push, unshift ) const arr = ['b', 'c', 'd']; // push : 배열의 끝에 요소 추가 arr.push('e');// ['b', 'c', 'd', 'e'] // unshift : 배열의 앞에 요소 추가 arr.unshift('a')// ['a', 'b', 'c', 'd', 'e'] 배열에 요소 삭제 ( pop, shift ) const arr2 = ['a', 'b', 'c', 'd', 'e']; // 배열의 앞 요소를 삭제 arr2.shift();// 'a' console.log(arr);// ['b', 'c', 'd', 'e'] // 배열의 끝 요소를 삭제 arr2.pop();// 'e' console.log(arr);// ['c', 'd', 'e']

숫자를 문자로, 문자를 숫자로 변환 숫자 -> 문자로 변환 : String(num), num.toString() 문자 -> 숫자로 변환 : Number(str), parseInt(str) const num = 10; const str = '10'; // number -> string String(num);// '10' num.toString(); // '10' // typeof() : 데이터타입을 확인 typeof(num.toString()); // 'string' // string -> number Number(str); // 10 parseInt(str); // 10 (정수형 숫자) typeof(parseInt(str)); // 'number' toString(), parseInt() 진수 변환 10..

str.indexOf(searchValue[, fromIndex]) searchValue : 찾으려는 문자열 fromIndex(Optional) : 문자열에서 찾기 시작하는 위치를 나타내는 인덱스 값 const str = 'Hello, world!'; const arr = [0, 1, 2, 3, 4, 5]; // indexOf(찾을 문자, n번째 인덱스부터 찾기) : 위치 생략 가능 str.indexOf('lo')// 3(3번째 인덱스에 있음) str.indexOf('d!')// 11(11번째 인덱스에 있음) str.indexOf('d~')// -1(없음 : -1 반환) str.indexOf('l', 3)// 3(3번째 인덱스부터 찾아서 3번째 인덱스 반환) str.indexOf('l', 4) // 10..

javascript에서 문자열, 배열을 자르는 메소드로는 substr / substring / slice / splice / split 다섯가지가 있다. 1. substr : 시작 인덱스와 길이(생략 가능)를 정해서 문자열 자르기 2. substring : 시작 인덱스와 끝 인덱스(생략 가능)를 정해서 문자열 자르기 3. slice : 시작 인덱스와 끝 인덱스(생략 가능)를 정해서 문자열 또는 배열 자르기 4. splice : 시작 인덱스와 길이(생략 가능)를 정해서 배열 자르기 5. split : 문자열을 나눌 구분자와, 잘라진 문자열의 최대 갯수(생략 가능)를 정해서 문자열 자르기 const str = 'Hello, world!'; const arr = [0, 1, 2, 3, 4, 5]; const ..