Category: JavaScript

2019
0
Front-endJavaScript

즉시 실행 함수(Immediately-invoked function expression)

즉시 실행 함수(Immediately-invoked function expression)라는 키워드를 접하게 되어 정리해보고자 한다.즉시 실행 함수란 무엇이며 어떤 경우에 사용하고 즉시 실행 함수를 이용하는 방법에 대해 알아보자. 즉시 실행 함수(Immediately-invoked function expression)란? 일반적인 함수는 선언과 호출을

0
Front-endJavaScript

객체의 속성 열거하기

객체의 속성 열거하기 객체의 속성을 열거할 때 사용할 수 있는 방법들을 정리해보자. Object.keys: 객체 자신의 속성 중 열거 가능한(enumerable) 속성의 이름을 배열로 반환 Object.values: 객체 자신의 속성 중 열거 가능한(enumerable) 속성의 속성 값을 배열로 반환 Object.entries: 객체 자신의 속성 중 열

0
Front-endJavaScript

배열의 특정한 위치에서 요소를 추가 또는 삭제하기

배열의 특정한 위치에서 요소를 추가 또는 삭제하기 Array.splice는 배열의 중간에서 요소를 삭제하거나 추가할 수 있다. 오늘은 배열 중간에 원하는 값을 추가하기 위해 Array.splice를 사용하였다. Array.splice의 추가/삭제에 대해 정리해보자. Array.splice(시작 인덱스의 위치, 삭제할 요소의 개수(추가할 때는 0을 넣음),

0
Front-endJavaScript

JavaScript에서 return과 break의 차이

JavaScript에서 return과 break의 차이 JavaScript로 코드를 짜면서 for문과 switch문을 작성할 일이 있었다.return과 break가 비슷한 역할을 하면서도 미묘한 차이가 있다는 사실은 알지만,명확하게 무엇이 다른 지는 생각나지 않았다. 따라서, 간략하게 정리하고자 한다. 1. return return은 함수 실행을 종료하고

0
Front-endJavaScript

원본 배열에 아무런 영향을 미치지 않는 메소드

배열로부터 새로운 값 생성원본 배열에 아무런 영향을 미치지 않는 메소드 JavaScript에서 원본 배열을 변경하는 것이 아닌,배열로부터 새로운 값을 생성하여 원본 배열에 아무런 영향을 미치지 않는 메소드를 알아보자. slice map concat reduce filter join 요소찾기 indexOf lastIndexOf 배열이 특정 조건을 만족

0
Front-endJavaScript

문자열 심화 & 객체의 기본과 속성

본 포스팅은<ZeroCho님의 인프런 - 웹 게임 개발 자바스크립트 >강의를 들으면서 정리한 내용임을 알려드립니다. 문자열 심화 - index와 length123456"함수야놀자"[2];// "야""함수야놀자"[0];//"함""함수야놀자"[3];//"놀" 123함수야 놀자1 2 3 4 5 <-- 사람0 1 2 3 4 <-- 컴퓨

0
Front-endJavaScript

끝말잇기 구현

본 포스팅은<ZeroCho님의 인프런 - 웹 게임 개발 자바스크립트 >강의를 들으면서 정리한 내용임을 알려드립니다. 끝말잇기 구현 코딩 자체보다는 순서도(알고리즘)가 더 중요하다. 순서도 논리적 사고를 하는 게 중요하다. 손이나 그림판으로 직접 그리면서 연습을 많이 해보자. while문으로 구현12345678910111213141516

0
Front-endJavaScript

반복문(while, for)

본 포스팅은<ZeroCho님의 인프런 - 웹 게임 개발 자바스크립트 >강의를 들으면서 정리한 내용임을 알려드립니다. 반복문while문먼저, while문의 형태를 보자. 12345처음;while (조건) { 실행; 끝;} 1234let 변수 = "딸기";while ("딸기" === 변수) { console.lo

0
Front-endJavaScript

자바스크립트 기초

본 포스팅은<ZeroCho님의 인프런 - 웹 게임 개발 자바스크립트 >강의를 들으면서 정리한 내용임을 알려드립니다. "REPL": READ EVALUATE PRINT LOOP 연산자 우선순위 대입연산자인 =이 제일 마지막에 실행된다. 소괄호()를 쓰면 연산자 우선순위를 바꿀 수 있다.(수학처럼) 함수1y = f(x)

0
Front-endJavaScript

자바스크립트 19일차

모듈 역사 DOM Tree 라이브러리require.js 모듈 번들러Browserify CommonJS-require()함수를 이용해서 모듈을 이용 Node.js 모듈 UMD define()함수를 이용해서 모듈을 이용 많은 모듈 시스템이 있었다.기존의 자바스크립트 함수를 사용하는 모듈 시스템들이 사용되었다. 예전 모듈 시스템은 자바스크립트 함수를 사