본문 바로가기

전체 글410

[ 프로그래머스 / JavaScript ] 행렬의 곱셈 https://school.programmers.co.kr/learn/courses/30/lessons/12949 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 2차원 행렬 arr1과 arr2를 입력받아, arr1에 arr2를 곱한 결과를 반환하는 함수, solution을 완성해주세요. 제한 조건 행렬 arr1, arr2의 행과 열의 길이는 2 이상 100 이하입니다. 행렬 arr1, arr2의 원소는 -10 이상 20 이하인 자연수입니다. 곱할 수 있는 배열만 주어집니다. 입출력 예 arr1 arr2 return [[1, 4], [3, 2],.. 2022. 10. 3.
[ 프로그래머스 / JavaScript ] 다음 큰 숫자 https://school.programmers.co.kr/learn/courses/30/lessons/12911 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 자연수 n이 주어졌을 때, n의 다음 큰 숫자는 다음과 같이 정의합니다. 조건 1. n의 다음 큰 숫자는 n보다 큰 자연수입니다. 조건 2. n의 다음 큰 숫자와 n은 2진수로 변환했을 때 1의 갯수가 같습니다. 조건 3. n의 다음 큰 숫자는 조건 1, 2를 만족하는 수 중 가장 작은 수 입니다. 예를 들어서 78(1001110)의 다음 큰 숫자는 83(1010011)입니다. 자연수 .. 2022. 10. 2.
[ 프로그래머스 / JavaScript ] 피보나치 수 https://school.programmers.co.kr/learn/courses/30/lessons/12945 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 피보나치 수는 F(0) = 0, F(1) = 1일 때, 1 이상의 n에 대하여 F(n) = F(n-1) + F(n-2)가 적용되는 수입니다. 예를 들어 F(2) = F(0) + F(1) = 0 + 1 = 1 F(3) = F(1) + F(2) = 1 + 1 = 2 F(4) = F(2) + F(3) = 1 + 2 = 3 F(5) = F(3) + F(4) = 2 + 3 = 5 와 같이 이어집.. 2022. 10. 1.
[ 자바스크립트 ] <script> 태그는 어디에 위치하는게 효율적일까? 태그는 어디에 위치하는게 가장 효율적일까? 를 적는 크게 4곳을 정리해 보았습니다: 1. parsing HTML Blocked parsing HTML fetching js executing js 태그 안에 가 있는 경우 parsing HTML fetching js executing js parsing HTML Blocked parsing HTML fetching js executing js parsing HTML executing js fetching js parsing을 하다가, script에서 defer을 보면, "main.js를 다운 받자" 명령만 시켜두고 나머지 HTML을 끝까지 parsing 한다. parsing이 끝난뒤에 다운로드 되어지 JavaScript 파일을 실행한다. 2022. 9. 30.
[ 프로그래머스 / JavaScript ] 카펫 https://school.programmers.co.kr/learn/courses/30/lessons/42842 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 Leo는 카펫을 사러 갔다가 아래 그림과 같이 중앙에는 노란색으로 칠해져 있고 테두리 1줄은 갈색으로 칠해져 있는 격자 모양 카펫을 봤습니다. Leo는 집으로 돌아와서 아까 본 카펫의 노란색과 갈색으로 색칠된 격자의 개수는 기억했지만, 전체 카펫의 크기는 기억하지 못했습니다. Leo가 본 카펫에서 갈색 격자의 수 brown, 노란색 격자의 수 yellow가 매개변수로 주어질 때 카펫의 .. 2022. 9. 30.
[ 웹 기능 구현 ] offsetTop을 사용하여 scroll움직임 표현하기 window 객체의 scroll() 메서드와 offsetTop()에 대해 알아보았다.   자바스크립트에서 window 객체는 브라우저 창을 가리킨다.window.scroll() 메서드는 브라우저의 스크롤을 특정 위치로 이동시킨다.   이 메서드는 두 가지 방법으로 호출할 수 있다.     1. window.scroll(x좌표, y좌표)     2. window.scroll(options객체) - key와 value로 구성된 객체를 전달한다.    2번으로 이번 프로젝트를 만들어보았다.   scroll() 메서드를 사용하면!스크롤바를 이동하지 않아도 키보드를 위아래 누르지 않아도 페이지의 스크롤을 이동시킬 수 있다.   HTML요소 중에 offsetTop()을 활용하면!요소의 윗면 경계가 최상위 요소의 윗.. 2022. 9. 30.
[ 프로그래머스 / JavaScript ] 숫자의 표현 https://school.programmers.co.kr/learn/courses/30/lessons/12924# 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 문제 설명Finn은 요즘 수학 공부에 빠져 있습니다. 수학 공부를 하던 Finn은 자연수 n을 연속한 자연수들로 표현하는 방법이 여러 개라는 사실을 알게 되었습니다. 예를 들어 15는 다음과 같이 4가지로 표현할 수 있습니다.1 + 2 + 3 + 4 + 5 = 154 + 5 + 6 = 157 + 8 = 1515 = 15자연수 n이 매개변수로 주어질 때, 연속된 자연.. 2022. 9. 29.
[ 웹 기능 구현 ] Date()를 사용하여 디지털 시계 만들어보기 프로젝트 설명 Date()를 사용하여 현재 시간을 출력하고 GO를 누를 경우 시간이 가고 STOP을 누를 경우 시간이 멈추게 해 보았다. 결과물 코드 index.html GO STOP style.css html, body { margin: 0; /* 웹에는 기본적으로 margin이 있어 margin을 초기화해주었다. */ } .container { text-align: center; /* container 안에 있는 요소들은 중간으로 배치해준다. */ } .clock { width: 200px; /* 가로 길이를 200px로 줄이지 않으면 박스가 화면을 꽉 채운다 */ margin: 30px auto; border: 2px solid black; border-radius: 10px; } button { .. 2022. 9. 28.
[ 프로그래머스 / JavaScript ] 가장 큰 수 https://school.programmers.co.kr/learn/courses/30/lessons/42746 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 0 또는 양의 정수가 주어졌을 때, 정수를 이어 붙여 만들 수 있는 가장 큰 수를 알아내 주세요. 예를 들어, 주어진 정수가 [6, 10, 2]라면 [6102, 6210, 1062, 1026, 2610, 2106]를 만들 수 있고, 이중 가장 큰 수는 6210입니다. 0 또는 양의 정수가 담긴 배열 numbers가 매개변수로 주어질 때, 순서를 재배치하여 만들 수 있는 가장 큰 수를 문.. 2022. 9. 28.
728x90

티스토리툴바