본문 바로가기

728x90
반응형

JavaScript

(13)
타입스크립트 DOM 타입스크립트는 html파일 내에서 직접 사용 불가 -> 터미널에서 변환 후 첨부 tsc -w -> ts를 js로 컴파일 index.html 안녕하세요 링크 버튼 tsconfig.json { "compilerOptions": { "target": "ES5" ,"module": "commonjs" ,"strictNullChecks": true // ,"strict": true //strict 모든 옵션 } } index.ts //안녕하세요 let 제목 = document.querySelector('#title'); //제목.innerHTML = '반가워요'; //자바스크립트 문법 - union type //: 타입이 명확하지 않기 때문에 (null 가능) //if(제목!=null){ if(제목 instanc..
타입스크립트 인터페이스 (구현과 상속) let user:object; //객체 생성 user ={ name : 'xx', age : 30 } //console.log(user.name); //에러발생 - object에는 특정 속성값에 대한 정보가 없기 때문에 //: 프로퍼티를 사용해 객체를 사용하기 위해서는 인터페이스 사용해야 한다. interface User{ name : string; age : number; gender? : string; readonly birthYear? : number; } let user2 : User={ name : 'xx', age : 30 } let user3 : User={ name : 'xx', age : 30, gender : 'male' } let user4 : User={ name : 'xx', ag..
타입스크립트 기본타입 //타입명시 let car:string ='bmw'; car = 'benz'; //car= 3; //에러 발생 //타입추론 let car2='bmw'; //car2는 string 타입 //기본 타입의 종류 let age:number = 30; let isAdult:boolean = true; let a = [1,2,3]; let a2:number[] = [1,2,3]; let a3:Array = [1,2,3]; let week1 = ['mon', 'tue', 'wed']; let week2:string[] = ['mon', 'tue', 'wed']; let week3:Array = ['mon', 'tue', 'wed']; //week1.push(3); //에러발생 //튜플 let b:[string, nu..
프론트엔드 자바스크립트 AJAX AXIOS 라이브러리 GET 요청 [프로미스 지원 함수] 2. POST 요청 및 FormData 전송 3. 주소창 한글 [인코드 : encodeURIComponent, 디코드 : decodeURIComponent] : 아스키문자로 표현 4. HTML 태크에 데이터 저장하기 위해 data attribute와 dataset : 서버의 데이터 -> 프론트엔드로 전송 목적 data-속성명으로 접근 dataset.'속성명'에 값 넣으면 속성이 생김 dataset.monthSalary = 10000 -> data-month-salary = "10000" querySelector: 특정 CSS 선택자에 일치하는 첫 번째 요소를 반환하는 메서드 getElementById: 주어진 ID에 해당하는 요소를 반환...
자바스크립트의 실행 순서 (호출 스택과 이벤트 루프) 자바스크립트 자바스크립트는 브라우저위에서 동작하기위해 탄생한 스크립트언어이다. -> Node.js가 크롬 엔진 V8를 내장함으로써 더이상 브라우저에 종속하지 않은 언어로 사용할 수 있도록 함 스크립트 언어 : 특정 작업을 자동화하거나 특정 애플리케이션에서 사용할 목적으로 사용되는 언어 스크립트 언어의 가장 큰 특징은 변수의 데이터 타입을 런타임에 결정한다는 것이다. [동적 타이핑] 하지만 이러한 동적 타이핑의 문제를 해결하기 위해 타입 스크립트가 등장. -> 컴파일 타임에 에러를 찾고, 객체지향언어의 특징을 가짐 자바스크립트의 실행 순서 호출 스택 : 함수 호출을 기록하는 자료구조로, 함수가 호출되면 해당 함수의 정보가 스택에 쌓이고, 함수가 반환되면 스택에서 제거 테스크큐 : 비동기 작업의 콜백 함수들..

728x90
반응형