전체 글

Javascript/Vue

[Vue] axios로 데이터 받은 후 렌더링하는 방법

데이터를 받기 전에 렌더링을 한 후 데이터를 받고 리렌더링을 해서 화면 깜빡임이 발생했다. SPA의 장점 중 하나는 어플리케이션을 쓰는 것 처럼 움직임이 부드럽다는 것인데 그 장점을 활용할 수 없는 문제가 있었다. 처음에 방법을 바로 생각해내지 못해서 created에 await을 사용하는 등 여러 시도를 해 보았지만 잘 되지 않았었다. 가장 간단한 방법은 v-if였다. {{data.context}} 데이터가 없으면 렌더링을 하지 않고 데이터가 있으면 렌더링을 한다.

Java/문제풀이

백준 13023 ABCDE 자바 풀이

한줄 풀이 모든 노드에서 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 우테캠 6기 1차 코딩테스트 후기

테스트 일정 : 2023년5월6일 오후 1시~오후4시(3시간) 1. 환경 Java로만 응시할 수 있었습니다. Java에 적응하기 위해서 쉬운 문제 위주로 벼락치기를 했죠 ㅎㅎ.. 별도의 감독은 없었습니다. (화상감독, 화면공유 등) 하지만 IDE금지, 인터넷 참고 금지, 레퍼런스 제공 안함 등의 제약사항이 있었습니다. 화상감독이 없어서 시험에 집중하는데에 오히려 도움이 되었던 것 같습니다. 테스트 종료 후에 오픈 채팅방 대화들을 보니, 화상 감독이 없어도 변별력이 있었던 것 같습니다. 2.문제 어려운 정도는 1번

Java/문제풀이

[프로그래머스] Lv. 2 행렬의 곱셈 - java

문제 문제 링크 설명 행렬 곱셈 식을 구현하면 된다. ​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

Javascript/문제풀이

[프로그래머스] Lv. 2 게임 맵 최단거리

문제 문제 링크 설명 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..

Javascript/문제풀이

[프로그래머스] Lv. 2 n^2 배열 자르기 - 자바스크립트 풀이

문제 문제 링크 설명 구현 방법은 다양할 수 있다. 시간복잡도를 고려해야 통과할 수 있다. 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

Javascript/문제풀이

[프로그래머스] Lv. 2 구명보트 - 자바스크립트 풀이

문제 문제 링크 설명 문제에서 "구명보트는 작아서 한 번에 최대 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

개발 기타

2022 네이버 웨일대학 - 서류 합격 + 자소서 꿀팁 (개발)

💡이 글은 회고록입니다. 따라서 일부 정확하지 않은 내용이 있을 수 있습니다. 🐋서론 나는 웨일 브라우저 출시 초기부터 지금까지 웨일 브라우저를 사용해오고있는 장수 웨일러이다. 당시 나는 웨일 확장앱을 만들고 있었다. 확장앱을 만들 때 필요한 정보를 찾기 위해 검색을 하던 중 대외활동을 발견했다. 활동 혜택이 너무 매력적이었다. 오픈한지 얼마 되지 않은 신사옥 체험, 네이버 임직원 멘토링 게다가 소정의 할동비까지... 🐋자소서 항목 1. 간단한 자기소개를 해주세요. 2. 웨일 대학에 지원하게 된 동기 및 활동 기간동안 얻고 싶은 것 3. 웨일 대학에서 해보고 싶은 것 4. 추가로 하고 싶은 말이 있다면 자유롭게 해주세요. 🐋자소서 작성 꿀팁 1. 빠짐 없이 참석 가능 모집 안내를 보니, 4번의 모임 모두..

리즈(Liz)
localhost:5173