본문 바로가기

js

(8)
JavaScript - [Map, for of 구문, Set, 전개연산자] Map 객체 - js에는 hashmap처럼 쓸수 있는 Map이라는 객체가 존재한다. - key와 value값을 가지며 key는 하나의 value값만을 가진다. 길이 - map의 길이는 size로 구할 수 있다. map.lenght는 0이다. 초기화 - map.clear() 키 제거 - map.delete(key) : 해당하는 키에 대한 value값이 제거 되고 map.has(key) 값이 반환된다. 키 참조 - map.get(key) : 해당하는 키에 대한 value값을 반환한다. 키값이 존재하는지 - map.has(key) : 해당하는 키가 존재하면 true, 존재하지 않으면 false를 반환한다. 키 set - map.keys() : 객체안에 존재하는 모든키들을 iterator 객체로 반환한다. 값 ..
Programmers - Greedy [큰 수 만들기] 1. 문제 문제 설명 어떤 숫자에서 k개의 수를 제거했을 때 얻을 수 있는 가장 큰 숫자를 구하려 합니다. 예를 들어, 숫자 1924에서 수 두 개를 제거하면 [19, 12, 14, 92, 94, 24] 를 만들 수 있습니다. 이 중 가장 큰 숫자는 94 입니다. 문자열 형식으로 숫자 number와 제거할 수의 개수 k가 solution 함수의 매개변수로 주어집니다. number에서 k 개의 수를 제거했을 때 만들 수 있는 수 중 가장 큰 숫자를 문자열 형태로 return 하도록 solution 함수를 완성하세요. 제한 조건 number는 1자리 이상, 1,000,000자리 이하인 숫자입니다. k는 1 이상 number의 자릿수 미만인 자연수입니다. 입출력 예 number k return 1924 2 9..
JavaScript - [VScode에서 Debugging 하기] JavaScript는 VScode에서 작성해서 실제 chrome에 연결된 html, css, js 파일을 넘겨서 chorme에서 실행결과가 나온다. 하지만 원하는 순간에 코드 실행간 어떤일이 일어나는지 모르기때문에 Debugging이 어렵다. VScode에서는 JS를 Debugging하도록 도와주는 확장프로그램이 있다. 다운로드를 받는다. 위 버튼을 누르면 여러 언어들이 나오는데 그중 Chrome을 선택한다. { // IntelliSense를 사용하여 가능한 특성에 대해 알아보세요. // 기존 특성에 대한 설명을 보려면 가리킵니다. // 자세한 내용을 보려면 https://go.microsoft.com/fwlink/?linkid=830387을(를) 방문하세요. "version": "0.2.0", "con..
JavaScript - 4 [js로 HTML, CSS 건드리기] CSS의 아이디 혹은 클래스를 지정해두고 js로 해당 클래스 혹은 아이디에 접근한다. id로 접근하는 방법 DOM (Document Object Module) - js에서는 html파일 전체에 대한 부분을 document라는 객체로 받는다. js에서 html파일에 접근할때는 document 객체를 사용해야한다. - html 파일에 해당하는 부분에 id를 넣어준다. html/css This works! #title { background-color: green; } const getTitle = document.getElementById("title"); getTitle.innerHTML = "Hi! From JS"; getTitle은 document(HTML)에서 title이란 아이디를 가진 요소를 가져..
JavaScript - 2 [변수선언, String, float, int, Array] 변수명 작성법 - 시작하기에 앞서 javaScript 의 변수명 작성은 CamelCase로 작성한다. CamelCase : daysOfWeek 와 같이 끊어서 표현할 변수이름을 대문자로 표기하는 방식이다. snake_case : days_of_week와 같이 밑줄을 섞어서 표현할 변수이름을 표기하는 방식이다. Variable - 자바 스크립트에서 변수는 파이썬과 상당히 비슷한 선언이다. - 자료형 선언도 없고 접근제어자도 없는것 같다. a = 17; b = a - 12; console.log(b); - 자바스크립트는 실행할 수 있으면 다 실행한다. 별로 좋지 않은 코드라도 말이다. 위코드는 변수의 선언을 이야기하지 않았음에도 돌아갔다. let - 변수의 선언은 let 키워드를 붙여 선언한다. - 사실 v..
Programmers - 스택/큐 [기능개발] 1. 문제 문제 설명 프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다. 또, 각 기능의 개발속도는 모두 다르기 때문에 뒤에 있는 기능이 앞에 있는 기능보다 먼저 개발될 수 있고, 이때 뒤에 있는 기능은 앞에 있는 기능이 배포될 때 함께 배포됩니다. 먼저 배포되어야 하는 순서대로 작업의 진도가 적힌 정수 배열 progresses와 각 작업의 개발 속도가 적힌 정수 배열 speeds가 주어질 때 각 배포마다 몇 개의 기능이 배포되는지를 return 하도록 solution 함수를 완성하세요. 제한 사항 작업의 개수(progresses, speeds배열의 길이)는 100개 이하입니다. 작업 진도는 100 미만의 자연수입니다. 작업 속도는 100..
Programmers - Hash [위장] 1. 문제 문제 설명 스파이들은 매일 다른 옷을 조합하여 입어 자신을 위장합니다. 예를 들어 스파이가 가진 옷이 아래와 같고 오늘 스파이가 동그란 안경, 긴 코트, 파란색 티셔츠를 입었다면 다음날은 청바지를 추가로 입거나 동그란 안경 대신 검정 선글라스를 착용하거나 해야 합니다. 종류이름 얼굴 동그란 안경, 검정 선글라스 상의 파란색 티셔츠 하의 청바지 겉옷 긴 코트 스파이가 가진 의상들이 담긴 2차원 배열 clothes가 주어질 때 서로 다른 옷의 조합의 수를 return 하도록 solution 함수를 작성해주세요. 제한사항 clothes의 각 행은 [의상의 이름, 의상의 종류]로 이루어져 있습니다. 스파이가 가진 의상의 수는 1개 이상 30개 이하입니다. 같은 이름을 가진 의상은 존재하지 않습니다. ..
Programers - Hash [완주하지 못한 선수] 1. 문제 문제 설명 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의 이름을 return 하도록 solution 함수를 작성해주세요. 제한사항 마라톤 경기에 참여한 선수의 수는 1명 이상 100,000명 이하입니다. completion의 길이는 participant의 길이보다 1 작습니다. 참가자의 이름은 1개 이상 20개 이하의 알파벳 소문자로 이루어져 있습니다. 참가자 중에는 동명이인이 있을 수 있습니다. 입출력 예 participantcompletionreturn [leo, ki..