JavaScript

JavaScript 자바스크립트, 웹페이지의 동작을 위한 언어 태그 안에서 구동되는 언어이다. 보통 `` 태그 안에 적어서 사용하지만 어느곳에 적어도 구동된다. 변수 변수는 데이터의 값을 담는 바구니같은 것으로 JS에서는 var, let, const 세 가지

DOM 이란? The Document Object Model, 문서 객체 모델 HTML 문서 프로그래밍 인터페이스 표현, 저장, 조작등을 지원한다. document는 해당 문서를 뜻함 . 은 ~의 라는 의미 getElementById('id') id에 맞는 요소를 가

JQuery란? HTML 요소들을 조작하는 DOM을 더 쉽게 쓸 수 있도록 해둔 라이브러리. 요즘 새로 개발할 때에는 사용을 잘 안하는 추세이지만, 아직 사용하는 곳도 있다고 한다. 미리 작성된 JavaScript로 Import 시켜야 사용이 가능 JQuery I

Fetch 기본 골격 fetch("url") : url이랑 통신 요청 .then() : 요청 받으면 ()안 명령 실행 res => res.json() : 받은 데이터를 res라 부르고 json 형식으로 바꿈 then(data=>{}) : json 형태로 변경된 데이터

Firebase란? Google에서 개발한 모바일 & 웹 애플리케이션 개발 플랫폼으로 개발자들이 인프라를 구축 및 관리할 필요 없이 제작할 수 있도록 도와줌. 단, 커스터마이징이 힘들다는게 단점. 하지만 사용량만 넘어가지 않는다면 무료라는게 장점. Firebase 사

함수는 JS의 기본 구성 요소중 하나이며, 중복되어 사용될 코드를 인자들을 입력받아 처리해서 출력해주는 상자와 같다.예시로 덧셈을 해주는 함수를 만들어보겠다.자주 쓰일 코드를 함수화 하여 사용하면 간편하고 깔끔한 코드로 만들 수 있을 것이다.전역 스코프전역 스코프에서

전에도 한번 언급했었지만 객체의 기본틀은 다음과같고 키-밸류 로 이루어져 있다.다음과 같은 경우에는 생성자 함수를 이용하여 a,b 객체를 생성한 경우이다. 생성자 함수를 이용하면 객체를 일괄적으로 생성 가능하다.객체 속성에 접근할때는 객체이름.속성명 을 쳐주면 가져올

기본 생성배열의 기본 틀은 대괄호를 사용하며 요소를 쉼표로 구분한다.배열 크기지정배열의 크기를 미리 정해서 생성할 수 있다.배열 접근배열이 포함된 변수명을 적고 대괄호 안에 인덱스를 넣어 접근한다.배열 인덱스는 0부터 시작한다.push()push 메소드는 배열 끝에 요

ES6 es6는 2015년도 공식 발표되었으며 JS의 개발 기준이 되었다. 이전 버전에 비하여 훨씬 강력하고 표현력이 풍부하기 때문이다. 도입된 이후 변경(추가)사항 변수 2015년 이전 var을 사용하여 변수를 선언 ES6 도입 let(변수), const(상수)

일급 객체란 다른 객체들에게 일반적으로 적용되는 모든 연산을 다 지원하는 객체를 말한다.그 중 함수가 일급 객체로 취급되는 5가지의 경우를 적어보겠다.변수에 함수 할당함수는 변수에 할당될 수 있으며, 값으로 취급되기 때문에 다른 변수처럼 할당할 수 있다.함수 인자 지원

Map과 Set은 객체와 배열의 한계를 극복하고자 나온 자료구조이다.이 두 자료구조는 데이터 구성 및 검색, 사용을 효율적으로 처리할 수 있다.Map은 키-값으로 이루어진 객체와 비슷하나 키가 정렬된 순서로 저장되는 점이 다르다.MAP의 경우 추가 및 검색(set),

Set은 Map과 같이 객체와 배열의 한계를 극복하고자 나온 자료구조이다.중복을 허용하지 않으며 키-값을 저장하는 객체나 map과 달리 Set은 값만 저장한다.중복을 제거하는 문제에서 사용하면 좋다.Set 생성 및 사용생성추가Set은 Map과 달리 add 메서드를 사용

JS에서 데이터 타입은 크게 기본형과 참조형으로 나뉜다.이 구분 기준은 메모리 저장 방식과 불변성 여부이다.기본형의 경우 불변성을 띄며 값을 복사하고, 참조형의 경우 비불변성을 띄고 메모리에 담긴 주소값을 복사한다.할당 예시변수 선언 영역데이터 영역변수 선언의 경우 변

실행할 코드에 제공할 환경정보들을 모아놓은 객체이다. 콜스택에 데이터를 쌓아올리며,LIFO 방식으로 처리된다. 이로인해 코드의 환경 및 순서를 보장할 수 있다.호이스팅외부 환경정보 구성this 설정예시코드전역변수가 최초로 콜스택에 쌓이고, 그다음 outer() 함수가

