동찬 코드 일지

Syntactic Sugar 자바스크립트의 class는 문법적 설탕이다. 내부 기능은 프로토타입으로 동작한다. 추후 프로토타입 자세히 탐구 Syntactic Sugar - 문법을 보다 읽기 쉽게 만드는 것 - (눈속임, 포장) 자바 등 타 언어에 익숙한 사람들을 위해 생성자 함수, 프로로타입 기반인 자바스크립트 문법 타 언어의 클래스와 비슷한 문법으로 포장 클래스가 이런식으로 만들어진것 - 익숙하게 사용할 수 있게 but 클래스와 생성자 함수와 완전히 동일하지 않음 클래스는 호이스팅 되지 않는다. => 엄밀히 말하면 틀린말 호이스팅 되지만, tdz로 인해 접근 불가 한 것이다. new 없이 사용할 시 오류 발생 ( 생성자 함수는 undefined 됨 ) => class 사용시 엄격모드를 자동적으로 적용하..

1을 만들지 못하는 사람은 2를 만들지 못하며, 나아가 100을 만들지 못한다. 간단한 프로그램을 직접 만들어 나가며 실력을 키울 것이다. 로또 번호 추첨기를 만들 것 이다. 1초마다 1~45의 랜덤한 값을 차례대로 출력하는 로또 추첨기를 프로그래밍 하였다. 1초 마다 실행되는 setTimeout() 메서드를 이용하여 비동기의 개념을 입문하고 JS의 배열 정적 메서드를 활용하여 무작위로 번호를 출력해보는 연습의 시간이 되었다. HTML, CSS 구성 간단하게 추첨된 로또의 번호를 출력할 div 와 보너스 번호를 출력할 div , 를 구성하고 당첨번호를 동그라미로 출력하여 로또 추첨기 처럼 구성하였다. 로또 추첨 결과는? 보너스 번호: 로또의 번호를 추첨하고 화면의 표시하기 위해 프로그래밍 구성도를 그렸다..

JS에서의 배열은 타 언어와 다르다. 타 배열의 요소 크기는 고정되어 있다. 선언 시 설정 가능 JS는 한 배열에 여러 종류의 자료형이 요소 값으로 올 수 있다. 굳이 비교하자면 Array List 자료형에 더 가깝다. 다른 언어들의 배열 전형적인 배열 1.한 배열에는 같은 자료형의 데이터만 포함 가능 2.데이터의 메모리 주소가 연속으로 나열됨 3.접근은 빠름, 중간요소의 추가나 제거는 느림 자바스크립트의 배열 ⭐️ 배열의 형태와 동작을 흉내내는 특수 객체 한 배열에 다양한 자료형의 데이터가 들어갈 수 있음 연속나열이 아님 - 💡 엔진에 따라 요소들의 타입이 동일하면 연속 배열하기도... 접근은 상대적으로 느림 (일반 객체보다는 빠름), 중간요소의 추가나 제거는 빠름 특정 자료형만 담는 배열도 존재 하긴..

개요 생성자 함수의 정의 생성자 함수를 통해 객체, 인스턴스를 생성하는 방법 1. function 키워드 사용 2. this 키워드로 인스턴스의 속성(프로퍼티) 정의 3. new 연산자를 통해 인스턴스 생성 생성자 함수는 관례적으로 이름이 대문자로 시작 인스턴스 : 생성자 함수로 만들어진 객체 this.~ : 생성될 각 인스턴스의 프로퍼티 접근 및 정의 new 연산자 : new 연산자와 함께 사용 생성자 함수에서는 메서드 정의 불가 생성자 함수 정의 인스턴스 생성 객체 프로퍼티에 접근 JS에서 메서드 메서드 (Methods) JavaScript에서 메서드는 객체의 프로퍼티로 할당된 함수입니다. 객체의 데이터와 기능을 연결하며, 해당 객체의 컨텍스트(this)에서 실행됩니다. 예시: javascript C..

키값은 자동으로 문자열로 치환되어 사용 -> 그렇기 때문에 키값으로 객체가 올 수 없으며, 문자열 및 심볼만 사용해야함 이 경우 자동적으로 변경되기 때문에 오류가 발생하지 않지만 의도치 않은 동작 발생한다. -> 더 골치아파짐 자바의 객체는 프로토타입기반 상속 지원 추후 프로토타입 JavaScript의 객체와 Python의 딕셔너리 JavaScript의 객체 프로토타입 기반 상속: JavaScript의 객체는 프로토타입 기반의 상속을 지원합니다. 객체는 prototype 속성을 통해 다른 객체로부터 메서드와 속성을 상속받을 수 있습니다. 키 타입: 객체의 키는 문자열 또는 심볼(symbol)이 될 수 있습니다. 비문자열 키는 자동적으로 문자열로 변환됩니다. 동적 속성 추가 및 삭제: JavaScript에..

매개 변수의 개수보다 더 많이 인자가 전달되면 오류가 아닌 무시됨 default 매개변수 충분한 숫자의 인자가 들어오지 않을 때 기본값을 설정하여 실행됨 arguments 인자는 배열의 형태로 들어간다. 배열은 아니지만 배열처럼 사용할 수 있는 객체이다. arguments를활용한 함수 // ♻️ 새로고침 후 실행 const add = (a, b) => a + b; const sub = (a, b) => a - b; const mul = (a, b) => a * b; const div = (a, b) => a / b; // 4개의 함수 정의 function combineArms () { return (x, y) => { let result = x; for (const arm of arguments) { /..