전체 글

[ SSAFY 7기 ] 1학기 파이널 프로젝트 Happy House

싸피 1학기의 파이널 프로젝트로 진행한 Happy House 프로젝트이다. 1학기 내내 Happy House를 완성하기 위한 관통 프로젝트를 진행하는데 마지막 파이널 프로젝트에선 새롭게 배운 Vue를 적용했기 때문에 프론트는 거의 새롭게 갈아 엎었다고 봐도 무방했다. 이 글은 Vue로 프론트를 제작하며 신경 썼던 부분을 회고하하는 글이다. UI vue 템플릿으로 검색해서 찾은 Vue Soft UI Dashboard를 사용해 전체 UI 틀을 제작 했다. https://demos.creative-tim.com/vue-soft-ui-dashboard/#/dashboard Vue Soft UI Dashboard by Creative Tim Start your Development with an Innovativ..

Vue에서 Chart.js로 데이터 시각화 하기

아파트 실거래 내역을 이용해 아파트 거래가 변경 추이를 한눈에 볼 수 있도록 차트를 넣기로 했다. 데이터만 준비 되어있다면 간편하게 시각화를 시켜주는 chart.js 라이브러리를 사용하였다. 프로젝트 Vue 버전 : 2.6.14 https://www.chartjs.org/ Chart.js | Open source HTML5 Charts for your website New in 2.0 New chart axis types Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease. www.chartjs.org 시작하기 npm 으로 설치해서 불러올 수도 있지만 간단하게 cdn방식으로 사용하였다..

[백준 2467] 용액 java

문제 https://www.acmicpc.net/problem/2467 2467번: 용액 첫째 줄에는 전체 용액의 수 N이 입력된다. N은 2 이상 100,000 이하의 정수이다. 둘째 줄에는 용액의 특성값을 나타내는 N개의 정수가 빈칸을 사이에 두고 오름차순으로 입력되며, 이 수들은 모두 - www.acmicpc.net 정수를 2개 선택하는데, 그 정수 2개의 절댓값이 0에 가장 가까운 수가 되도록 선택한다. 같은 절댓값을 만드는 숫자 쌍이 여러개일 경우 아무거나 출력. 입력 첫째 줄에 전체 용액의 수 N ( N은 2이상 10만 이하) 둘쨋줄에는 각 용액의 특성 값이 공백으로 분리되어 주어짐. (각 용액은 -1,0000,0000,000 이상 1,000,000,000 이하) 용액은 오름차순으로 정렬되어 ..

[SWEA 1949] 등산로 조정

문제 가장 높은 곳에서 시작해서 현재 위치 이하인 높이로만 길을 탐색 할 수 있을 때, 최대로 갈 수 있는 길의 길이를 찾는다. 단 1번 높이를 깎을 수 있다. 이 때 깎은 후의 높이가 1보다 작아도 상관 없다. 풀이 방법 가장 높은곳에서만 시작 할 수 있으므로 map의 가장 높은 곳들을 찾아서 dfs를 시작 한다. dfs로 상하좌우 탐색하면서 현재 위치 보다 낮은 곳으로 이동한다. 높이를 깎는 것은 1회만 가능 하기 때문에 ,이 경로로 도달하는 동안 길을 깎았는지를 체크할 boolean 변수 하나를 설정해 주었다. 높이는 최대 K까지 깎을 수 있으므로 0~K 만큼 깎아본 경우를 모두 따져본다. 코드 import java.io.BufferedReader; import java.io.IOException;..

[백준 14502] 연구소 java

https://www.acmicpc.net/problem/14502 문제 안전 영역이 최대가 되도록 벽 3개를 세웠을 때의 안전 영역 크기 구하기. 0: 빈칸 1: 벽 2: 바이러스 바이러스는 상하좌우 인접한 빈칸으로 퍼져 나갈 수 있으며 벽을 만나면 멈춘다. 문제 예제 2번의 경우 빨간색 위치에 벽을 세우고 나면 바이러스가 초록색 칸들로 퍼진다. 이후 남은 0의 개수는 9개가 된다. 풀이 방법 벽 3개를 세우는 모든 경우에서 안전 영역의 크기를 계산해서 최대 안전 영역의 크기를 계산한다. 벽 3개를 세운다. 바이러스가를 전파 시킨다. 빈칸(안전영역)의 크기를 센다. 코드 처음엔 안전 영역이 여러개 나오면 그 중 가장 큰 안전 영역의 값이 답인줄 알았는데 그런게 아니고 그냥 지도 전체에서 0의 개수만을 ..

[백준 17069] 파이프 옮기기2 java

문제 파이프를 연결해서 (N-1,N-1)칸 까지 갈 수 있는 경우의 수를 세는 문제. 파이프는 세로, 가로,대각선으로만 둘 수 있다. 세로 파이프는 세로, 대각선으로만 이을 수 있다. 가로 파이프는 가로, 대각선으로만 이을 수 있다. 대각선은 가로,세로,대각선 모두 가능하다. 풀이 방법 i,j 좌표로 올 수 있는 방법을 저장하는 3차원 dp배열을 만들어서 저장 한다. 파이프 모양에 따라서 방법의 수가 달라지기 때문에 3차원으로 만들어서 가로,세로,대각선일 경우를 각각 따져야 한다. (i,j)에 두는 파이프 모양에 따라 경우의 수를 구한다. 가로로 둘 경우 - 왼쪽 칸에 가로로 둔 경우, 대각선으로 둔 경우만 가능 : (i,j-1)의 가로 방법 수 + (i,j-1)의 대각선 방법의 수 세로로 둘 경우 - ..