Dogfootruler Kim

vuex Vue.js application 에 대한 상태관리패턴 + 라이브러리 (https://vuex.vuejs.org/) application 모든 component들의 중앙 저장소 역할 (데이터 관리) 상위(부모) 하위(자식)의 단계가 많이 복잡해진다면 데이터 전달하는 부분이 매우 복잡 application이 여러 구성요소로 구성되고 더 커지는 경우 데이터를 공유하는 문제가 발생 상태관리패턴 상태(data())는 앱을 작동하는 원본 소스 뷰(template)는 상태의 선언적 매핑 액션(methods)은 뷰에서 사용자 입력에 대해 반응적으로 상태를 바꾸는 방법 단방향으로 데이터의 흐름이 진행된다. vuex의 핵심 컨셉 이해 vuex 저장소 개념 State : 단일 상태 트리를 사용. applicati..

두가지 방법이 있다. 나는 두번째 것으로 오류 해결!! 1. 오류가 나는 부분 같은 줄에 아래와 같은 코드를 추가 // eslint-disable-next-line no-unused-vars 2. package.json 파일에 rules에 아래와 같은 코드 추가 "rules": { "no-unused-vars": "off" } npm 중단 후, 재 시작하면 해결 완~~~~~~료 !!!!

문제 https://www.acmicpc.net/problem/1967 1967번: 트리의 지름 파일의 첫 번째 줄은 노드의 개수 n(1 ≤ n ≤ 10,000)이다. 둘째 줄부터 n-1개의 줄에 각 간선에 대한 정보가 들어온다. 간선에 대한 정보는 세 개의 정수로 이루어져 있다. 첫 번째 정수는 간선이 연 www.acmicpc.net 풀이 및 소스코드 먼저, 트리의 루트로부터 제일 멀리 떨어진 ( 가중치가 제일 큰 ) 노드를 구한다. 예제는 위와 같다. 9번 노드가 가장 멀리 떨어져있음을 알 수 있다. 따라서, 가장 멀리 떨어진 노드부터 그 노드에서 가장 멀리 떨어진 노드가 트리의 지름이라고 할 수 있다. 이때, 자식노드에서 부모노드로 탐색을 해야하기 때문에 양방향 그래프를 만들어주되, dfs 돌릴 때..

v-bind로 index도 보내려면, v-bind:index="index" 를 해주면 된다.

문제 https://www.acmicpc.net/problem/2458 2458번: 키 순서 1번부터 N번까지 번호가 붙여져 있는 학생들에 대하여 두 학생끼리 키를 비교한 결과의 일부가 주어져 있다. 단, N명의 학생들의 키는 모두 다르다고 가정한다. 예를 들어, 6명의 학생들에 대하여 www.acmicpc.net 풀이 및 소스코드 bfs로 풀었다. 리스트에 담을 때 본인보다 큰 사람만 담는 리스트 하나, 작은 사람만 담는 리스트 하나 이렇게 두개를 만들어서 각각 bfs 돌려주었다. 이 문제에서 느낀 ArrayList와 LinkedList 구분의 중요성..! 처음에는 그냥 LinkedList로 풀었으나, 생각해보니 삽입삭제보다는 조회가 더 많은 경우라 ArrayList로 다시 바꿔 풀었는데 아래와 같이 ..

문제 https://www.acmicpc.net/problem/2156 2156번: 포도주 시식 효주는 포도주 시식회에 갔다. 그 곳에 갔더니, 테이블 위에 다양한 포도주가 들어있는 포도주 잔이 일렬로 놓여 있었다. 효주는 포도주 시식을 하려고 하는데, 여기에는 다음과 같은 두 가지 규 www.acmicpc.net 풀이 및 소스코드 바텀업방식으로 풀었다. dp는 어려웝 ㅠ! import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; public class Main { public static void main(String[] args) throws NumberFormatException, IOExc..

문제 https://www.acmicpc.net/problem/10825 10825번: 국영수 첫째 줄에 도현이네 반의 학생의 수 N (1 ≤ N ≤ 100,000)이 주어진다. 둘째 줄부터 한 줄에 하나씩 각 학생의 이름, 국어, 영어, 수학 점수가 공백으로 구분해 주어진다. 점수는 1보다 크거나 같고, 1 www.acmicpc.net 풀이 및 소스코드 우선순위큐로 풀면 되는 문제이다. 자바에서는 우선순위큐를 풀기위해서는 Comparable 이라는 인터페이스를 implements 하면 된다. 메소드에 원하는 정렬을 정의하면 되는데, this.mat : 인덱스가 앞서는 원소, o.mat : 인덱스가 뒤에있는 원소라고 생각하면 된다. 앞에꺼 빼기 뒤에꺼 즉, this.mat - o.mat 이 양수면 둘이 ..

개발자 도구에 Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead. 라는 에러가 떴다. 알고보니 root를 하나로 설정해야 하는 규칙을 위배해서 생기는 에러이다. 따라서 Template 바로 아래에 태그를 추가해 감싸주면 된다.