[Javascript] String.fromCharCode() 숫자를 문자로! 숫자를 문자를 만드는데 사용하는 fromCharCode() 각 숫자에는 UTF-16 코드에 정해진 문자가 있다. FromCharCode()를 사용하면 해당 숫자에 맞는 문자가 나오는 것 사용법은 이렇게 간단하다 console.log(String.fromCharCode(102, 117, 110)); // expected output: fun 102는 f 117은 u 110은 n 그래서 fun 문자가 만들어진다. Web Dev/JavaScript :: 자바스크립트 2020.07.01
[Javascript] 즉각 실행되는 IIFE 함수의 이름도 없고, 부르지도 않았도 바로 실행되는 형태 IIFE (Imediately Invoked Function Expression) 사용법은 간단한다 두개의 괄호()() 만 더 있으면 된다. (function () { console.log("A cozy nest is ready"); })(); 하나는 함수 전체를 감싸고, 하나는 함수 뒤에 붙여주면 완료! Web Dev/JavaScript :: 자바스크립트 2020.06.21
[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 이러식으로 밖에서 접근할 수 없는 것(바꾸.. Web Dev/JavaScript :: 자바스크립트 2020.06.21
자바스크립트로 게임만들기 (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.. Web Dev/JavaScript :: 자바스크립트 2020.06.04
자바스크립트로 게임 만들기 (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.. Web Dev/JavaScript :: 자바스크립트 2020.05.22
[Javascript] 반올림 함수 Math.round() 참고: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/round Math.round() 는 반올림을 해준다. Math.round(0.4); //결과 0 Math.round(0.5); //결과 1 Math.round(-3.1); //결과 -3 Math.round(-4.8); //결과 -5 Web Dev/JavaScript :: 자바스크립트 2020.04.27
[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.. Web Dev/JavaScript :: 자바스크립트 2020.04.21
[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 Web Dev/JavaScript :: 자바스크립트 2020.04.19
[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.. Web Dev/JavaScript :: 자바스크립트 2020.03.24
[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.. Web Dev/JavaScript :: 자바스크립트 2020.03.22