프론트엔드14 [typescript] typescript의 타입과 정의 📝기본 타입과 타입 정의 ">HTML 삽입미리보기할 수 없는 소스타입스크립트에는 9가지의 타입이 존재한다.stringnumberbooleannullundefinedarraytupleobjectany자바스크립트와 달리, 타입스크립트는 변수에 타입을 정의할 수 있다. 타입을 정의하면 에러를 사전에 방지할 수 있다는 장점을 가진다.let name = "홍길동"; // 자바스크립트let name: string = "홍길동"; // 타입스크립트 타입을 정의하는 방법은 간단하다. 위의 코드처럼 변수 옆에 콜론(:)을 붙이고 해당 변수의 타입을 정의하면 된다. 이때 이 콜론(:)을 타입 표기(type annotation)라고 한다. 여러 기본 타입 중에서 array, tuple, any 타입을 정의하는 방법을 알.. 2024. 7. 9. Node.js란? (+npm) 📝Node.js란? " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스Node.js란?- 브라우저 밖에서 자바스크립트를 실행할 수 있는 환경으로 자바스크립트 런타임 자바스크립트란?- html 페이지에 종속된 언어로 html 조작을 위해서 만들어진 언어이다. 즉, html 조작이 가능하기 때문에 웹페이지를 다이나믹하게 바꿔줄 수 있다. 그렇다면 자바스크립트의 해석과 동작에 대해 의문이 생긴다. 자바스크립트의 해석 & 동작을 누가하나?- 브라우저가 담당하며 각 브라우저마다 자바스크립트를 해석할 수 있는 엔진이 존재한다.ex) Chrome - V8, Firefox - spiderMonkey, 인터넷 익스플로어 - Chakra 이때 Chrome은 자바스크립트의 해석엔진인 V8에 기능.. 2024. 7. 9. class - 자바스크립트 class 📝정리 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스클래스객체지향 프로그래밍에서 특정 객체(인스턴스)를 생성하기 위한 변수와 메소드를 정의하는 일종의 틀을 의미한다. 쉽게 이름과 그룹 이름을 가진 아이브 객체를 생성해 보기로 하자. (많으니까 3명만..)let yuJin = { name: '안유진', group: '아이브',};let wonYoung = { name: '장원영', group: '아이브',};let ray = { name: '레이', group: '아이브',};위의 코드처럼 객체를 생성하면 name과 group이라는 속성이 겹친다. 즉, 코드가 중복되면서 가독성이 떨어질뿐더러 효율성이 떨어진다. 이런 중복을 없애기 위해 cl.. 2023. 8. 24. object(객체) - 자바스크립트 객체 📝정리 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스object(객체){ }를 이용하여 선언하며 key: value의 쌍으로 이루어져 있다.객체에는 키값뿐만 아니라 함수도 선언할 수 있는데, 이때 객체 안에 정의된 함수를 메서드(method)라고 부른다.// 객체 선언let 객체이름 = { key: value; key: value; key: value; 함수 이름: function () { return 반환할 값; }}; 객체 안의 key에 해당하는 value를 알고싶다면 두가지 형태로 호출할 수 있다.console.log(객체 이름.name);console.log(객체 이름['name']); 변수를 key나 value에 넣는 것도.. 2023. 8. 24. 이전 1 2 3 4 다음
