전체 글 75

v-for와 v-if 분리하는 방법

현재 공부 중인 프로젝트를 싱글 파일 컴포넌트 체계로 바꾸기 위해서 .vue 파일로 프로젝트를 구성하고 있었습니다. {{emp.id}} {{emp.name}} {{emp.dept_name}} {{emp.title}} {{emp.salary}} 해당 코드는 직원들의 정보를 가진 emps배열에서 emp.name이 name을 포함하는 직원만 출력하는 코드입니다. 해당 코드를 .vue파일로 그대로 옮기니 v-if와 v-for를 같이 쓸 수 없다는 오류가 생겼습니다. Vue.js 문서와 stackoverflow에서 검색한 결과 Computed Properties를 사용하라는 결론을 얻었습니다. 해결 방법 computed: { sameName: function () { return this.emps.filter(i..

Frontend/Vue 2021.05.14

Error : Component template should contain exactly one root element.

Vue Component를 js파일로 따로 만드는 작업을 하고 있었습니다. export default { template: `사원목록 검색 아이디 사원명 부서 {{emp.id}} {{emp.name}} {{emp.dept}} `, data() { return { emps : [], name : '', } }, methods: { search() { this.name = this.$refs.name.value; }, }, mounted() { this.emps = JSON.parse(localStorage.getItem('emp')); }, }; 그런데 이 js 파일을 import 하여 사용하던 도중 에러가 발생하였습니다. Component template should contain exactly one ..

Frontend/Vue 2021.05.13

Git repository를 Spring으로 받기

순서 remote repository를 local repository에 저장 local repository의 project를 spring에 가져오기 1. remote repository를 local repository에 저장 Perspective를 Git으로 전환한다. 왼쪽 메뉴에서 clone git repository를 클릭 저장하고 싶은 romote repository의 주소를 넣고 finish 원하는 장소에 local repository 생성 2. local repository의 project를 spring에 가져오기 메뉴에서 File - import - General - Projects from Folder or Archive 클릭 import Source에 내 local repository의 위..

Git 2021.05.09

백준 10158 : 개미

www.acmicpc.net/problem/10158 10158번: 개미 가로 길이가 w이고 세로 길이가 h인 2차원 격자 공간이 있다. 이 격자는 아래 그림처럼 왼쪽 아래가 (0,0)이고 오른쪽 위가 (w,h)이다. 이 공간 안의 좌표 (p,q)에 개미 한 마리가 놓여있다. 개미는 오 www.acmicpc.net 접근방법 여러 가지 방법 중에 제일 쉬운 방법은 x좌표와 y좌표를 분리해서 생각하는 것이다. x좌표와 y좌표는 증가하다가 경계면에 부딪히면 감소하고, 감소하다가 경계면에 부딪히면 증가한다. 증감을 반복하는 것을 어떻게 구현해야 할까? 먼저 시작좌표 p에서 t를 더하게 되면 경계면이 없을 때 개미가 총 움직인 거리가 나온다. testcase같이 p가 4이고 t가 8일 때 경계면이 없다면 개미의 ..

SWEA 1251 : 하나로

접근방법 기본적인 접근방법 Prim 알고리즘을 이용한 인접 행렬 각 노드로 연결되는 최소 거리를 minEdge 배열로 생성한 후 값을 무한대로 초기화한다. 0번 노드에서 시작해서 연결할 수 있는 모든 노드들의 거리를 계산해서 minEdge를 갱신한다. 갱신한 값 중에서 제일 작은 노드를 고른 다음 반복한다. 이런 순서로 알고리즘이 진행되게 된다. 이 방법의 경우 시간 복잡도는 V^2이 된다. 추가적인 접근방법 Prim 알고리즘을 이용한 인접 행렬 + PriorityQueue PriorityQueue를 쓰지 않은 방법과 다른 것은 minEdge를 갱신할 때 PriorityQueue의 offer( ) 하는 것과 제일 작은 노드를 구할 때는 PriorityQueue의 poll( )을 한다는 것이다. 이 방법의..

SWEA 1225 : 암호생성기

접근방법 기본적인 접근방법 큐를 사용한다. 추가적인 접근방법 규칙을 찾는다. 기본적인 접근방식도 있지만 이 문제의 규칙을 찾아서 연산 횟수를 줄이는 방식을 쓴다. 모든 감소시키는 수는 1, 2, 3, 4, 5를 반복하게 된다. 그리고 암호는 8개의 숫자로 이루어져 있다. 첫 번째 수 두 번째 수 세 번째 수 네 번째 수 다섯 번째 수 여섯 번째 수 일곱 번째 수 여덟 번째 수 -1 -2 -3 -4 -5 -1 -2 -3 -4 -5 -1 -2 -3 -4 -5 -1 -2 -3 -4 -5 -1 -2 -3 -4 -5 -1 -2 -3 -4 -5 -1 -2 -3 -4 -5 -1 -2 -3 -4 -5 -1 -2 -3 -4 -5 ... 이해를 돕기 위해서 수를 맨 뒤로 보내지 않고 감소시키는 수를 계속 적어보았다. 표를..

빠른 입출력

sysout과 Scanner sysout(= System.out.println() ) 같은 경우 출력하고 싶은 내용을 한 번에 모아두었다가 출력하면 큰 문제가 없지만 반복문 안에 넣어서 계속 부르게 된다면 큰 시간이 걸리게 된다. Scanner 같은 경우는 입력받은 내용을 정규식에 맞는지 많은 검사를 하기 때문에 시간이 오래 걸리게 된다. 빠른 입력: BufferedReader BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); String s = br.readLine(); //String int i = Integer.parseInt(br.readLine()); //Int int j = br.read(); //Int 하나 b..