🐣 개인 프로젝트를 진행하다 마주친 시간개인 프로젝트를 리팩토링을 진행하면서 게시글 날짜에 대해서 살펴보게 되었다. 단순히 작성일 2024년 00월 00일로 나타낼 것이 아니라, 글 작성 시간 기준으로 1분 전 / 1시간 전 / 24시간 전 / 1일 전 / 2024년 00월 00일 순으로 표시를 하고 싶었다. 아무튼 이러한 기능을 위해서 사용한 코드 toLocaleDateString에 대해서 정리해보도록 하겠다.  🐣 toLocaleDateString1. 개념Date 객체를 지정된 로캘에 따라 형식화된 문자열로 변환합니다. 이 메서드는 지역화된 날짜 형식에 따라 년, 월, 일을 반환 locales(선택 사항): 이 매개 변수는 로캘 또는 로캘 배열을 지정. 사용할 언어 및 지역 형식을 결정. 내 경우..

[JavaScript] toLocaleDateString

🐣 개인 프로젝트를 진행하다 마주친 시간개인 프로젝트를 리팩토링을 진행하면서 게시글 날짜에 대해서 살펴보게 되었다. 단순히 작성일 2024년 00월 00일로 나타낼 것이 아니라, 글 작성 시간 기준으로 1분 전 / 1시간 전 / 24시간 전 / 1일 전 / 2024년 00월 00일 순으로 표시를 하고 싶었다. 아무튼 이러한 기능을 위해서 사용한 코드 toLocaleDateString에 대해서 정리해보도록 하겠다.  🐣 toLocaleDateString1. 개념Date 객체를 지정된 로캘에 따라 형식화된 문자열로 변환합니다. 이 메서드는 지역화된 날짜 형식에 따라 년, 월, 일을 반환 locales(선택 사항): 이 매개 변수는 로캘 또는 로캘 배열을 지정. 사용할 언어 및 지역 형식을 결정. 내 경우..

🐣 변수의 시간 여행! Temporal Dead Zone!오늘은 TDZ에 대해서 살펴보도록 하겠다. Temporal Dead Zone, TDZ! 넌 무엇이니!?  🐣 TDZ 란?1. 개념 TDZ(Temporal Dead Zone)는 변수가 선언된 위치부터 초기화될 때까지의 영역을 말한다. let과 const 변수는 선언되었지만 아직 초기화되지 않은 상태에서 접근하려고 하면 TDZ에 해당하며 에러가 발생! 이후 변수가 초기화되면 TDZ를 벗어나 정상적으로 사용 가능하다!쉽게 말하면, 변수가 생성(=변수선언)되고 메모리에 처음 값이 저장(=초기화) 될 때까지의 영역으로메모리에 초기 값이 없는 상태에서 접근하려고 하면 에러가 발생한다는 것! ES6의 let과 const는 변수를 블록의 상단으로 *호이스팅 ..

[JavaScript] TDZ(Temporal Dead Zone) : 변수의 시간 여행~

🐣 변수의 시간 여행! Temporal Dead Zone!오늘은 TDZ에 대해서 살펴보도록 하겠다. Temporal Dead Zone, TDZ! 넌 무엇이니!?  🐣 TDZ 란?1. 개념 TDZ(Temporal Dead Zone)는 변수가 선언된 위치부터 초기화될 때까지의 영역을 말한다. let과 const 변수는 선언되었지만 아직 초기화되지 않은 상태에서 접근하려고 하면 TDZ에 해당하며 에러가 발생! 이후 변수가 초기화되면 TDZ를 벗어나 정상적으로 사용 가능하다!쉽게 말하면, 변수가 생성(=변수선언)되고 메모리에 처음 값이 저장(=초기화) 될 때까지의 영역으로메모리에 초기 값이 없는 상태에서 접근하려고 하면 에러가 발생한다는 것! ES6의 let과 const는 변수를 블록의 상단으로 *호이스팅 ..

