# w3schools

95개의 포스트
post-thumbnail

JavaScript - Array 정리

w3schools에서 공부하다고 정리를 따로 안해놓으니 돌아서면 까먹고 제대로 공부가 안되는 것 같아 여기다가 정리해서 올려놓도록 하겠다. Array Iteration forEach() 메소드 매개변수로 함수를 받는다. 여기서 value는 함수를 부른 배열 numbers의 값들을 가리키는 것이다. 하나씩 순서대로 출력되는 걸 알 수 있다. map()메소드 기존 배열에서 값들을 추출해서 새로운 배열을 생성한다는 특징이 있다. (index, array는 없어도 코드를 실행하는 데 문제없다.) reduce() 메

2023년 2월 24일
·
0개의 댓글
·

토이플젝 스터디 Write-up 1_번외

보충 write-up 1에서 대충 짚고 넘어간게 있어서 따로 게시글을 올리게 되었다.....^^😂 문자열, 숫자에 관해서 더 짚고 넘어가 보겠다. String length = 문자열의 길이를 나타낸다. 문자열은 "" 또는 ''을 사용한다. 만약 문자열 안에서 "나 '를 사용할 일이 생긴다면, "나 '앞에 특수문자를 적어주면 된다. 대표적으로 백래쉬(\)가 있다. ![](https://velog.velcdn.com/images/vina1601/post/cfe8bd7d-134f-4c20-bf18-2e2a3372096b/image.pn

2023년 2월 24일
·
0개의 댓글
·

토이플젝 스터디 write-up 1_2

