Jin's Study

크로스브라우징 문제를 해결하기 위해 제이쿼리가 등장. 편의성을 높임 *크로스브라우징: 웹 페이지 제작 시에 모든 브라우저에서 깨지지 않고 의도한 대로 올바르게(호환성) 나오게 하는 작업. HTML5, CSS3, JavaScript 작성 시 W3C의 웹 규격에 맞는 코딩을 함으로써 어느 브라우저, 기기에서 사이트가 의도된 대로 보여지고 작동되는 기법. 브라우저마다 랜더링 엔진이 다르기 때문에 크로스브라우징 작업이 필요. *크로스브라우징 문제: 여러 웹 브라우저 간의 호환성 문제로 인해 발생.  ▶︎ jQuery 라이브러리 추가jQuery 문법 사용을 위한 2가지 방법둘 중 하나의 방식을 선택해서 하면 된다.1. jQuery 파일을 다운받아 로드 ▶︎ jQuery를 사용하는 방법jQuery 문법📌 $(요소..

🔎 Polymorphism :여러가지 다양한 형태객체 지향 프로그래밍(OOP)의 개념 중 하나.다양한 형태의 객체를 다룰 수 있는 능력을 의미다양한 타입의 객체들이 공통의 인터페이스를 통해 동일한 방식으로 처리될 수 있다.-> 코드의 유연성과 재사용성을 높일 수 있음.tyoe SuperPrint = { (arr: number[]):void (arr: boolean[]):void (arr: string[]):void (arr: (number|boolean)[]):void}const superPrint: SuperPrint = (arr) => { arr.forEach(i => console.log(i)}superPrint([1, 2, 3, 4])superPrint([true, false, ..

🔎 Call signatures: 함수의 형식을 정의하는 데 사용함. 함수의 타입을 명시하고 함수에 전달할 수 있는 매개변수의 타입과 반환 타입을 지정해야하는데 활용 함수 위에 마우스를 올렸을 때 보게 되는 것. 함수를 어떻게 호출해야하는 지 알려주며, 함수의 반환 타입도 알려줌. 함수를 구현하기 전에 함수가 어떻게 작동하는 지 서술해둘 수 있음 type Add = (a:number, b:number)=>number; //call signature const add:Add=(a,b)=>a+b type Add = (a:number, b:number)=>number; //call signature const add:Add=(a,b)=>{a+b} →이 경우에 오류가 발생하는데, 그 이유는 {}를 사용하면{a+..

🔎 작동방식 강력한 타입 지정 프로그래밍 : TypeScript는 강력한 타입 언어로 , 컴파일 중에 타입 안전성을 제공한다. JavaScript로 컴파일되며, 오류가 발생하면 컴파일 실패. 타입 안전성을 위한 TypeScript: TypeScript는 실행 전에 타입을 확인하여 일반적이 오류를 방지함으로써 타입의 안전성 제공 타입 추론을 통해 TypeScript는 명시적으로 선언하지 않고도 타입을 이해하고 추론할 수 있다. 타입 주석과 추론: 타입은 명시적으로 주석을 달거나 TypeScript에게 추론을 맡길 수 있다. 따라서 추가 코드없이 오류 확인 제공 let a:number[] = [1,2,3] let b:string[] = ["h","e","l","l","o"] let c:boolean[] = ..