목록개발🌐/JavaScript (20)
능히 해낼 수 있다
✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). + 230820 추가 및 수정 JavaScript에서는 일방적인 방법 외에도 함수 호출하는 방식과 관계없이 call, apply, 그리고 bind 내장메서드를 활용해 this 값을 바꿀 수 있다(this가 무엇인지를 지정할 수 있게된다). 1. call 모든 함수에서 사용할 수 있고 this를 특정값으로 지정이 가능하다. call 메서드는 함수를 호출하는 방법 중 하나로, 첫 번째 인자로 함수 내부에서 사용될 this 값을 설정하고, 그 뒤에는 함수의 매개변수를 전달한다. const mimi = { name: "Mimi" } const rosi = { name: "Rosi" } function showTh..
✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). JavaScript에서 클래스는 ES6 (ECMAScript 2015)부터 도입되었다. 클래스는 객체 지향 프로그래밍의 기본 개념을 구현하는 방법 중 하나로, 관련된 데이터와 함수를 하나의 구조로 묶는 역할을 한다. 생성자 함수는 클래스를 사용하지 않을 때, 객체를 초기화하고 생성하는 역할을 한다. 1. 생성자 함수와 class함수의 차이점 생성자 함수는 예전부터 사용되던 구문이고, 프로토타입을 직접 다루는 구조이기 때문에 .prototype메서드를 사용해서 작성하지만, 클래스는 프로토타입 기반 상속으로 네트워크 콘솔에서 보면 prototype안에 메서드가 들어가 있다. function Animal(nam..
✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 지난 배열관련해서 여러 .+어쩌구 들에 관련된 예시를 작성 했었다. 230113 JS: 숙달을 위한 메모 - Array(배열) 편 I ✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 배열(Array)은 생성자 방식으로 만드는 것이 기본이나, 불편하다는 단점이 있다. 그래서 조 ronieo.com 230113 JS: 숙달을 위한 메모 - Array(배열) 편 II ✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 지난 글과 이어서 배열에 대한 내용을 적어보려한다. 두서 없게 쓴 것들을 정리도 하고싶 roni..
✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 현재의 시점으로 과거의 나를 보면 매개변수라는것도 몰랐는데 어떻게 일한건지 알 수가 없다 정확히 알지 못했던 이유는 인자, 또는 인수(Argument)와 매번 헷갈렸기 때문인데, 이번 기회를 통해 둘을 제대로 구분 할 수 있어 다행이라는 생각과 함께 기억하고 잊지 않기 위해 예시를 작성해 두려 한다. 앞으로 나올 예시가 구조분해 할당과 함께 있는 예시이기 때문에 첨부 한 링크 글을 참고하고 예시를 보면 좋을 것 같다. 230116 JS: 숙달을 위한 메모 - 구조 분해 할당 편 ✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 이름만 들어도 몬말인지 1도 ..
✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 지난 연산자글은 단순 산수 관련이 었다면, 이번 연산자 숙·메 글은 좀 더 머리가 돌아가야하는? 기억해 둬야하는 이유가 좀 더 다분한 그런 연산자들이다. 비교 연산자: &&, || 예시 console.log( NaN && {} && 123 //>> NaN: 먼저 출력되는 falsy가 출력: 하나라도 false면 false ) console.log( 1 || false || 123 // >> 1: 먼저 출력되는 truthy 출력, 왜? 하나라도 true면 true ) console.log( 1 || false || 123 //>> 1: 먼저 출력되는 truthy 출력, 왜? 하나라도 true면 true ) ..