본문 바로가기
반응형

분류 전체보기123

[HappyHouse] Project 최종 결과 (FrontEnd+BackEnd+DataBase) 1. 기획배경 및 목표 - 이사를 하고자 할 동네에서 원하는 주택을 찾아낼 목적으로 매매/전,월세 따른 아파트/연립다세대별 거래 정보를 볼 수 있다. - 공공 데이터에 가져온 주택 거래 정보 xml 파일을 Parsing하여 아파트/다세대 주택 별, 매매/전,월세 별 검색 기능을 제공 2. 개발인원 - 2명 3. 일정 계획표 4. 개발환경 및 주요 사용 기술 FrontEnd - Vue 기존의 MPA 방식에서 중복되는 데이터를 받아오는 문제를 해결하기 위해 SPA방식을 사용하여 갱신이 필요한 특정 부분만 데이터를 가져와 바인딩 하는 방식을 사용. - VueRouter Vue를 이용하여 SPA웹을 구축하기 위해, 라우팅 제어를 위해 사용. HappyHouse의 모든 페이지 이동은 Router를 이용하여 이동 .. 2021. 12. 3.
[HappyHouse] 공공데이터를 활용한 주택 정보 검색 홈페이지(2) - JWT HappyHouse는 XML로 제공되는 아파트/다세대주택 별, 매매/전,월세 별 거래 내역 정보와 주택 정보 파일을 이용하여 고객에게 원하는 주택 정보를 검색(동 별, 아파트 이름 별 / 아파트 매매, 아파트 전월세, 다세대주택 매매, 다세대주택 전월세 등)할 수 있도록 하고, 그 결과를 분석해서 화면에 표시하고, 관심지역의 상가 검색과 환경 정보 등을 추가적으로 제공할 수 있다. 기본적으로 회원가입, 로그인 기능을 포함하고, QnA게시판 등 추가적인 기능은 Pair와 함께 의논해서 구현할 것이다. 11/17일 내가 할 일 User - Vuex로 관리하는 회원정보를 토큰을 활용하여 세션스토리지에 저장하여 관리 - 회원관리 기능 jwt로 구현 코드 리팩토링 - axios.로 받아오는 경로를 api로 나눠서.. 2021. 11. 19.
[HappyHouse] 공공데이터를 활용한 주택 정보 검색 홈페이지(1) - Spring, Vue, Vuex HappyHouse는 XML로 제공되는 아파트/다세대주택 별, 매매/전,월세 별 거래 내역 정보와 주택 정보 파일을 이용하여 고객에게 원하는 주택 정보를 검색(동 별, 아파트 이름 별 / 아파트 매매, 아파트 전월세, 다세대주택 매매, 다세대주택 전월세 등)할 수 있도록 하고, 그 결과를 분석해서 화면에 표시하고, 관심지역의 상가 검색과 환경 정보 등을 추가적으로 제공할 수 있다. 기본적으로 회원가입, 로그인 기능을 포함하고, QnA게시판 등 추가적인 기능은 Pair와 함께 의논해서 구현할 것이다. 11/17일 할 일 User - 회원가입, 로그인, 회원정보수정, 회원탈퇴 게시판 - QnA 등록, 수정, 삭제, 게시글 하나당 답변 1개 아파트정보 - 공공데이터를 받아와서 시, 구군, 동 정보를 통해 아파.. 2021. 11. 18.
백준 10866. 덱 🅰 백준 10866. 덱 10866번: 덱 첫째 줄에 주어지는 명령의 수 N (1 ≤ N ≤ 10,000)이 주어진다. 둘째 줄부터 N개의 줄에는 명령이 하나씩 주어진다. 주어지는 정수는 1보다 크거나 같고, 100,000보다 작거나 같다. 문제에 나와있지 www.acmicpc.net ✏️ 문제 풀이 덱을 풀기 위한 가장 기본적인 문제이다. 덱에대한 개념이 궁금하다면 ? [Deque] queue(큐)와 stack(스택)을 둘 다 사용할 수 있는 deque(덱) * Deque란? - 덱은 Double-Ended Queue의 줄임말로 큐의 양쪽에 데이터를 넣고 뺼 수 있는 형태의 자료구조이다. 하나의 자료구조에 queue와 stack을 사용할 수 있다 생각하면 된다. 덱(Deque)은 어떤 쪽으로 thsd-.. 2021. 11. 5.
백준 2824. 최대공약수 🅰 백준 2824. 최대공약수 2824번: 최대공약수 첫째 줄에 N(1 ≤ N ≤ 1000)이 주어진다. 둘째 줄에는 N개의 양의 정수가 공백으로 구분되어 주어진다. 이 수는 모두 1,000,000,000보다 작고, N개의 수를 곱하면 A가 된다. 셋째 줄에 M(1 ≤ M ≤ 1000)이 www.acmicpc.net ✏️ 문제 풀이 이 문제는 아래처럼 조건이 매우 까다롭다. 첫째 줄에 N(1 ≤ N ≤ 1000)이 주어진다. 둘째 줄에는 N개의 양의 정수가 공백으로 구분되어 주어진다. 이 수는 모두 1,000,000,000보다 작고, N개의 수를 곱하면 A가 된다. 셋째 줄에 M(1 ≤ M ≤ 1000)이 주어진다. 넷째 줄에는 M개의 양의 정수가 공백으로 구분되어 주어진다. 이 수는 모두 1,000,0.. 2021. 11. 5.
[BigInteger] 무한대로 큰 수를 계산해야 한다면? BigInteger 2824번: 최대공약수 첫째 줄에 N(1 ≤ N ≤ 1000)이 주어진다. 둘째 줄에는 N개의 양의 정수가 공백으로 구분되어 주어진다. 이 수는 모두 1,000,000,000보다 작고, N개의 수를 곱하면 A가 된다. 셋째 줄에 M(1 ≤ M ≤ 1000)이 www.acmicpc.net 백준 최대공약수 문제를 푸는데 조건이 아래와 같았다. 첫째 줄에 N(1 ≤ N ≤ 1000)이 주어진다. 둘째 줄에는 N개의 양의 정수가 공백으로 구분되어 주어진다. 이 수는 모두 1,000,000,000보다 작고, N개의 수를 곱하면 A가 된다. 셋째 줄에 M(1 ≤ M ≤ 1000)이 주어진다. 넷째 줄에는 M개의 양의 정수가 공백으로 구분되어 주어진다. 이 수는 모두 1,000,000,000보다 작고, M개의 수를 .. 2021. 11. 5.
[Deque] queue(큐)와 stack(스택)을 둘 다 사용할 수 있는 deque(덱) * Deque란? - 덱은 Double-Ended Queue의 줄임말로 큐의 양쪽에 데이터를 넣고 뺼 수 있는 형태의 자료구조이다. 하나의 자료구조에 queue와 stack을 사용할 수 있다 생각하면 된다. 덱(Deque)은 어떤 쪽으로 입력하고 어떤 쪽으로 출력하느냐에 따라서 스택(Stack)으로 사용할 수도 있고, 큐(Queue)로도 사용할 수 있다. 특히 한쪽으로만 입력 가능하도록 설정한 덱을 스크롤(scroll)이라고 하며, 한쪽으로만 출력 가능하도록 설정한 덱을 셸프(shelf)라고 한다. * Deque 라이브러리 선언 방법 자바에서의 Deque는 인터페이스로 구현되어 있다. Deque deque = new ArrayDeque(); Deque deque = new LinkedBlockingDeq.. 2021. 11. 4.
[Vue.js] Vue.js란 무엇인가? Vue란? Vue.js는 웹 개발을 단순화하고 정리하기 위해 개발된 대중적인 자바스크립트 프론트엔드 프레임워크이다. 더보기 과거의 웹 사이트 전통적인 웹 사이트는 지금보다 문서 하나에 전달되는 파일의 용량이 적었다. 그래서 어떤 요소를 한번 클릭하면 완전히 새로운 페이지를 서버에서 전송해 주곤 했다. 그래도 상관 없었다. 그러나 현대에 이르러 점차 웹 사이트가 고도화됨에 따라 한 페이지에 해당하는 페이지 용량이 커져갔고, 매번 새로운 페이지를 전달하는 게 점점 버거워지게 되었다. SPA란 이러한 문제를 해결하기 위해 등장한 것이 SPA(Single Page Application)이다. 이름에서도 파악할 수 있듯이, 어떤 웹 사이트의 전체 페이지를 하나의 페이지에 담아 동적으로 화면을 바꿔가며 표현하는 것.. 2021. 11. 4.
[Github / Gitlab] 이클립스와 git 연동하기 깃 연동 https://choseongho93.tistory.com/6 [GitHub] 깃허브와 이클립스 연동 및 사용법 (올리기, 가져오기) ▶ GitHub(깃허브)와 eplise(이클립스) 연동 및 사용법 (커밋하기) ● GitHub 란? : 깃허브는 세계 최대 오픈소스 커뮤니티로 깃(Git) 전문 호스팅 업체다. 컴퓨터 프로그램 소스를 공유하고 협업해 개발 choseongho93.tistory.com sprigboot 깃 연동 https://youngjinmo.github.io/2020/03/eclipse-import-git-project/ Spring Tool Suite4에서 Git 프로젝트 불러오기 어쩌다가 프로젝트를 날리고 다시 해야하는 상황이 와서 하는김에 정리해보았다. Spring Tool.. 2021. 11. 3.