함수 자바 스크립트에서 함수란? 간단히 말해서 값을 계산하거나 작업을 수행하게 하는 코드들의 집합이다. 함수는 함수명과 매개변수, 중괄호 안의 작업을 실행할 코드로 구성되어 있다. 위에서 살펴보면, 함수명은 myFunction이고 p1, p2로 매개변수를 받고 있다. 중괄호 안의 코드는 함수의 매개변수를 받아 코드를 실행하고, return을 이용하여 결과값을 반환한다. 매개변수에 각각 4와 3을 대입한 후, 함수를 실행시키면 결과값이 myFunction에 반환되어 페이지에 12가 뜬다. > document.getElementById("

2023년 2월 11일
·
0개의 댓글
·
post-thumbnail

TypeScript Tutorial.18 끝

TypeScript Definitely Typed 광범위한 JS 에코시스템의 NPM 패키지에는 항상 사용 가능한 타입이 있는 것은 아니다. 프로젝트가 더 이상 유지되지 않는 경우도 있고 TS에 관심이 없거나 동의하지 않거나 사용할 시간이 없는 경우도 있다. Using non-typed NPM packages in TypeScript TS와 함께 타입이 지정되지 않은 NPM 패키지를 사용하면 타입이 없기 때문에 타입이 안전하지 않다. TS 개발자가 이러한 패키지를 사용하는 데 도움이 되도록 Definitely Typed이라는 커뮤니티에서 유지 관리하는 프로젝트가 있다. 확실히 Typed는 유형이 없는 NPM 패키지에 대한 TS 정의의 중앙 저장소를 제공하는 프로젝트다. ![](https://velog.velcdn.com/images/ansunny1170/post/348f559

2022년 5월 31일
·
0개의 댓글
·
post-thumbnail

TypeScript Tutorial.17

TS Null & Undefined TS에는 null 또는 undefined 값을 처리하는 강력한 시스템이 있다. 기본적으로 null 및 undefined 처리는 비활성화되어 있으며 strictNullChecks를 true로 설정하여 활성화할 수 있다. 이 페이지의 나머지 부분은 strictNullChecks가 활성화된 경우에 적용된다. Types null 및 undefined는 기본 유형이며 string과 같은 다른 유형처럼 사용할 수 있습니다. strictNullChecks가 활성화되면 undefined 값이 타입에 명시적으로 추가되지 않는 한 TS에서 값을 설정해야 한다. Optional Chaining Optional Chaining은

2022년 5월 31일
·
0개의 댓글
·
post-thumbnail

TypeScript Tutorial.16

TypeScript Keyof keyof는 객체 타입에서 키 타입을 추출하는 데 사용되는 TS의 키워드다. keyof with explicit keys 명시적 키가 있는 객체 타입에 사용될 때 keyof는 해당 키를 사용하여 공용체 타입을 만든다. keyof with index signatures keyof는 인덱스 타입을 추출하기 위해 인덱스 서명과 함께 사용할 수도 있다.

2022년 5월 31일
·
0개의 댓글
·
post-thumbnail

TypeScript Tutorial.15

TS Utility Types TS에는 일반적으로 Utility types(유틸리티 타입)이라고 하는 몇 가지 일반적인 타입 조작에 도움이 되는 많은 타입이 있다. 이 장에서는 가장 많이 사용되는 유틸리티 타입을 다룬다. Partial Partial은 객체의 모든 속성을 선택 사항으로 변경한다. Required Required 는 객체의 모든 속성을 필수로 변경한다. Record Record는 특정 키 타입 및 값 타입으로 객체 타입을 정의하는 바로 가기다. ![](https://velog.ve

2022년 5월 31일
·
0개의 댓글
·
post-thumbnail

TypeScript Tutorial.14

TS Basic Generics 제네릭을 사용하면 사용하는 타입을 명시적으로 정의할 필요가 없는 클래스, 함수 및 type Aliases(타입 별칭)을 만드는 데 사용할 수 있는 '타입 변수'를 만들 수 있다. Generics를 사용하면 재사용 가능한 코드를 더 쉽게 작성할 수 있다. Functions 함수가 있는 제네릭은 사용 및 반환된 형식을 보다 정확하게 나타내는 보다 일반화된 메서드를 만드는 데 도움이 된다. >TS는 또한 함수 매개변수에서 일반 매개변수의 타입을 유추할 수 있다. Classes 제네릭은 Map과 같은 일반화된 클래스를 만드는 데 사용할 수 있다. ![](https://velog.vel

2022년 5월 31일
·
0개의 댓글
·
post-thumbnail

TypeScript Tutorial.13

TS Classes TS는 JS 클래스에 타입 및 가시성 수정자를 추가한다. 여기에서 JS 클래스에 대해 자세히 알아보자. Members: Types 클래스의 멤버(속성 및 메서드)는 변수와 유사한 타입 (Annotations)주석을 사용하여 타입이 지정됩니다. Members: Visibility 클래스 멤버는 가시성에 영향을 주는 특수 수정자도 제공된다. >TS에는 세 가지 주요 가시성 수정자가 있다. > public - (기본값) 어디에서나 클래스 멤버에 대한 액세스를 허용한다. private - 클래스 내에서만 클래스 멤버에 대한 액세스를 허용한다. protected - 아래 상속 섹

2022년 5월 31일
·
0개의 댓글
·
post-thumbnail

TypeScript Tutorial.12

TS Casting 라이브러리에서 잘못된 유형을 제공하는 경우와 같이 변수 타입을 재정의해야 하는 타입으로 작업할 때 때가 있다. 캐스팅은 타입을 재정의하는 프로세스다. Casting with as 변수를 캐스팅하는 직접적인 방법은 as 키워드를 사용하는 것이다. 주어진 변수의 타입을 직접 변경한다. 캐스팅 했을 때 캐스팅 안했을 때 >캐스팅은 실제로 변수 내의 데이터 유형을 변경하는 것은 아니다. 예를 들어 아래 코드는 변수 x에 여전히 숫자가 있기 때문에 예상대로 작동하지 않는다. >TS는 올바르

2022년 5월 31일
·
0개의 댓글
·
post-thumbnail

TypeScript Tutorial.11

TS Functions TS에는 함수 매개변수 및 반환 값을 입력하기 위한 특정 구문이 있다. 기능에 대한 자세한 내용은 여기를 참조하자. Return Type 함수가 반환하는 값의 타입은 명시적으로 정의할 수 있다. >반환 타입이 정의되지 않은 경우 TS는 반환된 변수 또는 표현식의 유형을 통해 이를 유추하려고 시도한다. Void Return Type void 타입을 사용하여 함수가 값을 반환하지 않음을 나타낼 수 있다. ![](https://velog.velcdn.com/images/ansunny1170/post/ce27c0f8-1e0e-484a-a66a-c9723bff4b97/image.png

2022년 5월 30일
·
0개의 댓글
·
post-thumbnail

TypeScript Tutorial.10

TS Union Types 값이 단일 유형 이상일 수 있는 경우 Union 타입이 사용된다. 속성이 string or number일 때와 같이 사용한다. Union | (OR) |를 사용하면: 매개변수가 string or number라는 뜻이다. Union Type Errors 참고: 타입 오류를 피하기 위해 union 타입을 사용할 때, 입력되는 타입이 무엇인지 알아야 한다. 위 예시에서는 toUpperCase()를 호출하는 데 문제가 있다. 그 이유는 string 메서드와

2022년 5월 30일
·
0개의 댓글
·
post-thumbnail

TypeScript Tutorial.9

TypeScript Type Aliases and Interfaces TS를 사용하면 타입을 사용하는 변수와 별도로 타입을 정의할 수 있다. Aliases(별칭) 및 Interfaces(인터페이스)를 사용하면 서로 다른 변수/객체 간에 타입을 쉽게 공유할 수 있다. Type Aliases 타입 별칭을 사용하면 사용자 지정 이름(별칭)으로 타입을 정의할 수 있다. 유형 별칭은 string과 같은 기본 타입이나 object 및 array와 같은 더 복잡한 타입에 사용할 수 있다. Interfaces 인터페이스는 객체 타입에만 적용된다는 점을 제외하면 타입 별칭과 유사하다. Extending Interfaces 인터페이스는 서로의 정의를 Extending(확장)할 수 있다. >인터페이스를 확장한다는 것은 원본과 동일한 속성에 새로운 것을 더한 새 인터페이스를 만든다는 뜻이다!

2022년 5월 30일
·
0개의 댓글
·
post-thumbnail

TypeScript Tutorial.8

TS Enums enum은 상수 그룹(불변 변수)을 나타내는 특별한 "class"다. 열거형(enum)은 string과 number 두 가지 형태로 제공된다. 숫자부터 시작해보자. Numeric Enums - Default 기본적으로 열거형은 첫 번째 값을 0으로 초기화하고 각 값에 1을 더한다. Numeric Enums - Initialized 첫 번째 숫자 열거형의 값을 설정하고 그 값에서 자동 증가하도록 할 수 있다. Numeric Enums - Fully Initialized 각 열거

2022년 5월 30일
·
0개의 댓글
·
post-thumbnail

TypeScript Tutorial.7

TS Object Types TS에는 object 입력을 위한 특정 구문이 있다. JavaScript Objects chapter에서 object에 대해 자세히 읽어보자. >이와 같은 object 타입은 별도로 작성할 수도 있고 재사용할 수도 있다. 자세한 내용은 interfaces를 참조하자. Type Inference TS는 값을 기반으로 속성 타입을 유추할 수 있다. ![](https://velog.velcdn.com/images/ansunny1170/post/6375

2022년 5월 30일
·
0개의 댓글
·
post-thumbnail

TypeScript Tutorial.6

TS Tuples Typed Arrays 튜플은 각 인덱스에 대해 미리 정의된 길이와 유형이 있는 유형이 지정된 array이다. 튜플은 배열의 각 요소가 알려진 유형의 값이 될 수 있기 때문에 높은 평가를 받는다. 튜플을 정의하려면 배열의 각 요소 타입을 지정해야 한다. 보다시피 number, booleans 및 string이 있다. 그러나 잘못된 순서로 설정하려고 하면 어떻게 될까? >booleans, string 및 num

2022년 5월 30일
·
0개의 댓글
·
post-thumbnail

TypeScript Tutorial.5

TS Arrays TS에는 배열을 입력하기 위한 특정 구문이 있다. JavaScript Array chapter에서 배열에 대해 자세히 읽어보자. Readonly readonly 키워드는 배열이 변경되는 것을 방지할 수 있다. Type Inference TS는 값이 있는 경우 배열의 유형을 유추할 수 있다.

2022년 5월 30일
·
0개의 댓글
·
post-thumbnail

TypeScript Tutorial.4

TS Special Types TS에는 특정 타입의 데이터를 참조하지 않을 수 있는 특수 유형이 있다. Type: any any는 타입 검사를 비활성화하고 모든 타입을 효과적으로 사용할 수 있도록 하는 유형이다. any를 특수 타입 any로 설정하면 타입 검사가 비활성화된다. >any는 타입 검사를 비활성화하므로 오류를 넘기는데 유용한 방법이 될 수 있지만,이에 따라 TS는 타입 안전성을 제공할 수 없으며 자동 완성과 같은 타입 데이터에 의존하는 도구는 작동하지 않는다. "any(어떤)" 대가를 치르더라도

2022년 5월 30일
·
0개의 댓글
·
post-thumbnail

TypeScript Tutorial.3

TS Simple Types TS는 여러분이 알고 있는 몇 가지 간단한 TYPE(기본값)을 지원한다. >JS와 TS에는 세 가지 주요 기본 요소가 있다. > BOOLEAN - TRUE 또는 FALSE 값 NUMBER - 정수 및 부동 소수점 값 STRING - "TypeScript Rocks"와 같은 텍스트 값 Type Assignment 변수를 생성할 때 TS가 TYPE을 할당하는 두 가지 주요 방법이 있다. EXPLICIT(명시적 TYPE) IMPLICIT(암시적 TYPE) 아래 두 예시에서 firstName은 STRING TYPE이다. Explict Type Explicit - writing out the type: EXPLICIT TYPE ASSIGNMENT은

2022년 5월 27일
·
0개의 댓글
·
post-thumbnail

TypeScript Tutorial.2

TypeScript Getting Started TS는 컴파일러를 사용하여 JS로 변환된다. >이는 곧 JS가 실행되는 모든 환경에서 TS가 실행된다는 것을 의미한다! Installing the Compiler TS에는 npm을 통해 설치할 수 있는 공식 컴파일러가 있다. npm이란?여기에서 npm에 대해 자세히 알아보고 시작하는 방법을 알아볼 수 있다. npm 프로젝트 내에서 다음 명령을 실행하여 컴파일러를 설치하자. npm install typescript --save-dev 컴파일러는 node_modules 디렉토리에 설치되며 npx tsc로 실행할 수 있다. npx tsc Configuring the compiler 기본적으로 TS 컴파일러는 빈 프로젝트에서 실행될 때 도움말 메시지를 출력한다. 컴파일러는 tsconfig.json 파

2022년 5월 27일
·
0개의 댓글
·