분류 전체보기

오브젝트 - 오브젝트 구분 - 빌트인 오브젝트 (Built - in Object) - 네이티브 오브젝트 (Native Object) - 호스트 오브젝트 (Host Object) 빌트인 오브젝트 - 사전에 만들어 놓은 오브젝트 - 빌트인 Number 오브젝트, 빌트인 String 오브젝트 등 ... 네이티브 오브젝트 - JS 스펙에서 정의한 오브젝트 - 빌트인 오브젝트도 여기에 포함 - JS 코드를 실행할 때 만드는 오브젝트 호스트 오브젝트 - JS는 호스트 환경에서 브라우저의 모든 요소 기술을 연결하고 융합하며 이를 제어 - 빌트인, 네이티브 오브젝트를 제외한 오브젝트 - 예) window, DOM 오브젝트 호스트 오브젝트 예) var node = document.querySelector("div"); ..

String 오브젝트 - ABC 처럼 문자 처리를 위한 오브젝트 - String 오브젝트에 문자처리를 위한 함수와 프로퍼티가 포함되어 있으며 함수를 호출하여 문자 처리를 하게 된다. 문자열 연결 방법 예) var book = "12" + "AB" + "가나"; console.log(book); var book = "12" + "AB" + "가나"; console.log(book); var concat = "abc \ 가나다라"; console.log(concat); 실행 결과 ) 12AB가나 12AB가나 abc 가나다라 설명) 1. 한줄에 작성하는 방법 2. 줄 분리해서 + 문자열 연결 3. 역슬래시(\)로 문자열 연결 프로퍼티 리스트 - new String() : 인스턴스 생성 String 함수 - S..

오브젝트 (Number) - 숫자(123) 처리를 위한 오브젝트 - 즉, Number 오브젝트에 숫자 처리를 위한 함수와 프로퍼티가 포함되어 있으며 함수를 호출하여 숫자 처리를 하게 된다. 프로퍼티 리스트 - new Number() : 인스턴스 생성 Number 함수 - Number() : 숫자 값으로 변환하여 반환 Number.prototype - constructor : 생성자 - toString() : 숫자 값을 문자열로 변환 - toLocaleString() : 숫자 값을 지역화 문자로 변환 - valueOf() : 프리미티브 값 반환 - toExponential() : 지수 표기로 변환 - toFixed() : 고정 소수점 표기로 변환 - toPrecision() : 고정 소수점 또는 지수 표기..

테이블에 행을 추가한 시각을 기록하면 여러모로 유용할 때가 많다. 이번 글을 데이터를 insert 시간을 자동으로 기록 하는 방법에 대해 알아보자. 글 제목과 내용을 담을 테이블을 하나 생성한다. 이후 글을 쓰면 자동으로 시간을 기록하게 한다. CREATE TABLE article ( id INT NOT NULL AUTO_INCREMENT, title VARCHAR(30) NOT NULL, contents VARCHAR(500) NULL, created_at DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP, PRIMARY KEY(id) ); 여기서 default current_timestamp 명령이 insert 한 시간을 자동으로 넣어준다.

mysql에서 ON UPDATE CURRENT_TIMESTAMP란 데이터가 바뀔 때마다 자동으로 원하는 컬럼에 현재 시간으로 자동 업데이트 해주는 기능이다. 보통 '수정한 날짜'에 해당하는 컬럼에 많이 쓰이는 것으로 보인다. mysql에서는 테이블 생성 당시에 해당 기능을 만들 수 있다. CREATE TABLE `demo_table` ( `modified_date` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP ) 하지만, oracle에는 이러한 기능이 없어 trigger로 구현해야 한다. oracle 구현방법도 어렵지 않다. create or replace TRIGGER schema.name_of_trigger BEFO..

기존에 무료라서 잘 쓰고 있던 타이포라가 유료로 전환이 되었다. ㅠㅠ 타이포라를 사용하면 마크다운을 아주 편리하게 사용 할 수 있다. 마크다운에 대해서 알아볼까? 마크다운 - 위키백과, 우리 모두의 백과사전 ko.wikipedia.org 내가 생각하는 타이포라의 장점 1. 디자인과 편리성 VScode도 마크다운을 예쁘고 편리하게 사용 할 수 있지만 타이포라는 개인적으로 더 예쁘고 편리한것 같다. 2. 개발 공부할때 정리가 예쁘게 된다. 구매할까? 말까? 고민을 하다가 ........ 구입했다! https://typora.io/ Typora — a markdown editor, markdown reader. Readable & Writable Typora gives you a seamless experie..

