💡 호이스팅 지식 테스트먼저 아래 질문에 답해보고 정말로 호이스팅을 잘 이해하고 있는지 테스트 해봅시다. 아래 코드에서 출력되는 것은 무엇일까요? var x = 'hello';function foo(){ console.log(x); var x = 'world';}foo(); 1) 'hello' 2) 'world'3) undefined 정답은 3번 undefined입니다.만약 호이스팅에 대해서만 공부하셨다면 1번을 고르셨을 것이고,자바스크립트의 스코프와, 코드 실행 순서까지 공부하셨다면 정답인 3번을 고르셨을 것입니다.오늘은 자바스크립트의 코드 실행 순서와 호이스팅에 대해서 국물까지 싹싹 알아보겠습니다.호이스팅호이스팅은 변수, 함수, 클래스 선언문이 코드 최상단으로 끌어올려지는 현상입니다.그런데 va..

1. 문제 설명 문제 설명 보러가기 2. 문제 해석 input으로 주어지는 배열 안에는 x,y좌표가 찍힌 length가 2인 배열이 3개 들어있다. [[1, 4], [3, 4], [3, 10]] 사각형을 완성하려면 x,y좌표 4개가 필요한데 3개의 x,y좌표만 있다. 나머지 한 점의 x,y좌표를 찾아야 한다. x가 1,3,3 y가 4,4,10 여기서 한 번만 등장한 숫자를 찾아서 x,y로 짝지어주면 나머지 한 점의 좌표가 된다. x에서 한 번만 등장한 숫자는 1, y에서 한 번만 등장한 숫자는 10이므로 답은 [1,10] 이다. 3. 문제 풀이

RelativeTimeFormat는 언어별로 지정된 규칙에 따라 상대적인 시간을 서식화 할 때 사용할 수 있다. 이 함수를 사용하면 초, 분, 시간, 일, 주, 개월, 년 등의 상대적인 시간을 해당 언어와 지역에 맞게 표시할 수 있다. 언제 사용하면 좋을까? 알림 기능이나 메시지 기능을 구현할 때, 정확한 시간을 표시하면서도 상대적인 시간도 같이 표시하여 해당 알림이나 메시지 발생일을 오늘/ 3일 전/ 7주일 전 과 같이 표시하고 싶을 때 사용하면 유용할 것 같다. 실제로 유튜브 알림에 보면 이와 같이 알림 발생 시기를 표시하고 있다. 기본 사용법 RelativeTimeFormat의 첫번재 인자로는 locale을, 두번째 인자로는 옵션을 넣어준다. RelativeTimeFormat의 format함수의 첫..

Intl의 함수를 사용하다 보면 옵션값으로 다양한 문자열을 넣게 된다. 이 때 어떤 문자열이 유효한지 조회하고 싶을 때 유용하게 사용할 수 있는 함수가 있다. 어떤 값을 넣어야 할지 헷갈리거나 모르겠을 때 Intl.supportedValuesOf함수의 리턴값을 참고하면 된다. Intl.supportedValuesOf 먼저 이 함수를 브라우저에서 사용할 수 있는지 체크하려면 undefined와 비교하면 된다. if (typeof Intl.supportedValuesOf !== "undefined") { // undefined이 아니라면 사용이 가능한 것! } currency 조회하기 // currency옵션에 넣을 수 있는 나라별 금액표기 값이 출력된다. console.log(Intl.supportedVa..

Intl(Internationalization) API는 Javascript에서 국제화 지원을 가능하게 하는 API다. Intl API를 사용하면 날짜, 시간, 통화, 메시지 등을 사용자의 지역에 맞게 표시할 수 있다. Intl API를 사용하려면 브라우저에서 지원하는지 먼저 확인해야 한다. 지원하지 않는 브라우저일 경우 Intl 폴리필 라이브러리를 사용하여 Intl API를 사용할 수 있다. 확인해보니 대부분의 브라우저를 22년도 4월에 업데이트 한 적이 있다면 Intl API를 사용할 수 있다. Intl.NumberFormat Intl.NumberFormat을 사용하면 언어별로 지정된 규칙에 따라 숫자를 서식화할 수 있다. 숫자를 해당 언어와 지역에 맞게 표시하고, 구분 기호(separator), 소..

Intl(Internationalization) API는 Javascript에서 국제화 지원을 가능하게 하는 API다. Intl API를 사용하면 날짜, 시간, 통화, 메시지 등을 사용자의 지역에 맞게 표시할 수 있다. Intl API를 사용하려면 브라우저에서 지원하는지 먼저 확인해야 한다. 지원하지 않는 브라우저일 경우 Intl 폴리필 라이브러리를 사용하여 Intl API를 사용할 수 있다. 확인해보니 대부분의 브라우저를 22년도 4월에 업데이트 한 적이 있다면 Intl API를 사용할 수 있다. Intl.DateTimeFormat Intl.DateTimeFormat 함수는 언어와 지역(국가)에 맞는 날짜와 시간 형식을 찾아준다. 기본 사용법 const date = new Date(Date.UTC(20..