[작품] - 실시간으로 변하는 장바구니 만들기

오랜만에 제작글을 쓴다. 그 이유는 바로 장바구니를 만드는데 생각할 것이 너무 많았기 때문이다. 메뉴를 눌렀을때 해당 메뉴에 맞는 이름과 가격을 추가해 줘야 했고 장바구니에 추가된 메뉴들에게는 각각의 수량을 변경할 수 있는 버튼과 메뉴 삭제 버튼이 필요했다. 이 모든 것을 생각하니 멘붕이 왔다. 그래서 약 2주가 걸렸다... 저번에 메뉴를 추가하는 것 까지 했으나 그 이후에 좀 변한것이 있어서 다시 설명하겠다. 1. 플로팅 바 변화하기 원래의 플로팅 바는 원형이다. 나는 사용자가 인원을 눌렀을 때 플로팅바가 직사각형으로 변하게 할 것이다. 그렇게 하기 위해선 어떤 인원태그가 눌러도 플로팅 바 모양이 변해야 한다. const number = document.querySelectorAll(".number s..

• format_list_bulleted 졸업작품
• · 2023. 3. 16.
• textsms

[JS - 스택] 백준 10808

문제 알파벳 소문자로만 이루어진 단어 S가 주어진다. 각 알파벳이 단어에 몇 개가 포함되어 있는지 구하는 프로그램을 작성하시오. 입력 첫째 줄에 단어 S가 주어진다. 단어의 길이는 100을 넘지 않으며, 알파벳 소문자로만 이루어져 있다. 출력 단어에 포함되어 있는 a의 개수, b의 개수, …, z의 개수를 공백으로 구분해서 출력한다. 예제 입력 1 복사 baekjoon 예제 출력 1 복사 1 1 0 0 1 0 0 0 0 1 1 0 0 1 2 0 0 0 0 0 0 0 0 0 0 0 나의 풀이 let input = require('fs').readFileSync('example.txt').toString().trim().split(''); let array = Array(26).fill(0); for(let..

• format_list_bulleted 알고리즘/자바스크립트-백준
• · 2023. 3. 12.
• textsms

[JS - 스택] 백준 1935

문제 후위 표기식과 각 피연산자에 대응하는 값들이 주어져 있을 때, 그 식을 계산하는 프로그램을 작성하시오. 입력 첫째 줄에 피연산자의 개수(1 ≤ N ≤ 26) 가 주어진다. 그리고 둘째 줄에는 후위 표기식이 주어진다. (여기서 피연산자는 A~Z의 영대문자이며, A부터 순서대로 N개의 영대문자만이 사용되며, 길이는 100을 넘지 않는다) 그리고 셋째 줄부터 N+2번째 줄까지는 각 피연산자에 대응하는 값이 주어진다. 3번째 줄에는 A에 해당하는 값, 4번째 줄에는 B에 해당하는값 , 5번째 줄에는 C ...이 주어진다, 그리고 피연산자에 대응 하는 값은 100보다 작거나 같은 자연수이다. 후위 표기식을 앞에서부터 계산했을 때, 식의 결과와 중간 결과가 -20억보다 크거나 같고, 20억보다 작거나 같은 입..

• format_list_bulleted 알고리즘/자바스크립트-백준
• · 2023. 3. 12.
• textsms

[프로그래머스 | Javascript] 코딩테스트 Lv2 - 기능개발

문제 설명 프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다. 또, 각 기능의 개발속도는 모두 다르기 때문에 뒤에 있는 기능이 앞에 있는 기능보다 먼저 개발될 수 있고, 이때 뒤에 있는 기능은 앞에 있는 기능이 배포될 때 함께 배포됩니다. 먼저 배포되어야 하는 순서대로 작업의 진도가 적힌 정수 배열 progresses와 각 작업의 개발 속도가 적힌 정수 배열 speeds가 주어질 때 각 배포마다 몇 개의 기능이 배포되는지를 return 하도록 solution 함수를 완성하세요. 제한 사항 작업의 개수(progresses, speeds배열의 길이)는 100개 이하입니다. 작업 진도는 100 미만의 자연수입니다. 작업 속도는 100 이하의 자..

• format_list_bulleted 알고리즘/자바스크립트-프로그래머스
• · 2023. 3. 8.
• textsms

[프로그래머스 | Javascript] 코딩테스트 Lv2 - n^2 배열 자르기

문제 설명 정수 n, left, right가 주어집니다. 다음 과정을 거쳐서 1차원 배열을 만들고자 합니다. n행 n열 크기의 비어있는 2차원 배열을 만듭니다. i = 1, 2, 3, ..., n에 대해서, 다음 과정을 반복합니다. 1행 1열부터 i행 i열까지의 영역 내의 모든 빈 칸을 숫자 i로 채웁니다. 1행, 2행, ..., n행을 잘라내어 모두 이어붙인 새로운 1차원 배열을 만듭니다. 새로운 1차원 배열을 arr이라 할 때, arr[left], arr[left+1], ..., arr[right]만 남기고 나머지는 지웁니다. 정수 n, left, right가 매개변수로 주어집니다. 주어진 과정대로 만들어진 1차원 배열을 return 하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ n ≤..

• format_list_bulleted 알고리즘/자바스크립트-프로그래머스
• · 2023. 3. 8.
• textsms

[프로그래머스 | Javascript] 코딩테스트 Lv2 - 위장

문제 설명 스파이들은 매일 다른 옷을 조합하여 입어 자신을 위장합니다. 예를 들어 스파이가 가진 옷이 아래와 같고 오늘 스파이가 동그란 안경, 긴 코트, 파란색 티셔츠를 입었다면 다음날은 청바지를 추가로 입거나 동그란 안경 대신 검정 선글라스를 착용하거나 해야 합니다. 종류이름 얼굴 동그란 안경, 검정 선글라스 상의 파란색 티셔츠 하의 청바지 겉옷 긴 코트 스파이가 가진 의상들이 담긴 2차원 배열 clothes가 주어질 때 서로 다른 옷의 조합의 수를 return 하도록 solution 함수를 작성해주세요. 제한사항 clothes의 각 행은 [의상의 이름, 의상의 종류]로 이루어져 있습니다. 스파이가 가진 의상의 수는 1개 이상 30개 이하입니다. 같은 이름을 가진 의상은 존재하지 않습니다. clothe..

• format_list_bulleted 알고리즘/자바스크립트-프로그래머스
• · 2023. 3. 3.
• textsms