728x90 반응형 SMALL 기술 개발/Javascript18 parameter와 argument의 차이 매개변수(parameter)란? 함수의 정의에서 전달받은 인수를 함수 내부로 전달하기 위해 사용하는 변수 인수(argrument)란? 함수가 호출될 때 함수로 값을 전달해주는 값 function addNum(x, y, z) { // x, y, z라는 3개의 매개변수를 가지는 함수 addNum()을 정의함. return x + y + z; } addNum(1, 2, 3); // 인수로 1, 2, 3을 전달하여 함수를 호출함. -> 6 addNum(1, 2); // 인수로 1, 2을 전달하여 함수를 호출함. -> NaN addNum(1); // 인수로 1을 전달하여 함수를 호출함. -> NaN addNum(); // 인수로 아무것도 전달하지 않고 함수를 호출함. -> NaN addNum() 함수를 호출할 때.. 2023. 3. 28. 정규표현식(Regex) 정규 표현식(regular expression, regexp, regex, rational expression) 또는 정규식은 특정 규칙을 가진 문자열의 집합을 표현하는 데 사용하는 형식 언어다. 정규표현식 테스트 할 수 있는 사이트 https://regexr.com/ RegExr: Learn, Build, & Test RegEx RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp). regexr.com 정규표현식의 구성 정규표현식이라고 표현하는 슬래시(/) 찾아낼 패턴 찾을 때 옵션을 줄 수 있는 flag Group and ranges 문법 의미 상세 설명 | 또는 패턴을 OR조건으로 연결시킴 ( ) 그.. 2023. 2. 8. 얕은 복사 vs 깊은 복사 자바스크립트에서의 얕은 복사와 깊은 복사를 알기 전, 자바스크립트의 데이터 타입에 대해 알아야 한다. 데이터 타입(Data Type)은 프로그래밍 언어에서 사용할 수 있는 데이터의 종류를 말한다. 데이터 타입은 데이터를 메모리에 저장할 때 확보해야 하는 메모리 공간의 크기와 할당할 수 있는 유효한 값에 대한 정보, 그리고 메모리에 저장되어 있는 2진수 데이터를 어떻게 해석할 지에 대한 정보를 컴퓨터와 개발자에게 제공한다. 자바스크립트에서 데이터 타입은 원시 타입과 객체 타입으로 나뉜다. 원시 타입의 값은 변경 불가능한 값(immutable value)이며 pass-by-value(값에 의한 전달) 방식으로 전달된다. 객체 타입의 값은 pass-by-reference(참조에 의한 전달) 방식으로 전달된다... 2023. 1. 12. 호이스팅(Hoisting) (feat. var, let, const) 영어 사전에서 Hoist는 '들어(끌어)올리다'라는 의미를 가지고 있다. 그러면 자바스크립트에서 호이스팅이란 무엇을 의미할까? MDN에 의하면 JavaScript에서 호이스팅이란, 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미한다. 즉, 변수의 선언과 초기화를 분리한 후, 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것을 의미한다. var로 선언한 변수의 경우에는 호이스팅 시 undefined로 변수를 초기화 한다. 반면, let과 const로 선언한 변수의 경우 호이스팅 시 변수를 초기화하지 않는다. let과 const로 선언한 변수도 호이스팅 대상이지만, var와 달리 호이스팅 시 undefined로 변수를 초기화하지 않는다. 따라서.. 2023. 1. 5. async & await JavaScript - async & await // 콜백지옥 timer(1000, function(){ console.log('작업'); timer(1000, function(){ console.log('작업'); timer(1000, function(){ console.log('작업'); }); }); }); // promise를 사용해서 콜백지옥 벗어남 timer(1000) .then(function(){ console.log('작업') return timer(1000); }) .then(function(){ console.log('작업') return timer(1000); }) .then(function(){ console.log('작업') return timer(1000); }) 더 더 더 편.. 2022. 8. 10. Promise (then, catch) // 1, 2, 4, 3(5초 뒤) Synchronous(동기적) vs Asynchronous(비동기적) Synchronous(동기적): 순차적으로 코드 실행 -> 어떻게 실행될 것인지 파악하기 쉽다 Asynchronous(비동기적): 각자가 자신의 시간표에 따라서 동작 -> 멀티태스킹하는거라 혼란스럽지만, 빠른 속도가 가능함 fetch API https://developer.mozilla.org/ko/docs/Web/API/Fetch_API/Using_Fetch 예제 데이터 참고 사이트 https://jsonplaceholder.typicode.com/ /posts 링크 함수를 사용하는데 함수의 return값이 promise면, 함수는 비동기적으로 동작할 가능성이 높다 그 함수가 return 한 값은 .. 2022. 8. 9. 이전 1 2 3 다음 728x90 반응형 LIST
