Frontend/JavaScript25 [JavaScript] 클래스 Class, static 클래스(Class)란? 생성자 함수와 같이 객체를 생성할 수 있는 템플릿 (청사진, 틀) 객체지향 프로그래밍(Object-Oriented Programming)을 가능하게 해줌 밀접하게 연관되어 있는 객체로 구성해나가면서 객체끼리 서로 호환 가능하게 해줌 생성자 함수는 더 이상 많이 사용하지 않으며 프로토타입 보다 사용하기 간편함 클래스를 통해서 만들어진 객체를 인스턴스(instance)라고 함 - 클래스 사용 예시 : class Fruit { //셍성자 : new 키워드로 객체를 생성할 때 호출되는 함수 constructor(name, emoji) { this.name = name; this.emoji = emoji; } display = () => { console.log(`${this.name}:.. 2023. 1. 12. [JavaScript] 자바 스크립트 증감 연산자 a++, ++a 차이 a++ 필요한 연산을 먼저 하고, 그 뒤 값을 증가 시킴 a = 0; let b = a++; console.log(b); // 0 console.log(a); // 1 ++a 값을 먼저 증가한 후, 필요한 연산을 함 a = 0; let b = ++a; console.log(b); // 1 console.log(a); // 1 2023. 1. 11. [JavaScript] 원시 타입, 객체 타입 값과 참조의 차이 원시타입 (primitive) 값이 복사되어 전달됨 let a = 1; let b = a //1 b = 2; console.log(a); //1 console.log(b); //2 객체타입 (object) 참조값(메모리 주소, 레퍼런스)가 복사되어 전달됨 실제 값 자체는 heap이라는 공간에 별도로 저장되어 있음 let apple = { //0x1234 name :'사과', }; let orange = apple; //0x1234 orange.name = '오렌지'; console.log(apple); //{ name: '오렌지' } console.log(orange); //{ name: '오렌지' } **원시 타입은 값 자체가 메모리에 들어있고, 객체 타입은 내용이 상대적으로 많기 때문에 참조값이 들어있다 2023. 1. 10. [JavaScript] 자바스크립트 변수 이름 주석 다는 법 // /** */ 변수 이름 정하는 법 https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/Strings Handling text — strings in JavaScript - Learn web development | MDN Next, we'll turn our attention to strings — this is what pieces of text are called in programming. In this article, we'll look at all the common things that you really ought to know about strings when learning JavaScript, .. 2023. 1. 8. [JavaScript] 자바스크립트란? (엔진, ECMAScript) 자바스크립트란? 브라우저 뿐만 아니라 컴퓨터에서도 사용 가능한 활용성이 높은 언어 https://en.wikipedia.org/wiki/JavaScript JavaScript - Wikipedia From Wikipedia, the free encyclopedia Jump to navigation Jump to search High-level programming language ".js" redirects here. For the Microsoft dialect used in Internet Explorer, see JScript. JavaScriptScreenshot of JavaScript source code with HTMLParadigm en.wikipedia.org 자바스크립트 엔진 자바스크.. 2023. 1. 6. [JavaScript] 삼항연산자(ternary) 다중, 중첩 사용 기본 삼항 연산자 사용 방법 (조건) ? (참일 때) : (거짓일 때) 중첩 삼항 연산자 사용 방법 (조건문1) ? (조건문1이 참일 때) : (거짓인 경우 수행할 조건문2) ? (조건문2가 참일 때) : (모두 거짓인 경우) 2022. 12. 30. 이전 1 2 3 4 5 다음