Vue에서 hammer.js를 이용하려고 했는데 실제 dom element를 전달해줘야 했다. Vue는 가상 DOM을 이용하는데 어떻게 해야 할까? 템플릿 참조를 이용하면 된다. 먼저 ref와 onMounted를 꼭 import 해준다. import { ref, onMounted } from 'vue' onMounted는 컴포넌트의 DOM 트리가 문서 내에 있음을 보장한다. onMounted 전에는 DOM에 접근할 수 없다. https://ko.vuejs.org/guide/essentials/lifecycle.html 생명 주기 훅 | Vue.js ko.vuejs.org 그리고 아래와 같이 사용하면 된다. 이때 :ref가 아니라 ref인것에 주의한다. https://ko.vuejs.org/guide/es..
데이터를 받기 전에 렌더링을 한 후 데이터를 받고 리렌더링을 해서 화면 깜빡임이 발생했다. SPA의 장점 중 하나는 어플리케이션을 쓰는 것 처럼 움직임이 부드럽다는 것인데 그 장점을 활용할 수 없는 문제가 있었다. 처음에 방법을 바로 생각해내지 못해서 created에 await을 사용하는 등 여러 시도를 해 보았지만 잘 되지 않았었다. 가장 간단한 방법은 v-if였다. {{data.context}} 데이터가 없으면 렌더링을 하지 않고 데이터가 있으면 렌더링을 한다.
한줄 풀이 모든 노드에서 dfs를 한번씩 돌려보면서 깊이가 4 이상인게 있다면 1을 출력해주면 된다. 주의점 1. 깊이가 4 이상인것을 찾았을 때 반복문을 빠져나와줘야한다. 그렇지 않으면 시간초과가 난다. 2. 백트래킹을 해줘야한다 재귀 호출문 밑에서 visited를 false로 만들어줘야한다 https://www.acmicpc.net/board/view/34026 글 읽기 - visited[cur] = false; 꼭 들어가야 하는 이유를 알고 싶습니다. 댓글을 작성하려면 로그인해야 합니다. www.acmicpc.net import java.io.*; import java.util.*; public class Main { static ArrayList[] li; static boolean[] visit..
테스트 일정 : 2023년5월6일 오후 1시~오후4시(3시간) 1. 환경 Java로만 응시할 수 있었습니다. Java에 적응하기 위해서 쉬운 문제 위주로 벼락치기를 했죠 ㅎㅎ.. 별도의 감독은 없었습니다. (화상감독, 화면공유 등) 하지만 IDE금지, 인터넷 참고 금지, 레퍼런스 제공 안함 등의 제약사항이 있었습니다. 화상감독이 없어서 시험에 집중하는데에 오히려 도움이 되었던 것 같습니다. 테스트 종료 후에 오픈 채팅방 대화들을 보니, 화상 감독이 없어도 변별력이 있었던 것 같습니다. 2.문제 어려운 정도는 1번
문제 문제 링크 설명 행렬 곱셈 식을 구현하면 된다. 3중for문으로 구현할 수 있다. 코드 class Solution { public int[][] solution(int[][] arr1, int[][] arr2) { int[][] answer = new int[arr1.length][arr2[0].length]; for(int i = 0; i
문제 문제 링크 설명 BFS로 풀었다. 공간 절약을 위해 visited 배열을 따로 만들지 않았다. 시작 좌표의 값을 2로 둔다. 다음 칸을 탐색할 때 이전 칸의 값에 1을 더한 값을 저장한다. 도착 지점의 값에 1을 빼준 값이 답이다. while문이 끝날 때 까지 return되지 않았으면 도착할 수 없는 경우이므로, -1을 return한다. 아래는 bfs를 돌렸을 때 maps 배열의 예시이다. [ [ 2, 0, 10, 11, 12 ], [ 3, 0, 9, 0, 11 ], [ 4, 0, 8, 9, 10 ], [ 5, 6, 7, 0, 11 ], [ 0, 0, 0, 0, 12 ] ] 코드 function solution(maps) { let n = maps.length; let m = maps[0].leng..
문제 문제 링크 설명 구현 방법은 다양할 수 있다. 시간복잡도를 고려해야 통과할 수 있다. right - left + 1만큼만 반복문을 돌릴 수 있는 방법을 생각해보자. 틀린 코드 1. 처음부터 끝까지 2차원 배열을 생성하고 2. 1차원 배열로 변환한 후 3. left부터 right까지 slice한다. 하지만 n이 10^7까지 될 수 있어서 역시 이 방법으로는 통과할 수 없었다. function solution(n, left, right) { let answer = []; let arr = []; for(let i = 1; i
문제 문제 링크 설명 문제에서 "구명보트는 작아서 한 번에 최대 2명씩 밖에 탈 수 없다" 라는 조건을 늦게 발견해서 오래걸렸다. people 배열을 정렬한 후, 양쪽 끝을 더해준다. limit를 초과하면 left++만 하고, limit를 초과하지 않으면 left++과 right--를 해준다. 코드 function solution(people, limit) { let answer = 0; let left = 0; let right = people.length - 1; people.sort((a, b) => b - a); while (left
