스파이더 웹 개발

function helloString(message: string): string{ return message; } function helloNumber(message: number): number{ return message; } function hello(message: any): any { return message; } //any의 경우 input에 따라 달라지는 코드를 구현할 수 없다 console.log(hello('Mark').length); // console.log(hello(30).length); function helloGeneric(message: T): T{ return message; } //generic의 경우 input에 따라 다르게 코드를 구현할 수 있다 console.lo..

1. 데이터 가져오기 내보내기 import, export 키워드를 활용하여, 다른 js파일에 데이터를 가져오고 내보낼 수 있다. export 시에는 default와 named 가 있는데 아래 예를 살펴보자 default(하나의 모듈에서 하나만 내보낼 수 있다) import getType from './getType' //main.js export default function (data) { return Object.prototype.toString.call(data).slice(8, -1); } //getType.js default 키워드가 붙은 경우에는 함수의 이름을 생략해도 import시 임의의 이름을 사용하여 활용할 수 있다. (import checkType from './getType' 으로 해..

데이터 타입 (mdn 사이트 확인하기) 1. String indxOf( ) - 호출한 String 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환, 일치 값이 없으면 -1을 반환 length - 문자열의 길이를 반환 slice( ) - 문자열의 일부를 추출하면서 새로운 문자열 반환 (매개변수로는 begin index 와, end index가 있는데, begin index만 설정하는 경우 시작부터 끝까지, begin index와 end index를 설정하는 경우 시작부터 종료 직전까지) replace( ) - 문자열 대체 trim( ) - 공백제거 2. 숫자형 toFixed( ) - 매개변수로 소수점의 자리수를 지정할 수 있음 ex. const pi = 3.141592 const str = pi.to..

아는 거 말고 덧붙일것만 기록하자 다른 js 파일에 함수를 가져오는 방법 -1 import / export ex) getType.js 파일에서 getType() 함수를 main.js로 가져오기 getType.js export default function getType(data) { return Object.prototype.toString.call(data).slice(8, -1); } main.js import getType from './getType'; console.log(getType(123); default 키워드를 넣어줘야 import시 가져 올 함수를 알 수 있으며, import 000 from 의 경우 000는 main.js에서 쓰일 함수명이라 생각하면 됨. 가령, getType.js에..

1. 제네릭의 장점 아래와 같이 유연하게 대처할 수 있다. function logText(text: string){ console.log(text); return text; } logText('하이'); function logNumber(num: number){ console.log(num); return num; } logNumber(10); function logAll(text: T): T { console.log(text); return text; } const str1 = logAll('abc'); str.split(''); const login = logAll(true); 제네릭 추가 // function logText(text){ // console.log(text); // return tex..

1. 인터페이스 interface User { age: number; name: string; } //변수에 인터페이스 활용 var seho: User = { age: 33, name: '세호' }; //함수에 인터페이스 활용 function getUser(user: User) { console.log(user); } const capt = { name: '캡틴', age: 3 } getUser(capt); // 함수의 스펙(구조)에 인터페이스를 활용(함소의 규칙을 정하기) interface SumFunction { (a: number, b: number): number; } var add: SumFunction; add = function(a: number, b: number): number{ retu..