[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
[Full stack developer] 풀스택 개발자는 다 아는 사람? NO Full stack devloper 연봉과 수요가 높다는 풀스택 개발자란? 개발에대한 모든걸 알아야 될까? 'No'라고 한다 자바스크립트 책을 쓰고 코딩 커뮤니티나 학교에 무료로 나눠주는 외국 자바스크립트 선생님은 풀 스택의 의미는 모든 것을 말하는게 아니라 스택만 알면 된다고 한다. 이 스택은 MERN MERN (MongoDB, ExpressJS, ReactJS, NodeJS) 을 알면 풀 스택이라고 한다. I still get asked what is Full Stack developer? Do you need to know everything? Full...means everything right? No...you just need to know a stack. And it should probab.. Web Dev 2020.03.20
[JavaScript] 자바스크립트 reduce() 이해하기 - 뭘 배웠지? MDN에 나온 정의에 reduce는 이렇게 나와있다. reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환합니다. MDN reduce 페이지 참조 위의 페이지에서 설명을 보고, 예제를 실행해도 감이 오지 않는다. 밑의 예제를 보고가기전 여기 reduce에 대한 기본을 우선 알자 reduce는 배열이 들어가서 하나의 값이 나온다. reduce는 함수와 초기값를 넣을 수 있다. 함수는 4개의 매개변수(parameter)를 갖는다 (여기선 간단하게 2개로 예를들었습니다.) 첫 번째 매개변수는 '초기값' 혹은 '누적값'이라고 부르자 두 번째 매개변수는 '현재값'이라고 부르자 첫 번째 매개변수에 '초기값'이 정해지지 않으면 배열의 첫 번째 값을 갖는.. Web Dev/JavaScript :: 자바스크립트 2020.03.12
자바스크립트 재귀함수의 아름다움 - 뭘 배웠지? 재귀 (Recursion) 함수 함수 안에서 자신이 자신을 부르는 짓을 한다. for loop 로 표현된 배열의 앞의 n 번째까지 곱하기 function multiply(arr, n) { var product = 1; for (var i = 0; i < n; i++) { product *= arr[i]; } return product; } Recursion 함수로 만든 n 번째까지 곱하기 function multiply(arr, n) { if (n Web Dev/JavaScript :: 자바스크립트 2020.02.25
JavaScript Objects 자바스크립트 오브젝트 오브젝트(Objects)는 배열(Arrays)과 비슷하다. 배열은 인덱스(indexes)로 데이터(data)에 접속하고 수정하지만, 오브젝트는 프로퍼티(properties)를 이용한다. 오브젝트는 구조화된 데이터를 저장하는데 유용하다. .i.e. 구조화된 고양이 데이터 var cat = { "name" : "Whiskers", "legs" : 4, "tails" : 1, "enemies" : ["Water", "Dogs"] }; 전 프로퍼티가 다 스트링(string) 이다. 밑에 처럼 숫자가 프로퍼티가 될 수도 있고, 한단어로 사용하면 따옴표를 안써도 된다. var anotherObject = { make: "Ford", 5: "five", "model": "focus" }; 오브젝.. Web Dev/JavaScript :: 자바스크립트 2020.02.24
반응형 웹 디자인 인증서 HTML CSS 으로 반응형 웹 디자인하는 코스 10일 걸렸다 https://www.freecodecamp.org/pirate 불러오는 중입니다... Web Dev/FreeCodeCamp Certifications :: 인증서 2020.02.21