Dev Diary 💻

Problem Description 영어 대소문자로 이루어진 문자열 my_string이 매개변수로 주어질 때, my_string을 모두 소문자로 바꾸고 알파벳 순서대로 정렬한 문자열을 return 하도록 solution 함수를 완성해보세요. Restrictions. 0

Problem Description 머쓱이는 직육면체 모양의 상자를 하나 가지고 있는데 이 상자에 정육면체 모양의 주사위를 최대한 많이 채우고 싶습니다. 상자의 가로, 세로, 높이가 저장되어있는 배열 box와 주사위 모서리의 길이 정수 n이 매개변수로 주어졌을 때, 상자에 들어갈 수 있는 주사위의 최대 개수를 return 하도록 solution 함수를 완성해주세요. Restrictions. box의 길이는 3입니다. box[0] = 상자의 가로 길이 box[1] = 상자의 세로 길이 box[2] = 상자의 높이 길이 Input/Output Example 입출력 예 #1 상자의 크기가 가로 1, 세로 1, 높이 1이므로 모서리의 길이가 1인 주사위는 1개 들어갈 수 있습니다. 입출력 예 #2 상자의 크기가..

Problem Description 각에서 0도 초과 90도 미만은 예각, 90도는 직각, 90도 초과 180도 미만은 둔각 180도는 평각으로 분류합니다. 각 angle이 매개변수로 주어질 때 예각일 때 1, 직각일 때 2, 둔각일 때 3, 평각일 때 4를 return하도록 solution 함수를 완성해주세요. Restrictions 0 angle이 0보다 크고 90보다 작은 경우에 조건이 참이 됨 Another solutions function solution(angle) { return [0, 90, 91, 180].filter(x => angle>=x).length; } function solution(angle) { return angle < 90 ? 1 : angle === 90 ? 2 : a..

Intro 안녕하세요. 이번 시간에는 Chart.js에서 Y축 최대값을 동적으로 설정하는 방법에 대해 알아보도록 하겠습니다. Case 우선 Chart 컴포넌트를 활용하는 부분은 아래와 같습니다. option에 따라 표시하는 데이터를 다르게 retrun 하고 있습니다. 데이터가 동적으로 달라지다 보니 y축 범위 최대값도 해당 datasets에 맞게 다르게 표시해야 했습니다. const getData = (option: string): ChartData['datasets'] => { if (option === 'hourly') { return [ { fill: false, ..., data: [0, 150, 180, 270, 210, 160, 160, 202, 265, 210, 270, 255, 290, 3..

16.1 내부 슬롯과 내부 메서드 내부 슬롯 (internal slot)과 내부 메서드 (internal method)는 JS 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티 pseudo property와 의사 메서드 pseudo method 입니다. 모든 객체는 [[Prototype]] 이라는 내부 슬롯을 갖습니다. 내부 슬롯은 JS 엔진의 내부 로직이므로 원칙적으로 직접 접근할 수 없지만 __proto__를 통해 간접 접근이 가능합니다. 16.2 프로퍼티 어트리뷰트와 프로퍼티 디스크립터 객체 Js 엔진은 프로퍼티를 생성할 때 프로퍼티의 어트리뷰트를 기본값으로 자동 정의합니다. 프로퍼티의 상태란 값 (value), 값의 갱신 가능 여부 (writable), 열거..

14.1 변수의 생명주기 14.1.1 지역 변수의 생명주기 지역 변수의 생명 주기는 함수의 생명 주기와 일치합니다. function foo() { var x = 'local' // 변수 x 생성, 변수 x에 값 할당 console.loog(x) return x // 변수 소멸 } foo(); console.log(x); // x is not defined 호이스팅은 스코프를 단위로 동작합니다. 호이스팅은 변수 선언이 스코프이 선두로 끌어 올려진 것처럼 동작하는 JS 고유의 특징을 말합니다. 14.1.2 전역 변수의 생명 주기 함수와 달리 전역 코드는 명시적인 호출 없이 실행됩니다. var 키워드로 선언한 전역 변수는 전역 객체의 프로퍼티가 됩니다. 이는 전역 변수의 생명 주기가 전역 객체의 생명 주기와 ..

Intro 안녕하세요. 모바일 네비게이션 메뉴에서 스크롤 이동을 표현해야 했습니다. 여러 방법이 있겠지만 저는 특정 요소 위치로 스크롤 이동할 수 있는 scrollIntoView 함수를 사용했습니다. Syntax scrollIntoView() scrollIntoView(alignToTop) scrollIntoView(scrollIntoViewOptions) alignToTop - true : aligned to the top 상단 기준 스크롤 이동 | scrollIntoViewOptions: {block: "start", inline: "nearest"} - false : aligned to the bottom 하단 기준 스크롤 이동 | scrollIntoViewOptions: {block: "end",..

13.1 스코프란?모든 식별자(변수 이름, 함수 이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유 범위가 결정되비다. 이를 스코프라고 합니다. 즉 스코프는 식별자가 유효한 범위를 말합니다. var x = 'global' function foo() { var x = 'local' console.log(x) //local } foo() console.log(x) //global 13.2 스코프의 종류코드는 전역과 지역으로 구분할 수 있습니다 13.2.1 전역과 지역 스코프전역이란 코드의 가장 바깥 영역을 말합니다. 전역은 전역 스코프를 만듭니다. 전역 변수는 어디서든 참조할 수 있습니다. 13.2.2 지역과 지역 스코프지역이란 함수 몸체 내부를 말합니다. 지..

12.1 함수란? 프로그래밍 언어의 함수는 일련의 과정을 문(statement)으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것입니다. 함수 내부로 입력을 전달받는 변수를 (parameter), 입력을 (argument), 출력을 반환값return value)라고 합니다. 12.2 함수를 사용하는 이유 코드의 재사용 측면, 유지보수와 편의성을 높이고 코드의 신뢰성을 높이는 효과가 있습니다. 12.3 함수 리터럴 리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호로 사용해 값을 생성하는 표기 방식을 말합니다. 즉 리터럴은 값을 생성하기 위한 표기법입니다. 따라서 함수 리터럴도 평가되어 값을 생성하며, 이 값은 객체입니다. 즉 함수는 객체입니다. 12.4 함수 정의 1. 함수 선언문 fu..

이 글은 모던 자바스크립트 Deep Dive 바탕으로 정리한 내용입니다. 6.1 숫자 타입 자바스크립트는 C/Java와 달리 하나의 숫자 타입만 존재합니다. 6.2 문자열 타입 문자열 타입은 텍스트 데이터를 나타내는 데 사용합니다. 6.3 템플릿 리터럴 ES6부터 템플릿 리터럴이라고 하는 새로운 문자열 표기법이 도입되었습니다. 백틱을 사용합니다. 6.4 불리언 타입 불리언 타입의 값은 논리적 참, 거짓을 나타내는 true와 false 뿐입니다. 6.5 undefined 타입 undefined 타입의 값은 undefined가 유일합니다. undefined는 개발자가 의도적으로 할당하기 위한 값이 아니라 자바스크립트 엔진이 변수를 초기화할 때 사용하는 값입니다. 변수에 값이 없다는 것을 명시하고 싶을 때는 ..