본문 바로가기

전체 글

(112)

250611 과제 - HTTP 상태 코드 HTTP 상태코드 HTTP 설명 : https://hydeveloper.tistory.com/215 Node.js / 네트워크 기초네트워크의 종류 네트워크는 데이터를 전달하는 반경, 속도에 따라 LAN, MAN, WAN으로 나눌 수 있다. LAN(Local Area Network)MAN (Metropolitan Area Network)WAN(Wide Area Network)범위좁음(주로 집, 사무실, 건물, 캠퍼hydeveloper.tistory.com 서버로부터 오는 HTTP 응답 메시지 내의 상태 코드(status code)는 현재 100~500번대까지 정의되어있다. 1XX : Information(정보 제공)임시 응답으로, 지금까지의 상태는 괜찮다는 의미 2XX : Success(성공)클라..

TypeScript / Webpack 번들러웹앱을 구성하는 asset(스크립트, 스타일시트, 이미지 등)을 모두 묶어 최적화된 여러 파일로 만들어주는 도구로,성능을 최적화해주며, 의존성 관리에 유용하고, 개발 과정에서 필요한 작업을 간소화하기 때문에 편의성을 가지고 있다. Webpack타입스크립트 가이드 : https://webpack.kr/guides/typescript/JS 앱을 위한 정적 모듈 번들러여러 파일(js, css, html, 이미지) 등을 번들해 하나 혹은 여러 파일로 묶어주는 도구모듈 번들링 / 로더 / 플러그인을 지원함 실습 tsconfig.json{ "compilerOptions": { "target": "es6", "module": "es6", "esModuleInterop": true, "..

TypeScript / 타입 선언 파일 Type declaration file자바스크립트 내장 객체, 또는 외부 라이브러리, API 등을 설명하는 파일로, .d.ts 의 확장자를 가진다.실제 구현은 포함하지 않으며. 특정 타입이 존재한다는 것을 선언한다. console.log()에서 console에 대고 ⌘ 키를 누른채로 클릭해보면 우측처럼 lib.dom.d.ts 파일을 확인할 수 있다. 파일을 보면 알겠지만 .ts 파일에는 실행이 가능한 구현 코드를 작성한다면, .d.ts 파일에는 타입 정보만 포함하고 있다. .d.ts 파일은 타입 정보를 제공해 타입 검사를 진행하고 js 호환성을 제공하는 역할을 한다. 예시외부 라이브러리를 설명하는 역할도 한다고 했으므로 임의의 라이브러리를 설치했다.npm install lodash @type..

TypeScript / 제네릭 Generics(제네릭)함수, 클래스, 인터페이스 등 타입을 매개변수 처럼 사용할 수 있게 한다.다양한 타입의 데이터를 처리할 수 있는 범용적인 패턴을 제공해 유사한 기능을 하는 함수, 클래스 등을 하나로 통합할 수 있다. 장점 : 코드 재사용성 • 유연성 • 확장성 증가 (라이브러리, 툴 개발 시 더욱 유용) , 명시적인 타입 표현단점 : 러닝 커브(초보자에겐 어려움) , 복잡성 • 컴파일 시간 증가function genericFunction(arg:T):T{ return arg;}interface GenericInterface {}class GenericClass {} 타입 변수(Type Variable)타입 자리에 대체될 타입을 나타내는 변수실제 사용시에는 구체적인 타입으로 대체됨functi..

TypeScript / 클래스 Classes (클래스)객체를 생성하기 위한 하나의 템플릿 역할로, ES6에서 도입된 클래스 문법을 기반으로 한다.생성자, 속성, 메서드로 구성되어있다. // 클래스 정의class Continent { continentName: string; constructor(name: string) { this.continentName = name; } getContinentName() { return this.continentName; }}class Country extends Continent { name: string; capital: string; constructor(continentName: string, name: string, cap..

TypeScript / 타입 추론, 타입 단언 Type Inference(타입추론)컴파일러가 자동으로 변수, 표현식 등의 타입을 결정하는 프로세스로,명시적인 타입 지정이 없더라도 컴파일러가 코드의 문맥을 기반으로 적절한 타입을 추론한다. 변수 추론let myNumber = 5;let myString = "Hello";let myBool = true;myNumber = 23;// myNumber = "14" // 오류 발생 함수 반환 값 추론function add(x:number, y:number) { // 인자 뒤 :number를 생략해도 문제 없음 return x+y; // return `${x}${y}` // 이 경우에는 const n이 string으로 추론}const n = add(10,5) 배열&객체 추론let nums = ..

TypeScript / 타입(2) Interface객체의 구조/형태를 정의하며, 특정 객체가 어떤 Property, Method를 가져야 하는지를 나타낸다. 코드의 가독성과 안전성을 높일 수 있으며, 확장 및 조합도 용이하다.interface 이름 { 속성 이름: 속성 타입; 속성 이름: 속성 타입; 메서드 이름(): 메서드 타입;} 예시interface User { id: number; name: string; isPremium: boolean; someMethod(): void;}const userA: User = { id: 10, name: "Bill", isPremium: false, someMethod() { console.log("some method called")..

TypeScript / 타입 (1) 배열배열의 모든 요소가 동일한 타입을 갖도록 명시=> 배열 내부 요소의 타입 안정성 제공 표현 방식타입 어노테이션 : type[] (자주 사용되는 표현)제너릭 타입 사용 : Array// 배열 타입 방법 1 : type[]let nums: number[] = [1, 2, 3, 4, 5];let strs: string[] = ['a', 'b', 'c'];let bools: boolean[] = [false, false, true];nums.push(6);nums.push(7);bools.push(true)// 문자열 타입을 숫자 타입에 할당할 수 없음// nums.push('8');// num[0] = '1';// bools.push(1)// 배열 타입 방법 2 : Arraylet nums1: Array ..

이전 1 2 3 4 ··· 14 다음

티스토리툴바