Weeeeey Weeeeey

문제 길이가 N인 수열이 주어졌을 때, 그 수열의 합을 구하려고 한다. 하지만, 그냥 그 수열의 합을 모두 더해서 구하는 것이 아니라, 수열의 두 수를 묶으려고 한다. 어떤 수를 묶으려고 할 때, 위치에 상관없이 묶을 수 있다. 하지만, 같은 위치에 있는 수(자기 자신)를 묶는 것은 불가능하다. 그리고 어떤 수를 묶게 되면, 수열의 합을 구할 때 묶은 수는 서로 곱한 후에 더한다. 예를 들면, 어떤 수열이 {0, 1, 2, 4, 3, 5}일 때, 그냥 이 수열의 합을 구하면 0+1+2+4+3+5 = 15이다. 하지만, 2와 3을 묶고, 4와 5를 묶게 되면, 0+1+(2*3)+(4*5) = 27이 되어 최대가 된다. 수열의 모든 수는 단 한번만 묶거나, 아니면 묶지 않아야한다. 수열이 주어졌을 때, 수열..

1. 인스턴스 생성 2. 인스턴스 접근 - ( 인스턴스 연결 4가지 방법 ) 3. 깃허브에 있는 프로젝트 인스턴스에 올려보기 4. 해당 프로젝트 실행을 위해 npm 설치 (npm 설치하면 node도 같이 설치 됨) 5. 이후 프로젝트를 위해 npm install 을 입력했더니 prisma 는 node 16버전 이상이어야 한다고 함. (현재 10버전) 6. node 업데이트를 위해 nvm 설치 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash 7. 터미널 재실행하거나 export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || print..

페이지 이동시 태그를 사용하는 것은 SPA 페이지인 Next.js 에서 효율적이지 못함. a 태그로 이동 시 새로고침을 하기 때문에 그 과정에서 빈 화면이 보일 수도 있고 통신을 새롭게 하다 보니 성능 및 사용자 경험 측면에서 떨어질 수 밖에 없다. 새로고침 없이 페이지 이동을 위한 (SPA에 위배되지 않기 위해) 라우팅 방식에는 와 Router 가 있음 1. Link Link 태그에는 href 속성을 추가하여 가고자 하는 주소(페이지)를 넣는다 새로고침 없이 페이지 전환이 됨. Client-side navigation 방식으로 , JS로 페이지 전환이 이뤄짐 is a React component that extends the HTML element to provide prefetching and cli..

SPA (Single-page application) 하나의 HTML 페이지와 애플리케이션 실행에 필요한 JS, CSS 같은 모든 자산을 로드하는 애플리케이션 후속 페이지의 상호작용은 서버로부터 새로운 페이지를 불러오지 않으므로 페이지가 다시 로드 되지 않음 ES6, ES2015, ES2016 등등 ECMAScript 언어 명세의 최신 버전을 나타내며, JavaScript는 이를 구현한 것 ES6 버전에는 화살표 함수, class,템플릿 리터럴, let const 같은 추가 사항 있음 컴파일러 자바스크립트 컴파일러는 코드를 변환하고 다른 형식으로 코드를 반환함. 일반적으로 es6 문법을 구형 브라우저에서도 동작하도록 변환 Babel은 리액트와 함께 널리 사용되는 컴파일러 번들러 분리된 자바스크립트와 cs..

이러한 객체로 이루어진 배열 data 가 있을 때, 이것의 JSON형태로 볼 수 있는 Viewer를 웹에 띄울려고 했다. 뷰어는 데이터를 직접적으로 편집 가능 할 수 있게 하는 것이 목표. 뷰어는 데이터의 편집까지 가능하므로 곧 에디터 역할을 함. 두가가지 방식을 생각해봄. 위의 객체를 items 라고 명명했을 때, 1. 아래와 같이 pre 태그 안에 input 박스를 넣어서 key값에 대한 value만 조작 가능하게 만들기 this.$primeEditor.innerHTML = ` [ ${this.state.items .map( (node, idx) => ` { "id": "value": }, ` ) .join('')} ] `; // 이것은 json 편집기라기엔 의미가 없다 생각해서 폐기 2. 두 번째 ..

Custom event란 js의 내장 이벤트(click, change...)가 아닌 사용자가 생성한 이벤트 Event / CustomEvent 생성자를 사용해 생성 const selectEvent = new CustomEvent('select', { bubbles: true, detail: '메뉴 클릭이당' }); const itemList = document.querySelectorAll('.item'); for (const item of itemList) { item.addEventListener('click', () => item.dispatchEvent(selectEvent)) } document.addEventListener("select", (e) => alert(e.detail)); //각 ..

Salt Labs

문제 https://school.programmers.co.kr/learn/courses/30/lessons/17678 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 솔루션 셔틀의 도착시간은 곧 출발 시간 (9시 도착한 셔틀은 9시 출발) [예제 2번] 9시에 출발하는 셔틀이 최대 2명 탑승 가능하고 하루에 두번만 운행 할 때 크루원들이 [8시, 9시9분, 9시 10분] 에 줄선다면 (8시에 도착한 멤버는 9시 셔틀을 혼자 타고) (9시 9분,9시 10분에 도착한 멤버들은 9시 10분에 도착(출발)하는 셔틀)에 타게 된다. 그런데 하루에 두 번만 셔틀이 ..