coding etude

1. margin이란? 정의된 테두리의 외부 여백을 설정에 사용. 2. 설정 방법 px, pt, cm, % , auto, inherit 등으로 설정 가능. 상하좌우 모두 설정이 가능하고, 값의 수에 따라 지정 방향이 결정 된다. margin: 10px (상하좌우) margin: 10px, 20px (상하, 좌우) margin: 5px 10px 5px 12px (상, 우 ,하, 좌) // 위쪽으로 부터 시계방향!! 또는, margin-top, margin-right, margin-bottom, margin-left 를 사용하여 개별적으로 지정해줄 수 있다. 3. auto & 0 margin의 값을 0으로 한다면 외부의 여백을 0으로 지정하는것. auto는 브라우져가 값을 자동으로 계산하여 지정하는 것으로 ..

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[..