728x90
반응형
Javascript2024. 8. 28. 17:03자바스크립트 타입

- 원시 타입 : Boolean, String, Number, null, undefined, Symbol(불변성을 가지고 있음)- 참조 타입 : Object, Array 기본적으로 Javascript는 원시 타입에 대한 값을 저장하기 위해 Call Stack 메모리 공간을 사용하지만참조 타입의 경우 Heap이라는 별도의 메모리 공간을 사용한다.이 경우 Call Stack은 개체 및 배열 값이 아닌 Heap 메모리 참조 ID를 값으로 저장한다.  - 원시 타입  - 참조 타입  - 자바스크립트는 동적 타입이다. Javascript는 느슨한 타입의 동적 언어이다.Javascript 변수는 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당 가능하다.let foo = 42;foo = "bar";foo..

Javascript2024. 8. 28. 15:46호이스팅

- 호이스팅 : 무언가를 들어 올리거나 끌어 올리는 동작을 설명.Javascript에서 호이스팅은 코드가 실행되기 전에 변수 및 함수 선언(이름)이로컬 범위(유효 범위)의 맨 위로 들어올려지거나 끌어올려지는 경우를 설명. - var 선언문 호이스팅아래 예에서는 아직 생성하지 않은 뱐수에 대한 콘솔 로그를 사용하여 시작.그 다음으로 greeting이라는 변수를 선언하고 문자열 hello를 할당.코드가 실행되면 undefined가 반환된다.=> 이 코드가 에러를 발생시키지 않고 undefined를 반환하는 이유는 호이스팅 때문. Javascript 인터프리터는 변수 생성의 선언(var greeting) 단계 및 할당(= "hello") 단계를 분할.선언 부분은 코드가 실행되기 전에 현재 범위의 맨 위로 호이..

Javascript2024. 8. 28. 15:05변수의 참조 범위(Scope)

=> var의 유효한 참조 범위var 함수 레벨 스코프function func() { if(true) { var a = "a"; console.log(a); // a } console.log(a); // a}console.log(a);// undefinedfunc(); => let, const의 유효한 참조 범위let, const block 레벨 스코프function func() { if(true) { // block 내부 let a = "a"; console.log(a); // a } console.log(a); // undefined}

정규표현식 : regexp
Javascript2024. 1. 18. 01:10정규표현식 : regexp

지금까지 자바스크립트를 꽤나 공부해왔다고 생각했지만, 정규표현식에 관하여 제대로 접하게 된 건 이번이 처음이었다. 검색, 유효성 검사 기능을 만들 때는 chat gpt의 도움을 많이 받았다...ㅠㅠㅠㅠ 그리하여, 고심하다 시작된 정규표현식 파헤치기! 그렇게 깊게 파헤친 것은 아니다. (너무 깊게 파고들면 시간이 엄청 소요된다고 들었기 때문에 기본적인 개념과 실습 정도만 해보도록 하겠다.) - 정규표현식의 역할 1. 문자 검색(search) 2. 문자 대체(replace) 3. 문자 추출(extract) - 테스트 사이트 https://regexr.com/ RegExr: Learn, Build, & Test RegEx RegExr is an online tool to learn, build, & test ..

[2023-12-06] JAVASCRIPT - 생성자 함수 내에서 일반 함수와 화살표 함수의 차이점
Javascript2023. 12. 6. 18:32[2023-12-06] JAVASCRIPT - 생성자 함수 내에서 일반 함수와 화살표 함수의 차이점

오늘은 자바스크립트 생성자 함수 내에서 일반 함수와 화살표 함수의 차이점에 관하여 알아보겠다. 이 두 가지 함수의 가장 큰 차이점은 'this'의 바인딩 방식이다. 일반 함수에서 'this'는 호출 시점에 결정되는데, 생성자 함수에서 일반 함수를 선언하면 'this'는 그 생성자 함수의 인스턴스를 가리킨다. function Car() { this.speed = 0; this.speedUp = function() { this.speed++; }; } const car = new Car(); car.speedUp(); console.log(car.speed); // 1 위 예시에서 speedUp 메소드는 일반 함수로 선언되었고, 이 메소드를 호출하면 this는 car 인스턴스를 가리킨다. 그러나 화살표 함수..

논리연산자&& (AND)
Javascript2023. 7. 13. 18:58논리연산자&& (AND)

요즘 다시 자바스크립트의 개념을 공부하고 있는데, 그동안 많이 헷갈렸던 부분에 대하여 이번에 배우게 되어 정리를 해보고자 한다. 나는 논리연산자 &&, 즉 AND가 둘 다 true일 때 true를, 하나라도 false이면 false를 출력하는 용도로만 사용되는 줄 알았다. 근데 이 방식은 전통적인 프로그래밍 방식이라고 한다. alert(true&&true); // true alert(false&&true); // false alert(true&&false); // false alert(false && false); // false if(1 && 0) { // 피연산자가 숫자형이지만 논리형으로 바뀌어 true && false가 됩니다. alert("if 문 안에 falsy가 들어가 있으므로 alert창은 ..

728x90
반응형
image