본문 바로가기

웹3

데이터 바인딩 화면 상의 데이터(View)와, 웹 브라우저 메모리 상의 데이터(Model)의 정보를 묶어서(Binding) 일치시키는 것.즉, 동기화. 양방향 데이터 바인딩https://adjh54.tistory.com/49]정의 : JavaScript(Model) 과 HTML(View) 사이에 ViewModel 이 존재해서 하나로 묶여서, 둘 중 하나만 바뀌어도 같이 바뀌는 것. 대표적으로 Vue.js, Angular 가 이 방식이다.장점코드량이 줄어든다.복잡한 프로젝트일수록 코드량은 줄고, 유지보수가 용이해진다.단점변화에 따라 DOM 객체 전체를 렌더링하거나 데이터를 바꿔주므로 성능이 저하될 수 있다. (프레임워크가 계속 감시하다가 한쪽이 변경되면 이를 바로 반영하므로 별도 체크가 불필요하다)단방향 데이터 바인딩[.. 2025. 4. 17.
함수 기본적인 함수의 타입 선언은 다음과 같다.function sum(a: number, b: number): number { return a + b;}그냥 JS의 매개변수와 반환 값에 타입을 붙여준게 끝이다. 함수 파라미터- TypeScript 에서 함수의 인자는 모두 필수값으로 간주되고, 컴파일러가 이를 꼭 확인한다.- 따라서 undefined, null 이라 할지라도 인자로 꼭 넘겨줘야한다.function sum(a: number, b: number): number { return a + b;}sum(10, 20); // 30sum(10, 20, 30); // errorsum(10); // error* 파라미터 초기화는 JS랑 동일하다function sum(a: number, b = '100'): n.. 2025. 4. 11.
기본 타입 String, number, boolean, object, array, tuple, enum, any, void, never 이 있다.이 중에서 주의할 것만 몇 가지 살펴보고 넘어가자. objectlet product: object = { name: 'pdr-1234', lang: 'kor' };위와 같이 쓸 수 있지만, 보통은 "인터페이스" or "타입 별칭" 을 쓴다. 배열 // 방법1. [] 배열 선언let arr1: number[] = [1,2,3,4,5]; // 방법2. 제네릭 선언let arr2: Array = [1,2,3,4,5]; 튜플- 배열의 길이가 고정되고, 각 요소의 타입이 지정되어 있는 배열.let arr: [string, number] = ['hi', 10];정의되지 않는 타입이.. 2025. 4. 11.

티스토리툴바