저는 게임을 좋아합니다. 어릴 때부터 성인이 된 이후까지 쭉 좋아했죠. 근데 이렇게 밥도 안 먹고 하루종일 게임만 한건 살면서 처음이었습니다.이유는 이 녀석을 잡기 위해서였습니다.https://www.youtube.com/watch?v=v4TCmvNLqaw(본인의 클리어 영상)그렇게 하루 왼종일 게임하면서 마침내 레이드를 클리어하고 가장 먼저 든 생각은 "나 진짜 게임 중독 위험한 수준 아닌가?" 이거였습니다. 스스로 생각하기에도 문제가 있다고 느껴질 수준이었으니까요 ㅎㅎ; 그런데 그 와중에 신경 쓰이는 부분이 하나 더 있었습니다. 바로 이 16시간 동안 어떤 경지에 이른 듯한 집중력을 발휘했다고 생각이 들어서였어요! 저는 게임 말고도 취미가 있는데, 애기 수준이지만 피아노 연주를 좋아합니다. 피아노를 ..

1. 이넘(Enum)이넘은 특정한 값들의 집합을 의미하는 자료형입니다.타입스크립트의 이넘에는 문자형 이넘과 숫자형 이넘이 존재하고 이 둘의 조합으로도 정의될 수 있습니다. 1-1. 숫자형 이넘enum Direction {Up = 1,Down,Left,Right}//Up - 1//Down - 2//Left - 3//Right - 4//초기 값부터 1씩 증가합니다//만약 초기 값을 주지 않으면 0부터 증가합니다위 코드에서 볼 수 있는 것처럼 초기 값부터 1씩 증가하지만, 임의로 값을 지정할 수도 있습니다.enum Color {Red = 1,Blue = 3,Green = 5}//수동으로 값 지정이 가능합니다1-2. 문자형 이넘문자형 이넘은 숫자형 이넘과 거의 비슷하지만 문자형 이넘은 값을 전부 다 특정 문자열..

1. 프로젝트 폴더 생성mkdir typescriptcd typescript폴더를 생성한 뒤 프로젝트 폴더로 이동합니다.2. 프로젝트 초기화npm init -y프로젝트 폴더 내부에서 위 명령어를 실행해 초기화합니다.3. TypeScript 설치npm install typescript --save-dev초기화가 완료되었으므로 터미널에서 위 명령어를 실행해 TypeScript를 설치합니다.4. tsconfig.json 파일 생성compilerOptions 내의 속성은 자유롭게 수정할 수 있습니다.5. src 폴더 내에서 TypeScript 언어로 된 파일 작성

1. Set 객체와 배열 Set 객체는 중복되지 않는 유일한 값들의 집합입니다. Set 객체는 배열과 유사한 점이 많지만 다음과 같은 차이가 있습니다. 구분배열Set 객체동일한 값을 중복하여 포함할 수 있다OX요소 순서에 의미가 있다OX인덱스로 요소에 접근할 수 있다OX또한 Set 객체는 수학적 집합을 구현하기 위한 자료구조이기에 Set를 통해 교집합, 합집합, 차집합, 여집합 등을 구현할 수 있습니다.Set 객체는 Set 생성자 함수로 생성하며 이 때 인수를 전달하지 않으면 빈 Set 객체가 생성됩니다.const set = new Set();console.log(set); // Set(0) {}Set 생성자 함수는 이터러블을 인수로 전달받아 Set 객체를 생성합니다. 이 때 이터러블의 중복된 값은 Se..

1. 웹 표준웹 표준이란 W3C(World Wide Web Consortium)에서 권고하는 웹에서 표준적으로 사용되는 기술이나 규칙을 의미합니다. 사용자가 어떤 운영체제나 브라우저, 기기를 사용하든 웹페이지가 정상적으로 작동하고 동일하게 보일 수 있도록 하는 제작 기법을 가리킵니다. 2. 웹 표준의 장점2-1. 유지 보수의 용이성웹 표준에 따라 HTML과 CSS, JavaScript를 영역에 따라 구분할 수 있게 되었고, 각 영역에 해당하는 코드가 분리됨에 따라 유지 보수가 용이해졌고 코드가 경량화되면서 트래픽 비용이 감소하는 효과도 발생했습니다.2-2. 웹 호환성 확보웹 표준을 준수함으로써 웹 브라우저의 종류나 버전, 운영 체제나 사용 기기 종류에 구애받지 않고 항상 동일한 결과가 나오도록 할 수 ..

1. What is DOM?DOM은 Document Object Model의 약자로, HTML 요소를 JavaScript Object처럼 조작할 수 있는 모델입니다.DOM은 웹페이지의 콘텐츠 및 구조, 그리고 스타일 요소를 구조화 시켜 표현하여 프로그래밍 언어가 해당 문서에 접근하여 읽고 조작할 수 있도록 API를 제공하는 일종의 인터페이스입니다. 즉 자바스크립트와 같은 스크립팅 언어가 쉽게 웹 페이지에 접근하여 조작할 수 있게끔 연결시켜주는 역할을 담당합니다.만들고자 하는 웹 사이트가 단순하게 정보의 전달만을 목적으로 하는 정적인 웹이라면 HTML과 CSS만으로도 충분합니다. 하지만 그 이상의 동적인 기능을 구현하려고 한다면 자바스크립트와 DOM이 반드시 필요하게 됩니다.2. DOM의 구조DOM은 HT..