나오리의 개발일지 🚴‍♂️=3

최신 업데이트: 2024. 01. 30 현재 시각 구하기moment()const now = moment();console.log(now.toLocaleString()); // Tue Jan 30 2024 13:58:30 GMT+0900 특정 날짜를 Moment 객체로 만들기moment('YYYY-MM-DD')날짜 문자열을 파라미터로 전달한다. 이때 Moment.js에 지원되는 여러 문자열 포맷이 있는데, 여기를 참고한다.const myDate = moment('2024-01-01')console.log(myDate.toLocaleString()); // Mon Jan 01 2024 00:00:00 GMT+0900 특정 시각보다 과거인지 미래인지 알아내기moment.isBefore(moment), m..

목차 1. this가 뭔가? 2. this 바인딩이란? 3. this는 동적으로 바인딩이 된다고 하는데, 바인딩되는 객체가 어떻게 다른가? 1. this가 뭔가? 자신이 속한 객체를 가리키는 자기 참조 변수 대부분의 객체지향에서의 this는 클래스로 생성한 인스턴스 객체를 의미하지만, 자바스크립트에선 상황에 따라 this가 바라보는 대상이 달라진다. 2. this 바인딩이란? 함수가 호출되는 방식에 따라 this가 동적으로 결정되는 것 대부분 4+1 규칙에 의해 this 바인딩이 이뤄진다. (1) 기본 바인딩 아래에 해당되는 경우가 없을 때 기본적으로 적용되는 규칙. this는 전역 객체(window / global)에 바인딩됨 (2) 암시적 바인딩 객체의 메소드로서 호출될 때, 해당 함수를 호출한 객체..

자바스크립트는 함수 지향 언어다. ❌ 자바스크립트는 객체 지향 언어가 아니다. 객체 지향 언어라고 할 순 없지만 class를 이용해 객체 지향 프로그래밍이 가능하다. 다시 본론으로 돌아가, 자바스크립트는 함수 지향 언어로, 함수를 다른 함수의 인수로 넘길 수 있고, 외부의 함수를 호출할 수도 있다. 이 때 함수를 사용하면서 여러 변수의 유효 범위가 정해진다. 중첩(nested) 함수 자바스크립트에서 흔히 중첩 함수가 사용된다. 중첩 함수는 함수 자체를 반환할 수 있고, 따라서 이렇게 반환된 함수는 어디서든 호출해 사용할 수 있다. // makeCount 함수를 호출하여 다음 숫자를 반환해주는 counter 함수 생성 및 호출 function makeCounter() { let count = 0; retu..

올해도 벌써 4월입니다! 코드잇 부캠에 참여하면서 언제 이렇게 🌸벚꽃🌸이 만개했나 모를 정도로 시간이 꽤나 지났네용 이번주는 얼른 공부를 끝내고 주말엔 가족과 나들이를 목표로 달릴게요🔥🔥🔥 3/27 javascript 기본 문법 자료형 확인 - typeof 정수, 소수 구분 없이 숫자는 Number 자료형 동등 연산자(==)와 일치 연산자(===) NaN 연산 과정에서 자동 형 변환 탬플릿 문자열 ${ } null과 undefined CSS position 속성 z-index flexbox 레이아웃 3/28 CSS grid 유닉스 command command 단축키 상대경로, 절대경로 사용자의 home 경로 - ~ 여러가지 command - pwd, cd, ls, mkdir, touch, cat, les..

목차 1. 배열 선언 2. 인덱스로 배열 원소에 접근 3. 배열의 길이 알아내기 4. 배열 순회하기 5. 배열에 원소 추가하기 6. 인덱스로 배열의 특정 원소 삭제하기 자바스크립트의 배열은 Array(정확히는 Object의 특수한 한 형태)로, 이번 시간엔 배열 선언과 아이템의 삽입 / 수정 / 삭제하는 방법을 알아본다. 1. 배열 선언 // 1. 정수형 배열 const arr1 = [1, 2, 3, 4, 5]; // 2. 실수형 배열 let arr2 = [3.14, 1.3, 10.1, 144.0]; // 3. 문자열 배열 const arr3 = ['JavaScript', 'Python', 'C++']; // 4. boolean형 배열 const arr4 = [true, false, false, true..

Date 객체를 이용하여 두 시점의 시간 차를 구하는 방법 /* 두 시각 설정하기 */ let today = new Date(); //현재 시각의 Date 객체 생성 let past = new Date(2021, 0, 30); //과거 시각의 Date 객체 생성 //2021-1-30 console.log('현재 시각: ' + today.toLocaleString()); console.log('과거 시각: ' + past.toLocaleString()); let gap = today - past; // gap의 값에는 두 시각차의 밀리초가 저장. console.log(gap); /* 밀리초를 일, 시, 분, 초로 변환하기 */ // 1s = 1000ms, 1m = 60sec, 1h = 60min, 1day..

목차 1. 객체(object)와 속성(property) 2. 객체와 중첩 객체 선언 3. 객체의 속성 접근하기 4. 객체의 속성 추가 / 수정 / 삭제하기 5. 속성 존재 여부 확인하기 객체(object) 여러 데이터들을 하나로 묶는 역할 속성(property) 객체 안에 정의한 데이터 하나 하나 1. 객체를 선언하는 방법 /* 객체 선언 */ const object1 = { name: 'duck', bornYear: 1999, bornMonth: 1, bornDay: 30, dept: 'Computer', }; // (+) property name에서 띄어쓰기가 있거나 숫자로 시작하는 경우 따옴표로 묶는다. const object2 = { name: 'Duck', 'my birthday': '1999...

목차 1. 백슬래시(\) 사용하기 2. 백틱(`) 사용하기 다른 언어와 비슷하게 자바스크립트도 문자열을 따옴표로 감싸서 표현한다. 이 때 문자열 내에서 따옴표를 표현하고 싶으면 어떻게 해야할까? // 작은 따옴표, 큰 따옴표 상관없지만 pair를 맞춰야 한다. console.log("Hello, World!"); // Hello, World! console.log('Hello, World!'); // Hello, World! // Error ❌ console.log("Hello "My Name" is Duck!") 1. 백슬래시(\) 사용 console.log("Hello \"My Name\" is Duck!"); // Hello "My Name" is Duck! console.log("Hello \'M..

프로그래밍에 있어서 좋은 DX를 위해 적절한 주석을 다는 것은 중요하다. 주요 웹 언어인 HTML, CSS, JS별로 주석을 다는 방법을 공유한다. 1. HTML 2. CSS (1) // 주석 내용 (2) /* 주석 내용 */ // 한 줄 주석처리 시 /* 한 줄로 작성하거나 이처럼 여러 줄을 한 번에 주석처리할 수 있다. */ ✅ html 내부의 태그로 css를 추가하는 경우에도 css 주석 형식인 /* */을 쓰도록 한다. 3. JavaScript (1) // 주석 내용 (2) /* 주석 내용 */ //한 줄 주석처리 시 /* 한 줄로 작성하거나 이처럼 여러 줄을 한 번에 주석처리할 수 있다. */