본문 바로가기

분류 전체보기66

프로그래머스 Lv.2 이진 변환 반복하기 (JavaScript) 자바스크립트로 프로그래머스 문제 풀기 문제 - 출처: https://school.programmers.co.kr/learn/courses/30/lessons/70129 문제에 변환 단계가 여러단계라서 헷갈릴 수 있다. 이 글에는 생략했으나 문제 링크로 이동시 입출력 예시에 대한 설명이 자세히 나와 있다. 문제를 자세히 읽어보면, 변환해야 하는 것이 "문자열 → 0을 제거(기록필요) → 제거하고 남은 수의 자릿수 계산 → 자릿수를 2진수로 변환" 이렇게 진행하는 것을 한번의 변환으로 보고, 이 변환을 2진수가 1이 될때까지 반복한다. 최종적으로 총제거한 0의 수와 변환 횟수를 구하면 된다. 풀이 나의 풀이 function solution(s) { var answer = [0, 0]; //정답의 초기값을 모.. 2022. 9. 17.
프로그래머스 Lv.1 최대공약수와 최소공배수 (JavaScript) 자바스크립트로 프로그래머스 문제 풀기 문제 - 출처: https://school.programmers.co.kr/learn/courses/30/lessons/12940 두 수의 최대공약수와 최소 공배수를 구하는 문제중 가장 기본 문제이다. 풀이 최대공약수, 최소공배수가 응용된 문제들이 좀 보여서 정리를 위해 기본 문제를 풀어보았다. 최대공약수 / 최소공배수 란? : 주어진 수들의 공통 약수 / 배수에서 가장 큰 값 / 작은값 이다. 그래서 이 정의를 이용한 방법도 있으나, 유클리드 호제법을 사용하는것이 유리하므로 두가지 경우를 모두 정리해보았다. for문 사용 function solution(n, m) { var answer = []; let a = Math.min(n, m); let b = Math.m.. 2022. 9. 17.
헷갈리는 자바스크립트 문자열/배열의 메서드 정리 자바스크립트(JavaScript)의 문자열과 배열의 주요 메서드(method)들을 비교 정리해보았다. 메서드가 아닌 것 : length 프로퍼티 - length : property로 ( ) 없이 사용한다. - 배열의 length : 배열 내 요소 개수가 아닌 가장 큰 인덱스 + 1 이다. 문자열 메서드 비교 정리 기능 요약 메서드 / 구문 설명 반환값 원본 변경 음수 인자 응용 / 기타 문자 추출 str[idx] - idx: index index가 idx인 문자를 추출한다. 추출한 문자 X 빈문자열 반환함 - 현재 더 많이 사용 - 위치에 글자 없으면 undefined 반환함 str.charAt(idx) - idx: index - 위치에 글자가 없는경우 빈문자열 반환함 부분 문자열 찾기 str.index.. 2022. 9. 14.
[프론트엔드스쿨] WIL 6주차 제로베이스 프론트엔트 스쿨 6주차 WIL Weekly I learned... 자바스크립트 스터디를 진행하면서 강의를 들으며 빠르게 지나쳤던 개념들을 다시 살펴보았다. 1. DOM - 텍스트로 되어 있는 HTML 문서를 브라우저가 이해할 수 있는 자료 구조(트리구조)로 생성한 것. 2022.09.11 - [JavaScript] - DOM 소개 (그래서 DOM이 뭔데?) 2. 객체의 메서드와 this - JS의 객체는 메서드라는 속성을 가진다. 이는 객체 프로퍼티에 할당된 함수로 객체가 행동할 수 있게 해준다. 2022.09.07 - [JavaScript] - 자바스크립트 객체의 메서드와 this JS토이프로젝트 강의를 들으면서 DOM 인터페이스 메서드들을 직접 다루게 되었다. 그 중 가장 많이 사용한 것을.. 2022. 9. 11.
DOM 소개 (그래서 DOM이 뭔데?) 들어가며 이 글은 이해가 안가는 부분에 대한 학습을 위해 정리한 글입니다. 그래서 조금더 쉬운말과 간략한 내용들 위주로만 작성하였으니 참고하시기 바랍니다. 또한 여러 문서를 참고하면서 최대한 틀리지 않으려고 노력했으나, 잘못된 내용이 있다면 지적해 주시기 바랍니다. DOM (Document Object Model) MDN에 따르면, DOM은 아래와 같다. 문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕.. 2022. 9. 11.
프로그래머스 Lv.1 로또의 최고 순위와 최저 순위 (JavaScript) 자바스크립트로 프로그래머스 문제 풀기 문제 - 출처: https://school.programmers.co.kr/learn/courses/30/lessons/77484 프로그래머스 2021 Dev-Matching: 웹 백엔드 개발자(상반기) 기출문제입니다. [문제 설명] 로또 6/45(이하 '로또'로 표기)는 1부터 45까지의 숫자 중 6개를 찍어서 맞히는 대표적인 복권입니다. 아래는 로또의 순위를 정하는 방식입니다. 1 순위당첨 내용 1 6개 번호가 모두 일치 2 5개 번호가 일치 3 4개 번호가 일치 4 3개 번호가 일치 5 2개 번호가 일치 6(낙첨) 그 외 로또를 구매한 민우는 당첨 번호 발표일을 학수고대하고 있었습니다. 하지만, 민우의 동생이 로또에 낙서를 하여, 일부 번호를 알아볼 수 없게 되.. 2022. 9. 10.
프로그래머스 Lv.1 약수의 합 (JavaScript) 자바스크립트로 프로그래머스 문제 풀기 문제 - 출처: https://school.programmers.co.kr/learn/courses/30/lessons/12928 입력받은 수의 약수의 합을 구하는 문제이다. 소수 찾기의 반대로 생각하면 된다. 소수찾기에 대한 내용은 다음 글에 정리하였다. 2022.09.03 - [자료구조&알고리즘/개념 및 이론] - 소수 구하기 (자바스크립트) 소수 구하기 (자바스크립트) 소수 (Prime number) 소수는 1보다 큰 자연수 중 1과 자기 자신만을 약수로 가지는 수이다. 정수론에서 매우 중요한 주제이며, 특히 현대사회에서 암호학에서 많이 사용하여서 매우 중요해졌다. 출 peach-milk.tistory.com 풀이 나의 풀이 function solution(n).. 2022. 9. 10.
프로그래머스 Lv.1 문자열 내림차순으로 배치하기 (JavaScript) 자바스크립트로 프로그래머스 문제 풀기 문제 - 출처: https://school.programmers.co.kr/learn/courses/30/lessons/12917 문자열을 대소문자를 구분해서 내림차순으로 정렬하는 문제이다. 풀이 나의 풀이 function solution(s) { return s.split("").sort().reverse().join("") } Study more... 문제를 결국 풀긴했는데 처음에 sort((a,b) => (b - a)) 의 형식으로 풀었더니 정렬이 되지 않았다. 그래서 sort함수에 다시 살펴보았다. (출처: MDN) Array.Prototype.sort() 메서드와 문자열 정렬 - 배열의 요소를 정렬하는 메소드이며, 기본 정렬 순서는 유니코드 코드 포인트를 따.. 2022. 9. 10.
자바스크립트 객체의 메서드와 this 객체 지향 프로그래밍(OOP) 자바스크립트(JavaScript)는 객체 지향적 프로그래밍 언어 중 하나이다. 객체 지향 프로그래밍(Object-Oriented Programming, OOP)는 컴퓨터 프로그램을 명령어의 목록으로 보는 시각에서 벗어나 여러 개의 독립된 단위, 즉 "객체"들의 모임으로 파악하고자 하는 것이다. 각각의 객체는 메시지를 주고받고, 데이터를 처리할 수 있다.(출처: 위키백과) 따라서 자바스크립트에서의 객체에 대한 이해가 중요하다. 그중 메서드와 this에 관하여 모던자바스크립트 튜토리얼 및 mdn을 참조하여 정리하였다. 자바스크립트의 객체는 메서드(메소드, method)라는 속성을 가지고 있다. 메서드(Method)란? 객체의 속성인 함수이다. 객체의 property에 할당된 함.. 2022. 9. 7.

티스토리툴바