본문 바로가기
반응형

전체 글125

HTML5 개요 및 기본 태그 태그와 속성 - 태그 : HTML 페이지에서 객체를 만들 때 사용하는 것. 단독으로 사용하는 태그는 처럼 XHTML5 표기법을 사용한다. - 속성 : 태그에 추가 정보를 부여할 때 사용하는 것. HELLO HTML5 (title : 속성 이름, header : 속성 값) (src : 속성 이름, image.png : 속성 값) HTML5 페이지 구조 : 웹 브라우저가 현재 웹 페이지가 HTML5 문서임을 인식하게 함. : HTML페이지의 루트 요소, 모든 HTML 태그는 html 태그 내부에 작성한다. - lang 속성 국가 속성값 국가 속성값 한국 ko 미국 en 일본 ja 러시아 ru 중국 zh 독일 de lang속성은 구글과 같은 검색 엔진이 웹 페이지를 탐색할 때 해당 웹페이지가 어떤 언어로 만들.. 2021. 12. 10.
[기초 코딩용어 해설] 01. 컴퓨터와 인터넷 01. 컴퓨터란? 기본적으로 기계를 모아둔 것 (본체 내부에) 기계의 종류 메인보드 : 꽂아두기 (CPU,RAM,하드디스크 등을 꽂아서 이용할 때 사용) CPU : 계산하기 (컴퓨터에서 수행하는 연산들을 계산할 때 사용) RAM : 기억하기 (사용자가 작성한 프로그램이나 데이터를 기억시킬 때 사용) 하드디스크 : 적어두기 (프로그램이나 데이터를 저장할 때 사용 / 하드디스크 용량이 크면 저장을 더 많이 할 수 있다.) 02. OS (운영체제) - 컴퓨터를 동작하도록 하는 것 컴퓨터를 동작시키기 위해서는 인간이 기계와 소통할 수 있도록 하는 프로그램이 있어야 한다. 이를 OS라고 한다. OS의 종류 Window, Android, ios, Linux ... 03. 코딩 - OS에 명령을 내리는 것 인간은 O.. 2021. 12. 3.
[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.