this this는 다른 객체지향 언어에서 클래스로 생성한 인스턴스를 말하지만, JS에서는 어디에서나 사용할 수 있다. 상황에 따라 다른 this this는 실행 컨텍스트가 생성될 때 결정되며 이것을 this를 bind 한다라고 한다. 전역공간에서 this 전역공간

다른 코드 인자로 넘겨주는 함수로, forEach, setTimeout 등이 있다.해당 함수에 대한 제어권이 나에게 있는 것이 아니라 넘겨준 코드에게 할당된다.제어권을 위임받은 코드는 적절한 시점에 함수를 실행한다.메서드로써 호출된 코드이다.메서드가 아닌 함수로 호출되

ES6에 도입된 클래스란 객체 지향 프로그래밍에서 특정 객체를 생성하기 위해 미리 변수와 메서드를 정의하여 찍어낼 수 있게끔 해주는 일종의 틀, 설계도라고 볼 수 있다.클래스는 class 키워드를 사용하여 생성할 수 있다.기본적으로 constructor 라는 생성자 함

함수와 함수가 선언되었을 당시의 렉시컬 환경 조합이다.이게 뭔소리야 할텐데 선언 당시 변수나 정보들을 기억하는 것이라고 생각하면 된다.생명주기가 끝난 외부 함수의 변수에 접근할 수 있다.위 코드에서 outer 함수 내 inner 함수가 실행되면 10이 출력되는 것을 알

변수의 생성과정은 선언단계 - 초기화단계 - 할당 단계로 이루어져 있다.var의 경우 선언 및 초기화가 같이 진행된다.let의 경우 선언 - 초기화 - 할당이 이루어진다.const의 경우 세가지 단계가 한번에 이루어진다.var는 함수스코프(함수 내에서만 지역변수, 블록

\[JS 데이터 타입 심화](https://velog.io/@r_louis/JS-%EB%8D%B0%EC%9D%B4%ED%84%B0-%ED%83%80%EC%9E%85-%EC%8B%AC%ED%99%94위 게시글에서 공부했던 내용 중 얕은복사와 깊은복사에 대한 내용

문제 1번 12와 18의 약수 12: 1, 2, 3, 4, 6, 12 18: 1, 2, 3, 6, 9, 18 최대공약수 최대공약수를 알기 전, 공약수는 두 수 혹은 그 이상의 여러수의 공통인 약수를 뜻한다. 최대공약수는 이름 그대로 공약수 중 가장 큰 것을 가리킨

풀이방식해당 문제는 Set을 이용하여 중복을 제거하고 반환해주면 될 것 같다.string을 str로 받는다.변수에 Set을 만들어 주고 문자열을 split을 이용하여 넣어준다.Set을 전개연산자를 사용하여 배열로 감싸고 변수에 저장한다.join을 통해 배열을 문자열화

아직 JS를 완벽히 알지 못하는데.. 개인과제로 로그라이크 게임 제작을 하게 되었다.문제푸는 것 보단 낫지..😁로그라이크는 게임 플레이 중에 죽으면 부활이나 체크포인트, 세이브/로드의 개념 없이 아예 처음부터 다시 시작해야 하는 장르를 말한다.< 호영 튜터님의

attack 클래스 메서드 구현1.1 attack 클래스 메서드는 최종 공격값을 반환한다.1.2 최소 공격력과 최대공격력 사이 랜덤한 값이 최종 공격력이다.Player stageAbility 클래스 메서드 구현2.1 체력은 스테이지 성공시마다 0~100 랜덤숫자에서 스

게임 구동에 있어 창크기에 따라 불편함이 있을 수 있기 때문에 처음 가동 시 창크기를 지정하였다.Mac 환경의 경우 지원하지 않아 운영체제가 Mac일 때에는 경고문을 출력한다.사망시 기존에는 게임이 종료되었다.game.js가 종료되었을 때 server.js로 돌아가게끔

server.js를 중점으로 game.js, option.js, achieve.js, data.js로 기능별 분리했다.아직 구현해보고 싶은 것이나 다른 방식으로 처리, 난이도에 따른 특성 수정 등 하고 싶지만,우선 과제 제출하고 추후에 node 수업을 들으면서 심심할때

풀이방식1점을 득하기 위해서는 4루타가 필요하다.2점을 득하기 위해서는? 8루타라고 생각할 수 있지만 기존 4루타에서 한명이 들어왔고, 1,2,3루에 사람이 있기 때문에, 1루타만 더 치면 되는 것이다.그렇다면, 우리는 1점은 4루타, 2점은 5루타, 3점은 6루타 로

Docs 페이지에 예제가 있길래 JS 복습할 겸 풀어보았다.