프로퍼티 (Property) - { name : value } 형태 - 오브젝트에 프로퍼티 추가,변경 - var obj - { }; - obj.abc = 123; - obj 오브젝트에 프로퍼티 이름으로 - abc가 없으면 abc:123이 추가되고 - abc가 있으면 프로퍼티 값이 123으로 변경된다. 점과 프로퍼티 이름 사용 예) var book = { }; book.title = "JS마스터"; console.log(book); 실행 결과 ) {title:JS마스터} 대괄호 사용 예) var book = { }; book["title"] = "JS마스터"; console.log(book); 실행 결과 ) {title:JS마스터} abc 변수 이름 작성 예) var book = {title:"JS마스터"..

함수 - 특정 기능을 처리하는 자바스크립트 코드 묶음 - 함수 첫문자에 숫자, &, *, @, + 사용불가 - 함수이름은 동사+명사 형태로 작성한다. - 함수는 호출되어야 실행한다. 함수의 형태 예) function book() { var title = "책"; }; 변수에 할당한 함수 예) var point = function(one, two) { var total = one + two; };

if - 조건문 - 형태 : if (표현식) 문장1 else 문장2 - 숫자 0, 빈 문자열"", null, undefined, NaN은 불린형으로 변환 시 모두 false가 된다 - else 뒤에 이어지는 코드 블록은 조건이 거짓일 때 실행 예) var year = 2022; if (year == 2022) { console.log( "정답입니다!" ); } 실행 결과 ) 정답입니다! switch - 조건문 - 형태 :switch(표현식) { case 표현식 : 문장; break; default : 문장; }; 예) let a = 2 + 2; switch (a) { case 3: console.log( '비교하려는 값보다 작습니다.' ); break; case 4: console.log( '비교하려는..

크롬 브라우저 96버전의 개발자 도구창에서 __proto__가 [[Prototype]]으로 표시된다. __proto__는 __proto__에 개발자가 프로퍼티를 연결할 수 있다고 생각할 수 있다. 반면, [[]]는 ECMAScript 스펙에서 엔진이 사용하는 것을 뜻한다. 따라서 [[Prototype]]으로 표시하는 것이 더 확실하다. __proto__를 [[Prototype]]으로 생각하면 된다. [[Prototype]]을 펼치면 안에 __proto__가 있지만, 이 또한 엔진에서 사용한다.

연산자 (Operator) - 연산의 사전적 의미 : 규칙에 따라 계산하여 값을 구함 - 연산자 Operator 형태 - + , - , * , / , % , - > , >= , true 반환 == 연산자 - 동등 연산자 숫자 타입으로 변환 예) console.log(1 == "1"); 실행 결과 ) true undefined 비교 예) var value; console.log(value == undefined); 실행 결과 ) true undefined , null 비교 예) var value; console.log(value == null); 실행 결과 ) true === 연산자 - 일치 연산자 타입이 다름 예) console.log(1 === "1"); 실행 결과 ) false undefined ,..

자바스크립트 숫자 타입의 값이 IEEE 754의 부동소수점 표현 형식 중 배정밀도 64비트 부동소수점 형식을 따르기 때문이다. C나 자바의 경우, 정수와 실수를 구분해서 int, long, float, double 등과 같은 타입으로 정수와 실수를 구분해서 사용하지만, 자바스크립트의 경우 모든 수를 실수로 처리하기 때문에 하나의 숫자 타입만 존재한다. 옛날에는 컴퓨터의 성능이 좋지 않았기 때문에 이렇게 숫자의 타입의 크기를 지정해서 메모리를 효율적으로 사용하기 위해 타입이 분류되었다. 하지만 점점 컴퓨터의 성능이 좋아지면서 타입에 대해 덜 신경 쓰게 되었다. 배정밀도 64비트 부동소수점 부호부분 자바스크립트의 숫자 표현은 배정밀도 64비트 부동소수점 형식을 따른다고 했다. 여기서 부동소수점의 부동은 뜰부..