🐣 var · let · const 에 대해서 살펴보자!Javascript 변수를 선언할 때 사용하는 var let const ! 자바스크립트 기초 개념 중에 빼 놓을 수 없는 것에 대해서 다뤄보기로 하자!   🐣 var 1. 개념 및 특징함수 스코프를 갖고 있으며 변수를 중복 선언해도 에러가 발생하지 않는다.  함수 스코프 / 전역 스코프 var의 경우 let, const와 달리 블록 스코프가 존재하지 않음. 함수 스코프이거나 전역 스코프! 따라서 함수가 아닌 블록 안에서 var 변수를 정의하면 해당 블록 밖에서도 이 변수에 접근할 수 있다.  var는 중복선언 var는 중복선언이 가능하지만 두번째 선언은 무시되며, 에러는 발생하지 않음. 2. 코드function varExample() { v..

[JavaScript] var, let, const 차이점

🐣 var · let · const 에 대해서 살펴보자!Javascript 변수를 선언할 때 사용하는 var let const ! 자바스크립트 기초 개념 중에 빼 놓을 수 없는 것에 대해서 다뤄보기로 하자!   🐣 var 1. 개념 및 특징함수 스코프를 갖고 있으며 변수를 중복 선언해도 에러가 발생하지 않는다.  함수 스코프 / 전역 스코프 var의 경우 let, const와 달리 블록 스코프가 존재하지 않음. 함수 스코프이거나 전역 스코프! 따라서 함수가 아닌 블록 안에서 var 변수를 정의하면 해당 블록 밖에서도 이 변수에 접근할 수 있다.  var는 중복선언 var는 중복선언이 가능하지만 두번째 선언은 무시되며, 에러는 발생하지 않음. 2. 코드function varExample() { v..

🐣 0. 변수의 선언, 초기화 할당?ㅇ?오늘은 변수의 선언, 초기화, 할당에 대해서 살펴보도록 하겠다! 면접 질문으로 나오는 개념 중 하나! 아래에서 천천히 하나씩 살펴보자! 🐣 1. 변수 선언  🐤 1-1. 변수 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름이다. 쉽게 말하면 ‘변할 수 있는 수’, ’변할 수 있는 정보’이다. 변수는 선언하고, 할당하고, 사용할 수 있고, ‘변할 수 있는 수’이므로 const를 제외하고 지정된 값을 계속 바꿀 수 있다.  - 아래는 'javascript변수'에 대해서 정리한 이전 게시물 링크 [JavaScript] 시작은 언제나 변수😊 1. 변수란?쉽게 말하면 ‘변할 수 있는 수’, ’변할 수 있는 정보’이..

[JavaScript] 변수의 선언, 초기화, 할당

🐣 0. 변수의 선언, 초기화 할당?ㅇ?오늘은 변수의 선언, 초기화, 할당에 대해서 살펴보도록 하겠다! 면접 질문으로 나오는 개념 중 하나! 아래에서 천천히 하나씩 살펴보자! 🐣 1. 변수 선언  🐤 1-1. 변수 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름이다. 쉽게 말하면 ‘변할 수 있는 수’, ’변할 수 있는 정보’이다. 변수는 선언하고, 할당하고, 사용할 수 있고, ‘변할 수 있는 수’이므로 const를 제외하고 지정된 값을 계속 바꿀 수 있다.  - 아래는 'javascript변수'에 대해서 정리한 이전 게시물 링크 [JavaScript] 시작은 언제나 변수😊 1. 변수란?쉽게 말하면 ‘변할 수 있는 수’, ’변할 수 있는 정보’이..

🐤 JavaScript 자바스크립트!자바스크립트를 처음 접했던 것이 엊그제 같은데, 이런 저런 공부를 하면서 어느샌가 친숙한 친구가 되어버린 이 친구에 대해서 살펴보자. 자바스크립트는 어떤 언어인가? 🐤자바스크립트는 어떤 언어인가?0. 바쁘다 바빠. 요약해서 말해줘!요약해서 말하면, 아래와 같이 살펴볼 수 있다.자바스크립트는 프로토타입 기반의 객체지향 언어자바스크립트는 명령형, 함수형, 프로토타입 기반의 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어+ 자바스크립트는 동적으로 웹 페이지를 동작하며 별도의 컴파일 작업을 수행하지 않는 인터프리터 언어  그렇다면 프로토타입, 객체지향언어, 명령형, 함수형, 인터프리터언어 등의 개념에 대해서 살펴볼까? 1. 프로토타입 프로토타입 기반 언어는 클..

JavaScript 자바스크립트란?

🐤 JavaScript 자바스크립트!자바스크립트를 처음 접했던 것이 엊그제 같은데, 이런 저런 공부를 하면서 어느샌가 친숙한 친구가 되어버린 이 친구에 대해서 살펴보자. 자바스크립트는 어떤 언어인가? 🐤자바스크립트는 어떤 언어인가?0. 바쁘다 바빠. 요약해서 말해줘!요약해서 말하면, 아래와 같이 살펴볼 수 있다.자바스크립트는 프로토타입 기반의 객체지향 언어자바스크립트는 명령형, 함수형, 프로토타입 기반의 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어+ 자바스크립트는 동적으로 웹 페이지를 동작하며 별도의 컴파일 작업을 수행하지 않는 인터프리터 언어  그렇다면 프로토타입, 객체지향언어, 명령형, 함수형, 인터프리터언어 등의 개념에 대해서 살펴볼까? 1. 프로토타입 프로토타입 기반 언어는 클..

😊 1. 변수란?쉽게 말하면 ‘변할 수 있는 수’, ’변할 수 있는 정보’이다. 변수는 선언하고, 할당하고, 사용할 수 있고, ‘변할 수 있는 수’이므로 const를 제외하고 지정된 값을 계속 바꿀 수 있다.　🤔 2. 변수는 왜 필요하지?우선 들어가기 전에 변수를 조금 더 자세히 풀어서 설명하면,변수?하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름이다. 변수는 프로그래밍 언어에서 데이터를 관리하기 위한 핵심 개념이다. 자바스크립트 엔진이 10+20을 계산(평가evaluation)하려면 먼저 10, 20, +라는 기호(리터럴literal과 연산자operator)의 의미를 알고 있어야 하며, 10+20이라는 식(표현식expression)의 의미도 해석(..

[JavaScript] 시작은 언제나 변수

😊 1. 변수란?쉽게 말하면 ‘변할 수 있는 수’, ’변할 수 있는 정보’이다. 변수는 선언하고, 할당하고, 사용할 수 있고, ‘변할 수 있는 수’이므로 const를 제외하고 지정된 값을 계속 바꿀 수 있다.　🤔 2. 변수는 왜 필요하지?우선 들어가기 전에 변수를 조금 더 자세히 풀어서 설명하면,변수?하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름이다. 변수는 프로그래밍 언어에서 데이터를 관리하기 위한 핵심 개념이다. 자바스크립트 엔진이 10+20을 계산(평가evaluation)하려면 먼저 10, 20, +라는 기호(리터럴literal과 연산자operator)의 의미를 알고 있어야 하며, 10+20이라는 식(표현식expression)의 의미도 해석(..