반응형

JavaScript 3

자바스크립트 socket.io 채팅으로 초성게임 만들기 #1 설정하기

계획 코로나 시국에 친구를 자주 만나지 못해서 엄청 간단한 초성게임을 하고 싶다는 생각을 해서 계획하게 되었습니다 javascript만으로도 되지만 react를 배우는 겸 react로 진행하겠습니다 전체적인 구성 CHOSUNG-GAME ├─ .gitignore ├─ node_modules/ ├─ public/ ├─ server/ -서버 └─ index.js ├─ src/ ├─ components/ └─ . . . ├─ utilities/ -초성 검사, 랜덤초성만들기 .. ├─ styles/ └─index.tsx ├─ package.json └─ tsconfig.json 1. 서버에서 react build를 해서 나온 정적인 index.html 파일을 socket.io를 쓸수있게 해서 서버를 구동합니다 들..

[자바스크립트] class 클래스 선언과 사용, extends 와 super

JavaScript Class의 특징들은 다음과 같다 1. 기존 라이브러리에 class를 가져다가 쓰는경우가 대다수 이다 2. class를 사용하면 재사용이 용이하다(선언만 하면 같은걸 여러번 생성이 가능) 3. 클래스는 더 좋은 객체 처럼 생겼다 class 선언 선언은 세가지 방법이 있다 class MySelf { constructor(age, height) { this.age = age; this.height = height; } } 바로 클래스를 선언 const MySelf = class MySelf { constructor(age, height) { this.age = age; this.height = height; } } 변수에 클래스를 선언 const MySelf = class { constr..

[자바스크립트] 변수선언 자바스크립트 변수 정리

변수는 쉽게 말해서 데이터를 나중에 쓰기 위해 컴퓨터에 a=3이라고 알려주는 것이다. c언어나 java에서는 int나 float, char... 자료형을 함께 선언하지만 JavaScript 에서는 var, const, let 으로 선언합니다. 예를 들면 c언어는 int num = 10; //숫자 char line = "C"; //문자열 이런식으로 자료형을 같이 써준다. JavaScript var num = 10; //숫자 const line = "JavaScript"; //문자열 let array = []; //배열 자바스크립트는 변수선언으로 var, const, let 이 있다 var은 예전부터 있었지만 단점때문인지 let, const 가 es2015에 새롭게 추가되었다 자바스크립트에서 자료형은 뒤에만..