JavaScript
-
프로그래머스(입문) - 배열의유사도JavaScript/Coding_Problems 2023. 1. 1. 17:20
풀이1 function solution(s1, s2) { var answer = 0; // s2에 includes 함수를 통해서 s1의 값(x)이 있으면 true, 아니면 false를 반환 // s1의 filter 함수를 통해 true 값만 걸러내 새로운 배열을 만든다. answer = s1.filter(x => s2.includes(x)); return answer.length } 풀이2 function solution(s1, s2) { var answer = 0; s1.sort() s2.sort() for(let i=0; i
-
sort 함수의 compare functionJavaScript/Basic 2023. 1. 1. 12:32
arr.sort([compareFunction]) [compareFunction]은 sort 함수의 콜백함수로 firstEl과 secondEl이란 인자가 자동 [compareFunction]을 작성할 때는 어떤 값을 반환하는지가 중요 합니다. 숫자 값을 반환해야 하는데 총 3가지 경우로 나눌 수 있습니다. 0보다 크다 0이다 0보다 작다 0을 기준으로 3가지 케이스로 나뉩니다. 매개변수로 a, b를 받았고 반환 값이 0보다 큰 경우에는 만일 [a, b]의 값이 들어왔다면, 그대로 [a, b]가 됩니다. a가 먼저옵니다. compareFunction(a,b) 이 0보다 작은 경우, a가 먼저 오게됨 매개변수로 a, b를 받았고 반환 값이 0인 경우에는 만일 [a, b]의 값이 들어왔다면, 그대로 [a, b..
-
상태코드(Status_Code)JavaScript/Webdevelopment 2023. 1. 1. 11:46
이번 노트에서는 알아두면 개발할 때 도움이 되는 상태 코드(Status Code)들을 알아보겠습니다. 자, 시작해볼까요? 1. 각각의 상태 코드에는 대응되는 상태 메시지가 있습니다. 모든 상태 코드(Status Code)는 각각 그에 대응되는 상태 메시지(Status Message)를 갖고 있습니다. 예를 들어, 우리가 배운 200번은 OK, 404번은 Not Found라는 상태 메시지를 갖고 있습니다. 각 상태 코드의 의미를 모두 외우기는 힘들기 때문에 이러한 상태 메시지는 상태 코드의 의미를 빠르게 파악하는데 도움을 줍니다. 2. 상태 코드는 100번대~500번대까지 있어요. 이전 영상에서는 상태 코드 200번과 404번만 봤는데요. 사실 상태 코드는 100번대부터 500번대까지 존재합니다. 그리고 ..
-
모듈(Module)JavaScript/Basic 2022. 12. 31. 13:45
모듈이 되는 파일은 그 파일만의 '독립적'인 스코프를 가져야 한다 모듈 파일 내부에서 선언한 변수나 함수는 그 파일 안에서만! 사용을 해야 한다 각각의 모듈 파일들이 다른 모듈과는 스코프를 공유할 수 없도록 해야한다 // printer.js const title = 'Printer모듈입니다'; function print(value){ console.log(value); } // index.js // printer.js에 있는 print(value) print(title); // 이러한 형태의 모듈은 문제가 된다 // printer.js에 있는 같은 이름의 함수를 여기에다가 적는다면?! printer.js의 함수가 지워진다 function print(value) { console.log('index모듈에있..
-
try - catch - finally 문JavaScript/Basic 2022. 12. 29. 19:55
// try catch 문 try{ // 코드 } catch(error){ // 에러가 발생할때 동작할 코드 } // try catch문 try{ console.log('에러 전'); const name = "연아"; console.log(name) name = "연아2"; // 이 부분에서 에러가 남. 이 부분 이후로는 코드가 실행되지 않는다 const language = 'JavaScript'; console.log(language); } catch(error){ // 에러객체가 ' error ' 에 할당된다 console.log('에러 후'); } // 결과 에러 전 연아 에러 후 // try catch문 try{ console.log('에러 전'); const name = "연아"; console..
-
Error 종류JavaScript/Basic 2022. 12. 29. 19:39
에러의 3가지 스타일 1. 존재하지 않는 변수나 함수를 호출했을 때 Uncaught ReFerenceEror // 에러와 에러 객체 console.log('시작'); const coffee ='아메리카노'; console.log(coffee); console.log(size); console.log('끝') index.js:7 Uncaught ReferenceError: size is not defined 2. 함수가 아닌 것을 함수처럼 사용하였을 떄 Uncaught TypeError: // 에러와 에러 객체 console.log('시작'); const coffee = '아메리카노'; console.log(coffee()); console.log(size); console.log('끝') index.js..
-
자바스크립트 객체 표기법 vs JSON(JavaScript Object Notation)JavaScript/Webdevelopment 2022. 12. 26. 19:13
JSON [ { "id": 1, "name": "Leanne Graham", "username": "Bret", "email": "Sincere@april.biz", "address": { "street": "Kulas Light", "suite": "Apt. 556", "city": "Gwenborough", "zipcode": "92998-3874", "geo": { "lat": "-37.3159", "lng": "81.1496" } }, "phone": "1-770-736-8031 x56442", "website": "hildegard.org", "company": { "name": "Romaguera-Crona", "catchPhrase": "Multi-layered client-server ne..