| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 |
- Nextjs
- codingtest
- 타입스크립트
- Array
- nodejs
- node
- 코딩테스트연습
- 앵귤러
- 노드js
- 노드제이에스
- TypeScript
- Programmers
- Reduce
- Method
- indexOf
- error
- 백엔드
- 노드
- 에러
- 마음커넥션
- CLI
- angular
- 프로그래머스
- 자바스크립트
- npm
- 코딩테스트
- 개발
- Javascript
- slice
- react
- Today
- Total
목록개발/JavaScript (7)
Suzie's Blog
as const 란?as const 는 값을 리터럴 타입(literal type)으로 고정시키는 TypeScript 문법.리터럴 타입 (Literal type) 이란?값 자체를 타입으로 사용하는것을 말함. 보통 변수의 타입은 string, number, boolean처럼 넓은 타입으로 정해지지만 리터럴 타입을 특정한 하나의 값만 가질 수 있도록 타입을 제함.기본적으로 TypeScript 는 변수를 선언할 때, 값을 기반으로 넓은 타입을 추론함.const color = "red"위처럼 작성하면 color의 타입은 stirng으로 추론됨. 그리고 어떤 문자열이든 다시 넣는게 가능하지만 as const를 사용하면const color = "red" as const;color의 타입이 "red"로 고정되고 더 이..
TypeScript 제네릭 함수란?TypeScript 에서 제네릭 함수는 다양한 타입에 대해 작업할 수 있는 함수.제네릭을 사용하면 함수의 입력과 반환값의 타입을 유동적으로 정의 가능 -> 코드의 재사용성과 유지 보수성을 높이는데 큰 도움이 됨.제네릭 함수 특징 : 타입을 미리 알지 못해도, 함수가 어떤 타입을 다룰지 코드가 실행되는 시점에 결정 가능.예 : 함수의 매개변수나 반환값의 타입을 동적으로 처리하고 싶을 때 제네릭 사용. 제네릭은 타입 매개변수로 T와 같은 플레이스홀더를 사용하여 타입을 동적으로 정의function identity(value: T):T { return value;}let result = identity(5); // result는 'number' 타입let result2 = id..
이벤트 루프(Event Loop)의 개념을 설명하고, 아래 코드가 실행될 때 콘솔에 출력되는 순서를 예측해보세요.console.log("A");setTimeout(() => console.log("B"), 0);Promise.resolve().then(() => console.log("C"));console.log("D"); 더보기더보기더보기✅ 정답 : "A", "D", "C", "B"- 코드가 실행이 되고 "A" 가 처음 실행되어 콘솔에 찍힘.- WebAPI에서 "B" 가 실행되고 task queue로 이동- 자체적 비동기인 Promise는 microtask queue로 이동- 마지막 코드가 실행되고 "D" 가 콘솔에 찍힘.- 우선순위가 microtask queue가 우선이므로 "C" 가 콘솔에 찍히고..
다음 코드를 실행하면 어떤 출력이 나올까?async function fetchData() { return "Data fetched!";}fetchData().then(data => console.log(data));console.log("Fetching data...");질문 : 콘솔에 출력되는 결과는?더보기✅ 정답 Fetching data... Data fetched!💬 설명- `fetchData` 함수는 비동기 함수로 "Data fetched!" 라는 값을 가진 Promise를 return- `fetchData().then(data => console.log(data));` 는 Promise가 이행되면 "Data fetched!"를 출력하게 되지만, 이는 비동기적으로 실행됨- 반면 `console..
function test() { var a = 10;}console.log(a);위 코드를 실행하면 어떤 결과가 나올까?A) 10B) undefinedC) ReferenceErrorD) null 더보기✅ 정답: C (ReferenceError)설명var는 함수 스코프(Function Scope)를 가짐.var로 선언한 변수는 함수 내부에서만 유효함 (즉, 함수 바깥에서는 접근 불가능!)즉, a는 test() 함수 내부에서만 존재하고 함수가 끝나면 사라짐.함수 바깥에서 console.log(a);를 실행하면 a가 정의되지 않았기 때문에 ReferenceError가 발생함.오답노트 : 나는 B undefined 라고 생각했는데 생각해보면 정의 되어있지 않는 상태이기때문에 ReferenceError 로 봐야한다
`findIndex()`의 기능 탐색 아래의 문제를 풀어보세요! (출처 : 프로그래머스 / 첫 번째로 나오는 음수) 정수 리스트 num_list가 주어질 때, 첫 번째로 나오는 음수의 인덱스를 return하도록 solution 함수를 완성해주세요. 음수가 없다면 -1을 return합니다. 제한사항 5 ≤ num_list의 길이 ≤ 100 -10 ≤ num_list의 원소 ≤ 10 입출력 예 num_list result [12, 4, 15, 46, 38, -2, 15] 5 [13, 22, 53, 24, 15, 6] -1 제가 문제를 푼 방식은 아래와 같습니다 : const solution = num_list => num_list.indexOf(num_list.filter(num => num num < 0)..
월요일 아침, 나는 고객으로부터 관리 프로그램에서 매출의 소수점 첫째자리까지를 보여달라는 요청을 받았다. 바로 구글링을 했고 정말 쉬운 메서드를 찾았다. toFixed(number) let num = 10.12345 num.toFixed(1) //result = 10.1 num.toFixed(2) //result = 10.12 num.toFixed(3) //result = 10.123 정말 쉽쥬!? ㅋㅋㅋ 원하는 소수점 자리를 넣어주면 실행!