본문 바로가기

JavaScript

[JavaScript] Constructor 보호되어 있는 글입니다. 더보기
[JavaScript] Reat 파라미터 보호되어 있는 글입니다. 더보기
[JavaScript] Spread Operator 기록의 목적 : 잊으면 다시 보기 위해서,하찮은 내 정보가 누군가한테 도움이 되기를 바라며 정리합니다. Spread Operator 배열, 객체에서 사용합니다. 대괄호, 중괄호를 벗기는 문법입니다. 또한 독립적인 값으로 복사도 할 수 있습니다. ◯ 사용방법 괄호 안에 ...배열 or 객체 사용하면 됩니다 ▶ 배열 let ar = [1,2,3]; console.log(...ar); -> 3 1 2 3 ▶ 객체 let obj = {name: "Hong", age: 25}; let obj2 = {name: "Kim", ...obj} console.log(obj2); -> {name: 'Hong', age: 25} ◯ Deep Copy 참조형 타입인 객체, 배열에서 복사하면 기존의 값이 복사가 됩니다 하지만 S.. 더보기
[모던JS 입문] Promise 기록의 목적 : 잊으면 다시 보기 위해서,하찮은 내 정보가 누군가한테 도움이 되기를 바라며 정리합니다. Promise 콜백함수 대신 사용하기 위한 문법 입니다. 그리고 콜백함수랑 달리 성공 하거나 실패 했을 때 따로 코드를 실행시킬 수 있습니다. ◯ 사용 방법 resolve(성공)면 .then()함수가 실행되고 reject면 .catch()함수가 실행됩니다. 성공, 실패 여부 상관없이 실행하고 싶으면 finally() 사용하면 됩니다. ▶ resolve : Promise 실행함수 파라미터에 사용하며 성공일 때 관습적으로 사용합니다. ▶reject : Promise 실행함수 파라미터에 사용하며 실패일 때 관습적으로 사용합니다. ▶.then() : 성공했을 경우 then함수가 실행됩니다. ▶.catch() .. 더보기
[모던JS 입문] 숫자형 기록의 목적 : 잊으면 다시 보기 위해서,하찮은 내 정보가 누군가한테 도움이 되기를 바라며 정리합니다. 숫자형 자바스크립트는 정수 및 부동소수점 숫자를 사용합니다. 여러 기호들로 연산도 가능하며 NaN, Infinity같은 값도 있습니다. 그리고 메서드 및 Math(내장 객체)가 있어 효율적인 코딩을 할 수 있습니다. ◯NaN, Infinity 숫자형 이지만 기본적인 숫자형은 아닙니다. ▶NaN(Not a Number) : 숫자가 아닌 것을 의미하며 에러를 나타냅니다. console.log('일' - 2); // 문자형 - 숫자형은 NaN 입니다. ▶Infinity : 무한대를 나타냅니다. console.log(Infinity) // 무한대 console.log(1 / 0) // 0으로 나눈다는 뜻이며 .. 더보기
[모던JS 입문] 문자형 기록의 목적 : 잊으면 다시 보기 위해서, 하찮은 내 정보가 누군가한테 도움이 되기를 바라며 정리합니다. 문자열 큰따음표(""), 작은따음표(''), 백틱(``, Tab키 위 버튼)으로 묶은 데이터 값을 문자열이라고 말합니다. 그러나 큰따음표나 작은따음표는 기능이 차이가 없지만 백틱이랑은 차이가 있습니다. 성능이 백틱이 좋아 보통 백틱을 많이 선호해서 사용합니다. let str1 = "HI"; let str2 = 'Hello'; let str3 = `Hello World`; console.log(str1, str2, str3); // HI Hello Hello World 반환됩니다. *큰 따음표 안에 큰따음표를 중복으로 사용할 수 없습니다. 작은따음표, 백틱도 마찬가지 입니다. ◯따음표와 백틱의 차이 따.. 더보기
[모던JS 입문] 8가지 자료형 기록의 목적 : 잊으면 다시 보기 위해서, 하찮은 내 정보가 누군가한테 도움이 되기를 바라며 정리합니다. 8가지 자료형 자바스크립트는 8가지 기본 자료형이 있습니다. 그리고 자바스크립트 데이터 값이 문자면 문자형, 숫자면 숫자형 이렇게 데이터의 고유한 형태를 구분 짓는 것이 원시형입니다. 이 원시형에는 자료형 중 7가지가 포함되어 있고 남은 1가지는 참조형 포함되어 있습니다. 원시형 하나의 자료에 한 가지 고유한 자료형을 가질 수 있습니다. 종류는 문자형, 숫자형, 불린형(논리), null, undefined, Bigling, 심볼형 있습니다. 참조형 객체(함수, 배열)가 있으며 객체에 포함된 것은 함수, 배열이 있으며 객체는 원시형, 참조형 나누지 않고 어떤 자료든 값을 받을 수 있습니다. 모던 JS .. 더보기
[모던JS 입문] 변수와 상수 기록의 목적 : 잊으면 다시 보기 위해서, 하찮은 내 정보가 누군가한테 도움이 되기를 바라며 정리합니다. 변수 데이터의 이름을 붙여 저장한 그릇이라고 보시면 됩니다. JavaScript가 변수인지 인식을 하려면 let이나 var라는 키워드를 사용해줘야 합니다 var는 문제가 있어 사용하지 않으니 let으로 사용하시면 됩니다. ◯사용 방법 기본적인 사용법으로는 let 변수 키워드를 줍니다 그리고 변수의 이름인 sayHi를 주고 =할당 연산자 다음 데이터의 값을 입력하고 ;(세미콜론) 붙여주면 됩니다. let sayHi = "Hello"; ◯변수 데이터 복사 및 변경 변수같은 경우 데이터를 복사하거나 변경할 수 있습니다. ▶변수 복사 let sayHi = "Hello"; sayHi = "helloWorld".. 더보기

티스토리툴바