뭘 배웠지?

이 글을 먼저 읽어보는걸 추천 드리고, 초보자라면 첫 번째 게임부터 따라서 만들어 보는걸 추천합니다. 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..

웹 개발을 독학하며 배우고 있습니다. FreeCodeCamp 커리큘럼을 따라가고 있고, 6개의 인증서를 다 받으면 풀스택이 될 수 있다고 하네요. 2번째 인증서까지 받았고 다음 부트스트랩으로 넘어가기전 자바스크립트를 제대로 다지기 위해 뭘 할지 생각하다가 한 동영상을 봤습니다. 바로 7개의 게임을 만들며 자바스크립트 배우기 (Learn JavaScript by Building 7 Games - Full Course) youtu.be/lhNdUVh3qCc 게임은 총 7개로 메모리 게임, 뱀 게임, 스페이스 인베이더, 개구리길건너기, 테트리스 등 있습니다. (Memory Game, Whack-a-mole, Connect Four, Nokia 3310 Snake, Space Invaders, Frogger, ..

밑의 글로 내려가기전 이 글을 먼저 읽어보는걸 추천 드립니다. 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 이번 게임은 조금 생소할 수도 있는..

밑의 글로 내려가기전 이 글을 먼저 읽어보는걸 추천 드립니다. 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..

border 기본 width 는 3 이다 border-width 지정을 안해주면 기본 3px로 적용되었다 크기 정할 때 참고

밑의 글로 내려가기전 이 글을 먼저 읽어보는걸 추천 드립니다. 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 결과물은 이렇게 나옵니다. 코딩에 ..

반응형 웹 인증서를 받은 후 약 3개월만에 '자바스크립트 알고리즘 & 데이터 구조' 인증서를 받았다. 끙끙되며 배우고, 처음 접하면서 어려운 것들이 나올때는 몇주간 코딩을 안하기도 했다. 결국 돌아가서 트위터로 #100DaysOfCode 라는 커뮤니티(?)로 코딩 습관을 만드는데 노력을 했다. https://twitter.com/hjplumtree 인증서 받기전 5가지의 프로젝트를 끝내고 마침내 받았다. 다음 부트스트랩으로 들어가서 프론트앤드가 되기전 할일이 있다. HTML, CSS 특히 Javascript를 강화시키기 그 첫번째는 '7가지 게임 만드며 자바스크립트 배우기' 이다. 메모리게임, '길건너친구들'같은 게임, 테트리스 등 있다. https://www.youtube.com/watch?v=lhNd..

참고: 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

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..

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