전체 글

퍼블리셔의 [개발이랑 친해지길 바라] 프로젝트 🤞
퍼블리싱/Vanilla JS

[Vanilla JS] 무한루프 슬라이드 구현

💡 목표외부 라이브러리를 사용하지 않고, 멈추지 않고 계속 반복하여 보여주는 무한루프 슬라이드 구현 📌 HTML 01 02 03 04 05 06 📌 CSS/* reset */ section { width: 100%;} li { display: inline-block; list-style: none; } /* 슬라이드 */ .slideWrap { display: flex; position: relative; top: 0; left: 0; height: 200px; overflow: hidden; } .slideWrap .imgSlide { display: flex; align-items: center; justify-content: space-between; padding-left: 0; } .slideW..

퍼블리싱/Vanilla JS

[Vanilla JS] 탭 메뉴 구현 / 버튼마다 다른 컨텐츠 보여주기

💡 목표버튼을 누르면 각각 다른 컨텐츠가 보여지는 탭 메뉴 구현 📌 HTML 1 2 3 4 📌 CSS/* reset */ ul { list-style: none; } button { border: none; } /* 컨텐츠 */ .tab_menu { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 90%; box-sizing: border-box; } .tab_menu .videoList { width: 100%; margin-bottom: 10px;} .tab_menu .videoList li .cont{ display: none; width: 100%; height: 100px; } /..

프로그래머스/Lv. 1

[프로그래머스] Lv.1 최소직사각형 / JS

📕 문제 설명 명함 지갑을 만드는 회사에서 지갑의 크기를 정하려고 합니다. 다양한 모양과 크기의 명함들을 모두 수납할 수 있으면서, 작아서 들고 다니기 편한 지갑을 만들어야 합니다. 이러한 요건을 만족하는 지갑을 만들기 위해 디자인팀은 모든 명함의 가로 길이와 세로 길이를 조사했습니다. 아래 표는 4가지 명함의 가로 길이와 세로 길이를 나타냅니다. 명함 번호 가로 길이 세로 길이 1 60 50 2 30 70 3 60 30 4 80 40 가장 긴 가로 길이와 세로 길이가 각각 80, 70이기 때문에 80(가로) x 70(세로) 크기의 지갑을 만들면 모든 명함들을 수납할 수 있습니다. 하지만 2번 명함을 가로로 눕혀 수납한다면 80(가로) x 50(세로) 크기의 지갑으로 모든 명함들을 수납할 수 있습니다. ..

프로그래머스/Lv. 1

[프로그래머스] Lv.1 크기가 작은 부분 문자열 / JS

📕 문제 설명 숫자로 이루어진 문자열 t와 p가 주어질 때, t에서 p와 길이가 같은 부분문자열 중에서, 이 부분문자열이 나타내는 수가 p가 나타내는 수보다 작거나 같은 것이 나오는 횟수를 return하는 함수 solution을 완성하세요. 예를 들어, t="3141592"이고 p="271" 인 경우, t의 길이가 3인 부분 문자열은 314, 141, 415, 159, 592입니다. 이 문자열이 나타내는 수 중 271보다 작거나 같은 수는 141, 159 2개 입니다. ⭐ 제한사항 1 ≤ p의 길이 ≤ 18 p의 길이 ≤ t의 길이 ≤ 10,000 t와 p는 숫자로만 이루어진 문자열이며, 0으로 시작하지 않습니다. 💻 입출력 예 t p result "3141592" "271" 2 "500220839878..

프로그래머스/Lv. 1

[프로그래머스] Lv.1 삼총사 / JS

📕 문제 설명 한국중학교에 다니는 학생들은 각자 정수 번호를 갖고 있습니다. 이 학교 학생 3명의 정수 번호를 더했을 때 0이 되면 3명의 학생은 삼총사라고 합니다. 예를 들어, 5명의 학생이 있고, 각각의 정수 번호가 순서대로 -2, 3, 0, 2, -5일 때, 첫 번째, 세 번째, 네 번째 학생의 정수 번호를 더하면 0이므로 세 학생은 삼총사입니다. 또한, 두 번째, 네 번째, 다섯 번째 학생의 정수 번호를 더해도 0이므로 세 학생도 삼총사입니다. 따라서 이 경우 한국중학교에서는 두 가지 방법으로 삼총사를 만들 수 있습니다. 한국중학교 학생들의 번호를 나타내는 정수 배열 number가 매개변수로 주어질 때, 학생들 중 삼총사를 만들 수 있는 방법의 수를 return 하도록 solution 함수를 완성..

프로그래머스/Lv. 1

[프로그래머스] Lv.1 예산 / JS

삭제 📕 문제 설명 S사에서는 각 부서에 필요한 물품을 지원해 주기 위해 부서별로 물품을 구매하는데 필요한 금액을 조사했습니다. 그러나, 전체 예산이 정해져 있기 때문에 모든 부서의 물품을 구매해 줄 수는 없습니다. 그래서 최대한 많은 부서의 물품을 구매해 줄 수 있도록 하려고 합니다. 물품을 구매해 줄 때는 각 부서가 신청한 금액만큼을 모두 지원해 줘야 합니다. 예를 들어 1,000원을 신청한 부서에는 정확히 1,000원을 지원해야 하며, 1,000원보다 적은 금액을 지원해 줄 수는 없습니다. 부서별로 신청한 금액이 들어있는 배열 d와 예산 budget이 매개변수로 주어질 때, 최대 몇 개의 부서에 물품을 지원할 수 있는지 return 하도록 solution 함수를 완성해주세요. ⭐ 제한사항 d는 부서..

안댕이
개 친 바