본문 바로가기

JavaScript8

TypeScript 사용해보기 TypeScript란 자바 스크립트와 달리 변수의 변수형을 지정하여 사용 할 수 있는 언어로 npm install -g typescript 명령어로 설치를 통해 사용할 수 있다. TypeScript에 존재하는 변수형은 다음과 같다. TypeScript 파일을 실행시키게 되면 여러 문제가 생기니 컴파일을 통해 TypeScript 파일을 자바 스크립트로 바꿔준 후, 자바스크립트 파일을 실행시켜주어야 한다. 컴파일 명령어는 npx tsc 파일이름.ts 이다. 또한, TS에 적용시킬 수 있는 여러가지 속성값들이 들어있는 tsconfig.json라는 파일이 존재하는데 이는 npx tsc -init 명령어를 통해 생성할 수 있다. 파일 안의 내용은 다음과 같다. 2022. 4. 20.
06. 내장 객체 내장 객체(Built-in Object)란 브라우저의 자바스크립트 엔진에 내장된 객체를 말한다. 내장 객체에는 1. 문자(String) 2. 날짜(Date) 3. 배열(Array) 4. 수학(Math) 5. 정규 표현 객체(RegExp Object) 이렇게 5가지의 종류가 있다. 내장객체는 수가 많기에 몇가지만 사용해보도록 하겠다. 1. 문자(String) 표에 적혀있지 않은 객체 중, 특정 글자를 기준으로 단어들을 나눠주는 객체인 split이 무슨 뜻인지 이해가 되지 않아 사용해보았다. 쉼표(,)를 기준으로 단어들을 나눠달라고 했고 결과는 이렇게 출력되었다. 이것 말고도 문자 관련하여 객체를 만들어보았는데 문자열에 특정 문자가 존재하면 1, 존재하지 않으면 -1을 출력되도록 만들었다. for문 안의 i.. 2022. 2. 18.
05. 상속 상속이란, 부모 생성자의 기능을 물려받으면서 새로운 기능도 추가하는 것을 말한다. 1) 상속 선언 상속선언은 다음과 같다. 우선 부모클래스를 만들고, 하위 클래스를 만들어준다. 하위 클래스 명 뒤에 extends가 붙어있는 모습을 볼 수 있는데 이 extends가 바로 부모를 상속하게끔 만들어 주는거다. 순서를 헷갈리면 안된다. 순서는 class 자식 클래스 extends 부모 클래스{ } 이다. 변수를 선언하고 잘 상속되었는지 확인해보면 부모 클래스 안에 있던 변수와 함수가 나타나는 모습을 볼 수 있다. 2) 오버라이딩 오버라이딩은 부모가 가진 함수를 자식이 재선언 하는 것이다. 이 코드를 보면 Animal 클래스를 상속받는 Dog 클래스에서 단순히 부모생성자를 호출하는 기능을 가진 sound함수만을 .. 2022. 2. 17.
04. 객체(오브젝트)와 클래스 오늘은 오브젝트와 클래스에 대해 알아보도록 하겠다. 어렵다고 생각되는 부분이라 잘 설명할 수 있을지 모르겠다. 안되는 부분은 빠르게 미래의 나에게로 떠넘기며 설명에 들어가겠다. 1. 객체(Object) 객체란, 이름과 값으로 구성된 객체 안의 변수(프로퍼티 = 속성)의 정렬되지 않은 집합이며, 프로퍼티 값으로 함수가 올 경우를 메소드라고 한다. 객체는 실제 세상에 존재하는 사물을 모델링 한 것인데, 이 부분은 글로 설명해서는 이해가 잘 되지 않을 것이니 간단한 예시를 들어보겠다. 객체는 데이터와 동작으로 이루어져 있는데, 데이터는 객체가 가지고 있는 특성. 동작은 객체가 수행할 수 있는 동작이다. 자동차를 객체라고 생각해보자. 자동차에는 모델, 제조사, 마력, 색상, 연식, 속도. 배기량, 주행 거리, .. 2022. 2. 16.
로또 만들기 이때까지 배운 내용들로 로또 만들어봄. 중간에 이상한데서 실행 안되서 겁나 개빡쳐 죽는줄. 암튼 시작함. 로또의 순서는 1. 컴퓨터가 무작위 숫자 7개를 뽑음 2. 사용자가 무작위 숫자 7개를 뽑음 3. 뽑은 숫자들을 비교함 4. 맞춘 갯수에 따라 등수를 발표함 이렇게 됨. 그래서 우선적으로 무작위 숫자를 내는 로또번호를 만듦. 1. 컴퓨터가 무작위 숫자 7개를 뽑음 Math.random( )이란 함수를 통해서 생성했음. 앞의 Math.floor는 랜덤하게 나온 숫자가 실수일 경우 내림을 통해 정수로 만들어주는 역할을 함. 이것 말고도 ceil, round가 있는데 각각 올림, 반올림을 해줌. Math.random( ) 함수 뒤에 있는 * 44는 랜덤하게 뽑을 숫자의 한계값을 설정해줌. 로또는 1부터 4.. 2022. 2. 15.
03. 함수와 배열 1. 함수 함수란, 입력을 받아 특정한 작업을 수행한 후 결과를 반복하는 기능을 수행한다. 함수를 쓸 때 중요한 점은 반드시 함수 하나당 하나의 기능을 수행하게끔 해야 한다는 것이다. 또한, 소스를 짜는 도중 같은 코드가 2번 이상 나오는 경우, 함수로 만들어 사용하는 편이 좋다. 아래는 함수 선언의 기본 형태로 다음과 같이 사용한다. 함수를 호출할 때에는 다음과 같은 형태를 사용한다. 함수 호출시의 기본은 불러올 함수로 넘겨줄 매개변수(인자값)이 해당 함수의 매개변수(인자)와 같은 숫자를 가지고 있어야 한다는 점이다. 그러나 가끔 함수로 넘겨줄 매개변수값을 써넣는 것을 까먹는 실수를 할 때가 있는데 그 때 사용하는 것이 디폴트 매개변수이다. 디폴트 매개변수는 함수 호출 시 특정 매개변수를 입력하지 않을.. 2022. 2. 11.

티스토리툴바