목록전체 글 (90)
coding etude
1. background-color 배경의 생상을 정의 할 수 있다. 기본적으로 제공되는 색상을 사용하거나 헥사코트(ex. #000000 ) 또는 RGB or RGBA 를 사용하여 생상 및 opacity값을 수정 할 수있다. div { background-color: #fff; // 동일한 코드가 6개라면 3개로 축약 할 수 있다. } div { background-color: rgb(125, 125, 125); } div { background-color: red; //다양한 기본 값이 존재한다. } // rgba를 사용하영 opacity 제어 div { background-color: black; opacity: .6; } div{ background-color: rgba(0, 0, 0, .6); }..
문제 생략....... 1.실패... (시간초과) indexOf 연산이 오래 걸림... 값이 있는지 검색 후 데이터를 업데이트 하는 과정이 O(n^2)...라고 한다.. function solution(players, callings) { let idxArr = []; callings.forEach(name => { let idx = players.indexOf(name); // 인덱스 번호를 설정 후 [players[idx], players[idx-1]] = [players[idx-1], players[idx]]; // 인덱스 와 인덱스 -1 값을 스프레드 신텍스를 활용하여 sort 한다. }); return players; } 2. 성공 미리 객체 형태고 {name : index} 형태로 만들어서 i..
어느날 갑자기 해당 에러발생.. 사용환경: 윈도우10 / vscode / vue2 발생원인 1. nodeJS의 최신버전을 사용하지 않을 때. 2. react-script 버전이 5 이하일 때. 해결 1. win-nvm을 통한 버전 변경(mac 환경은 nvm) 2. LTS버전으로 변경 했으나 동일증상. 3. nodeJS 페이지에서 버전 정보를 확인 후 하나씩 다운그레이드 진행. 4. 17.xx 버전에서 바로 해결.
우선 리스트의 구조는 메인 메뉴 리스트에 각 메뉴의 서브 메뉴가 들어있는 구조로 진행 하려고 한다. 우선 HTML을 살펴보자 메인1 //여기서 부터 서브메뉴 서브1 서브2 서브3 뭐 요딴 구조로 되어 있다고 가정을 해보자. 그럼 저 메인1을 :hover 했을 때 아래 서브메뉴가 뿅 하고 나오게 하는것이 주기능이다. 1. 우선 메인 메뉴가 하나가 아니라 하나 이상일 경우 가로 or 세로로 정렬을 해주는것이 보기도 사용하기도 편할 것이다. .main { display:flex; flex-direction: row } 요렇게 하면 main에 속해있는 들이 가로로 정렬을 한다. 2. 메인 메뉴와 서브메뉴를 동일 선상으로 정렬한다. 간단하게 말해서 메인메뉴 아래 쪽으로 서브 메뉴의 위치를 고정하는것이다. .mai..
상하좌우의 간격을 만들기 위해 사용 메뉴나 리스트를 생성하면 모든 리스트가 딱딱 붙어 있는것을 볼 수 있다. 이럴 때 gap를 사용하여 각각의 여백을 만들어 준다 상하 / 좌우에 모두 적용 된다. .ex{ gap: 10px 20px; } // 순서대로 좌우 / 상하 의 값을 따로 설정 할 수도 있다
문제 생략~~ 제한사항 1 ≤ ingredient의 길이 ≤ 1,000,000 ingredient의 원소는 1, 2, 3 중 하나의 값이며, 순서대로 빵, 야채, 고기를 의미합니다. 입출력 예 ingredientresult [2, 1, 1, 2, 3, 1, 2, 3, 1] 2 [1, 3, 2, 1, 2, 1, 3, 1, 2] 0 입출력 예 설명 입출력 예 #1 문제 예시와 같습니다. 입출력 예 #2 상수가 포장할 수 있는 햄버거가 없습니다. 풀이 - 여러가지 방법을 생각하게 만드는 문제였다.. 1. 재귀를 사용하여 잘라내고 남은 재료를 다시 돌리는 방법을 사용했는데 절반은 통과하고 절반은 실패.. 시간초과가 뜨는건 아닌데.. 실패하는데 걸리는 시간이 긴걸 보면 재료의 길이가 엄청 길게 주어져서 실패 한게..
문제 생략 3가지의 음식이 준비되어 있으며, 칼로리가 적은 순서대로 1번 음식을 3개, 2번 음식을 4개, 3번 음식을 6개 준비했으며, 물을 편의상 0번 음식이라고 칭한다면, 두 선수는 1번 음식 1개, 2번 음식 2개, 3번 음식 3개씩을 먹게 되므로 음식의 배치는 "1223330333221"이 됩니다. 따라서 1번 음식 1개는 대회에 사용하지 못합니다. 수웅이가 준비한 음식의 양을 칼로리가 적은 순서대로 나타내는 정수 배열 food가 주어졌을 때, 대회를 위한 음식의 배치를 나타내는 문자열을 return 하는 solution 함수를 완성해주세요. 제한사항 2 ≤ food의 길이 ≤ 9 1 ≤ food의 각 원소 ≤ 1,000 food에는 칼로리가 적은 순서대로 음식의 양이 담겨 있습니다. food[..
문제 설명 과일 장수가 사과 상자를 포장하고 있습니다. 사과는 상태에 따라 1점부터 k점까지의 점수로 분류하며, k점이 최상품의 사과이고 1점이 최하품의 사과입니다. 사과 한 상자의 가격은 다음과 같이 결정됩니다. 한 상자에 사과를 m개씩 담아 포장합니다. 상자에 담긴 사과 중 가장 낮은 점수가 p (1 ≤ p ≤ k)점인 경우, 사과 한 상자의 가격은 p * m 입니다. 과일 장수가 가능한 많은 사과를 팔았을 때, 얻을 수 있는 최대 이익을 계산하고자 합니다.(사과는 상자 단위로만 판매하며, 남는 사과는 버립니다) 예를 들어, k = 3, m = 4, 사과 7개의 점수가 [1, 2, 3, 1, 2, 3, 1]이라면, 다음과 같이 [2, 3, 2, 3]으로 구성된 사과 상자 1개를 만들어 판매하여 최대 ..