Web Dev/JavaScript :: 자바스크립트 23

[Javascript] 클로저 closure 이란?

closure 의 뜻은 폐쇠, 종료를 가지고 있다. 자바스크립트를 배우며 closure를 알아야 한다고 듣곤 했다. 그럼 closure란 무엇일까? 정의는 이렇다 '함수(function)는 항상 자신 안의 프로퍼티(property), 메소드(method), 변수 등에 접근할 수 있다' function Bird() { let hatchedEgg = 10; // 밖에서 접근할 수 없는 변수(private variable) /* 공개된 메소드 */ this.getHatchedEggCount = function() { return hatchedEgg; }; } let ducky = new Bird(); ducky.getHatchedEggCount(); // 출력값 10 이러식으로 밖에서 접근할 수 없는 것(바꾸..

자바스크립트로 게임만들기 (4/7) 뱀 게임 - 뭘 배웠지?

이 글을 먼저 읽어보는걸 추천 드리고, 초보자라면 첫 번째 게임부터 따라서 만들어 보는걸 추천합니다. https://forgottenknowledge.tistory.com/entry/%EA%B2%8C%EC%9E%84-%EB%A7%8C%EB%93%A4%EB%A9%B0-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%B0%B0%EC%9A%B0%EA%B8%B007 게임 만들며 자바스크립트 배우기(0/7) 웹 개발을 독학하며 배우고 있습니다. FreeCodeCamp 커리큘럼을 따라가고 있고, 6개의 인증서를 다 받으면 풀스택이 될 수 있다고 하네요. 2번째 인증서까지 받았고 다음 부트스트랩으로 넘어가기전 forgottenknowledge.tistory.c..

자바스크립트로 게임 만들기 (2/7) 모기 잡기

밑의 글로 내려가기전 이 글을 먼저 읽어보는걸 추천 드립니다. https://forgottenknowledge.tistory.com/entry/%EA%B2%8C%EC%9E%84-%EB%A7%8C%EB%93%A4%EB%A9%B0-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%B0%B0%EC%9A%B0%EA%B8%B007 게임 만들며 자바스크립트 배우기(0/7) 웹 개발을 독학하며 배우고 있습니다. FreeCodeCamp 커리큘럼을 따라가고 있고, 6개의 인증서를 다 받으면 풀스택이 될 수 있다고 하네요. 2번째 인증서까지 받았고 다음 부트스트랩으로 넘어가기전 forgottenknowledge.tistory.com 이번에 만든 게임은 두더지잡기(Wh..

[Javascript] Arguments 배열로 만드는 3가지 방법

Arguemtns MDN : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments 배열이 아닌것이 배열처럼 착착 받아줘서 고마운 Arguments function func1() { console.log(arguments[1]); console.log(arguments.length); } func1(1, 2, 3); 이렇게 매개변수(Parameter)를 만들어 주지 않아도, 철썩같이 알아주는 고마운 Arguments 하지만 그대로 사용하면 length만 사용할 수 있습니다. 배열의 pop(), push() 등 메소드를 사용하도록 바꿔보자! 1. 가장 길고, 어디서 데려오는지 확실하네 let args = Ar..

[Javascript] Math.pow() 는 제곱 해준다

MDN : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/pow 수학시간이다~~ Math.pow()는 제곱을 해줍니다. Math.pow(7, 3); 즉 이말은 7의 세제곱은???? 이라는 말입니다. 다시한번 Math.pow(5, 4); 이말은 5의 네제곱은????? 5 x 5 x 5 x 5 해준다는 소리 다양하게도 들어갈 수 있습니다 Math.pow(7, -2); // 0.02040816326530612 (1/49) Math.pow(8, -1/3); // 0.5 Math.pow(-7, 2); // 49 Math.pow(-7, 3); // -343

[Javascript] 배열 filter() - 뭘 배웠지?

참고: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter filter()는 주어진 함수에 모든 엘리먼트를 테스트해서 통과한 값으로 새 배열을 만든다 위의 링크 MDN의 예를 조금 바꿔서 알아봅시다. const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present']; 배열 words를 만들고 다시한번 filter()는 함수를 통과한 값으로 배열을 새로 만듭니다. const result = words.filter(word => word !== "limit"); 화살표 함수를 바꿔써보면 이렇게 됩니다. const r..

[Javascript] 자바스크립트 splice()

MDN을 참고 했습니다. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice splice()는 배열의 값을 지우거나, 바꾸꺼나 새로 추가할 수 있습니다. slice()와 달리 splice()는 원본 배열의 바꾼다. splice() 사용방법 months 라는 배열이 있습니다. const months = ['Jan', 'March', 'April', 'June']; splice()에 1개면 입력할 때 months.splice(2); 이렇게 1개면 입력하면 months[2] 즉 배열 months의 세번째 인덱스부터 뒤의 값을 싹 지웁니다. (배열의 인덱스는 0부터 시작) console.log(m..

728x90