JavaScript/Basic
-
모듈(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..
-
-
Parameter와 ArgumentJavaScript/Basic 2022. 12. 13. 19:52
parameter와 arguement - 외부로 부터 값을 전달받기 위해 함수를 선언할 때 작성하는 것은 파라미터(Parameter), - 함수를 호출할 때 파라미터로 전달하는 값은 아규먼트(Argument) function greeting(parameter){ console.log(`HI! I am ${parameter}`); } greeting(Argument); 파라미터에 아무것도 쓰지 않았다면?! // parameter는 함수의 소괄호 안에 작성되는 것 function greeting(name){ console.log(`HI! I am ${name}`); } greeting(); // HI! I am undefined // parameter는 함수의 소괄호 안에 작성되는 것 function gre..
-
함수(Function)JavaScript/Basic 2022. 12. 13. 18:56
함수(Function)란?! 함수(Function)을 만드는 방법 1. 함수 선언문 - function 키워드를 통해서 함수를 선언하는 일반적인 방식을 함수 선언 - 함수 이름 생략 불가능 - 호이스팅으로 인해서 함수를 선언하기 이전에 함수를 호출해도 정상적으로 동작하는 특징 함수 선언 방식은 함수 스코프 function add(x,y){ return x + y; } 2. 함수 표현식 - 이 함수 선언을 변수에 할당하거나 다른 함수의 아규먼트(Arguments)로 활용하면서 마치 함수 선언을 값처럼 활용해서 함수를 만드는 방식을 함수 표현식 - 함수 이름 생략 가능 - 반드시 변수가 선언된 이후에 함수를 호출해야 정상적으로 동작 - 변수에 할당하는 경우에는 할당된 변수의 특성에 따라 스코프가 결정 // ..
-
배열(Array) part3 -> 배열고차함수JavaScript/Basic 2022. 12. 13. 08:34
- 고차함수는 함수를 인수로 전달받거나 함수를 반환하는 함수 Array.prototype.sort - sort메서드는 배열의 요소를 정렬한다. 원본 배열을 직접 변경하며 정렬된 배열을 반환. 기본적으로 오름차순으로 정렬 - 내림차순으로 하려면은 reverse 메서드를 사용 const coffee =['Americano', 'Latte', 'Machiatto'] coffee.sort() // 오름차순 console.log(coffee); // ['Americano', 'Latte', 'Machiatto'] coffee.reverse(); // 내림차순 console.log(coffee); // ['Machiatto', 'Latte', 'Americano'] 배여르이 원소가 숫자타입일때는 배열의 요소를 일시..
-
StringJavaScript/Basic 2022. 12. 8. 08:54
String 생성자 함수 length 프로퍼티 String 메서드 String.prototype.indexOf - indexOf메서드는 대상문자열에서 인수로 전달받은 문자열을 검색하여 첫 번째 인덱스를 반환한다. 검색에 실패하면 -1를 반환 String.prototype.search - search메서드는 대상 문자열에서 인수로 전달받은 정규표현식과 매치하는 문자열을 검색하여 일치하는 문자열의 인덱스를 반환. 검색에 실패하면 -1을 반환 String.prototype.includes - ES6부터 도입, 대상 문자열에서 인수로 전달받은 문자열이 포함되어 있는지 확인하여 그 결과를 true 또는 false로 반환 String.prototype.startswith - ES6부터 도입, startswith메서..