자바스크립트10 프로그래머스 [JavaScript] Lv.0 :: 종이자르기 https://school.programmers.co.kr/learn/courses/30/lessons/120922 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 머쓱이는 큰 종이를 1 x 1 크기로 자르려고 합니다. 예를 들어 2 x 2 크기의 종이를 1 x 1 크기로 자르려면 최소 가위질 세 번이 필요합니다. 정수 M, N이 매개변수로 주어질 때, M x N 크기의 종이를 최소로 가위질 해야하는 횟수를 return 하도록 solution 함수를 완성해보세요. 나의 풀이 function solution(M, N) { var Ma; var N.. 2022. 11. 30. 프로그래머스 [JavaScript] Lv.1 :: 자연수 뒤집어 배열로 만들기 문제 설명 자연수 n을 뒤집어 각 자리 숫자를 원소로 가지는 배열 형태로 리턴해주세요. 예를들어 n이 12345이면 [5,4,3,2,1]을 리턴합니다. 나의 풀이 (오답) function solution(n) { var answer = []; var m=String(n); #문자열로 변환하기 for(let i=m.length; i>=0; i--){ answer.push(m[i]); } return answer; } 맨 처음에 이렇게 풀었는데 코드 실행하니까 에러 떠서 다시 생각해봤다 숫자를 하나씩 쪼개야 하기 때문에 문자열로 변환하고 배열의 마지막 인덱스 부터 인덱스[0] 까지 순서대로 담으면 되는 것 까지는 알겠다 여기까지는 문자열로 변환 된 '1' '2' 이런 상태 그대로 배열에 담기기 때문에 출력 .. 2022. 11. 22. 프로그래머스 [JavaScript] Lv.1 :: 평균 구하기 나의 풀이 function solution(arr) { var answer = 0; for(let i=0; i a + b) / array.length; } 생각나는게 for문 밖에 없어서 for문 이용해서 문제 풀고 나니까 다른 사람들 풀이 중에 reduce로 문제 푼 방식이 있길래 reduce에 대해 찾아봤다 reduce() 배열의 각 요소를 순회하며 콜백함수의 실행 값을 누적한 합산 값을 반환한다 arr.reduce(callback[, initialValue]) callback 함수가 가지는 4가지 인수 - accumulator 반환값 누적 [필수] initalValue를 설정했을 경우 최초 호출 시 initalValue 값을 제공, 설정하지 않았을 경우 초기값은 배열의 첫번째 요소 - cuurent.. 2022. 11. 22. Javascript :: ES6 문법 예시 문제 화살표함수 function pooh() { console.log('곰돌이 푸우'); } pooh(); let pooh2 = () => { console.log('곰돌이 푸우2'); }; pooh2(); 곰돌이 푸우 곰돌이 푸우2 function pooh() { return '푸우는 꿀을 좋아해'; } console.log(pooh()); let pooh2 = () => '푸우는 꿀을 좋아해!!'; console.log(pooh2()); 푸우는 꿀을 좋아해 푸우는 꿀을 좋아해!! this. let age = 30; let person = { name: '홍길동', age: 20, getInfo: function () { console.log(age); }, }; person.getInfo(); 30 let.. 2022. 7. 20. Javascript :: 나머지 매개변수, 전개 구문 Rest parameters Sprad syntax //인수 전달 function showName(name){ //(name) 인수 개수 제한 없음 console.log(name); } showName('Mike'); //Mike showName('Mike','Tom'); //Mike showName(); //undefined Mike Mike 자바스크립트에서 함수에 넘겨주는 인수의 개수는 제약이 없다 함수의 인수를 얻는 방법 - arguments 로 접근 (화살표 함수에는 arguments가 없다) - 나머지 매개 변수를 사용 arguments /* arguments */ function showName(name){ console.log(arguments.length); //2 console.log(a.. 2022. 7. 19. Javascript 문법 정리 object shorthand assignment //object shorthand assignment let name="soyoung" let age=20 let person={ name:name, age:age } console.log(person) {name: 'soyoung', age: 20} 키와 키 값에 들어가는 변수의 이름이 같다면 let name="soyoung" let age=20 let person={ name, age } console.log(person) Destructuring //Destructuring 구조 분해 let person = { name:"soyoung", age:20 } /* let name = person.name let age = person['age'] */ .. 2022. 7. 18. JavaScript :: 구조 분해 할당 Destructuring assignment 구조 분해 할당 구문은 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현식 배열 구조 분해 let [x,y] = [1,2]; console.log(x); // 1 console.log(y); // 2 let users = ['Mike', 'Tom', 'Jane']; let [user1, user2, user3] = users; console.log(user1); // 'Mike' console.log(user2); // 'Tom' console.log(user3); // 'Jane' //문자열을 스플릿으로 자르기 let str ="Mike-Tom-Jane"; let [user1, user2, user3] = str.split('-'); .. 2022. 7. 15. JavaScript :: Symbol property key : 문자형 const obj={ 1: '1입니다.', false:'거짓' } Object.key(obj); //["1","false"] obj['1'] //"1 입니다." obj['false'] //"거짓" Symbol 은 유일한 식별자를 만들 때 사용한다 Symbol : 유일성 보장 const a = Symbol(); // new를 붙이지 않는다 const b = Symbol(); console.log(a) console.log(b) console.log(a===b) //일치연산자로 확인해보면 false가 나온다 console.log(a==b) //자료형은 달라도 내용만 일치하면 되는 동등연산자도 false가 나온다 property key : 심볼형 const id = Symbo.. 2022. 7. 15. Javascript :: 콜백 함수/동기와 비동기 콜백 함수 정의 : 함수에 파라미터로 들어가는 함수 코드를 통해 명시적으로 호출하는 함수가 아니라, 단지 함수를 등록하기만 하고 어떤 이벤트가 발생했거나 특정 시점에 도달했을 때 시스템에서 호출 되는 함수 용도 : 순차적으로 실행하고 싶을 때 사용 안정적으로 확실하게 특정코드를 순차적으로 실행할 수 있다 남이 쓸 코드를 만들 때 유용 document.querySelector('.button').addEventListener('click', function(){ //버튼 누르면 이 코드 실행해주세요 :: .addEventListener }) .addEventListener // 함수 function(){ // .addEventListener 의 파라미터로 함수 넣음 => 콜백 함수 }) setTimeout.. 2022. 7. 11. JavaScript :: 객체 메서드 Object methods 계산 된 프로퍼티 Computed property 객체 메서드 Object methods 객체 복제 Object.assign() // Object.assign(): 객체 복제 const user = { name: 'Mike', age:30 } const cloneUser = user; //이렇게 하면 클론이 될까? 안된다 왜냐하면 //user 변수에는 객체 자체가 들어가있는게 아니라 객체가 저장되어 있는 메모리주소인 객체에 대한 참조값이 저장 됨 //따라서 클론유저를 만들어 유저를 담아도 그 참조값만 저장된다 const newUser = Object.assign({}, user); // 여기서 빈 객체 {} 는 초기값 두번째 매개변수로 들어온 객체들이 초기값에 병합 된다 {} + {name: 'Mike'.. 2022. 7. 3. 이전 1 다음
'자바스크립트' 태그의 글 목록
