https://onda2me.github.io/assets/js/lunr/lunr-store.js

1var store = [{
2        "title": "[Java 기초] 01.Java 기초문법",
3        "excerpt":"이 글은 Java의 print, if, for, while 등 기초 문법과 자료형에 대한 내용이다. 알고리즘 예제는 [GitHub 알고리즘 바로가기]에 지속적으로 업로드 할 예정이다. 1.출력문 출력을 원하는 내용을 print, printf 문 뒤에 입력한다. GiHub 바로가기 // 출력문 사용법 System.out.println(\"출력을 원하는 내용 입력\"); 소스 로딩실패 2.if 조건문 if문은 조건식의 결과값에 해당하는 블록{}의 문장을...","categories": [],
4        "tags": [],
5        "url": "/algorithm/2021-09-23-begin/",
6        "teaser": null
7      },{
8        "title": "[Java 기초] 02.데이타 타입",
9        "excerpt":"이 글은 Java 알고리즘 중 두번째 글로 Java 에서 사용하는 데이타형에 대한 내용이다. 알고리즘 관련 소스 등의 자료는 [GitHub 알고리즘 바로가기]에 지속적으로 업로드 할 예정이다. Java의 기본 데이타 타입은 정수형, 실수형, 논리형이 있다. 정수 타입에는 byte, short, int, long, char 가 있고, 기본적인 정수연산은 int로 처리한다. 실수 타입에는 float, double...","categories": [],
10        "tags": [],
11        "url": "/algorithm/2021-09-23-datatype/",
12        "teaser": null
13      },{
14        "title": "[Java 기초] 03.연산자",
15        "excerpt":"이 글은 Java 알고리즘 중 세번째 글로 Java 에서 사용하는 연산자에 대한 내용이다. 알고리즘 관련 소스 등의 자료는 [GitHub 알고리즘 바로가기]에 지속적으로 업로드 할 예정이다. Java의 연산자 종류는 산술(+, -, *, /, %), 부호(+, -), 대입(=), 증감(++, –), 비교(==, !=) 등의 연산자가 있다. 참고자료: java 연산자의 종류 연산자 종류 연산자...","categories": [],
16        "tags": [],
17        "url": "/algorithm/2021-09-23-oper/",
18        "teaser": null
19      },{
20        "title": "[카카오 17년 코딩테스트] 1차 문제풀이 - 1.비밀지도",
21        "excerpt":"문제설명 지도는 한 변의 길이가 n인 정사각형 배열 형태로, 각 칸은 “공백”(“ “) 또는 “벽”(“#”) 두 종류로 이루어져 있다. 전체 지도는 두 장의 지도를 겹쳐서 얻을 수 있다. 각각 “지도 1”과 “지도 2”라고 하자. 지도 1 또는 지도 2 중 어느 하나라도 벽인 부분은 전체 지도에서도 벽이다. 지도 1과 지도...","categories": [],
22        "tags": [],
23        "url": "/algorithm/2021-09-30-kakao17_1/",
24        "teaser": null
25      },{
26        "title": "[카카오 17년 코딩테스트] 1차 문제풀이 - 2.다트게임",
27        "excerpt":"문제설명 0~10의 정수와 문자 S, D, T, *, #로 구성된 문자열이 입력될 시 총점수를 반환하는 함수를 작성하라. 다트 게임은 총 3번의 기회로 구성된다. 각 기회마다 얻을 수 있는 점수는 0점에서 10점까지이다. 점수와 함께 Single(S), Double(D), Triple(T) 영역이 존재하고 각 영역 당첨 시 점수에서 1제곱, 2제곱, 3제곱 (점수^1 , 점수^2 ,...","categories": [],
28        "tags": [],
29        "url": "/algorithm/2021-09-30-kakao17_2/",
30        "teaser": null
31      },{
32        "title": "[카카오 17년 코딩테스트] 1차 문제풀이 - 3.캐시",
33        "excerpt":"캐시 크기에 따른 실행시간 측정 프로그램을 작성하시오. 입력 형식 캐시 크기(cacheSize)와 도시이름 배열(cities)을 입력받는다. cacheSize는 정수이며, 범위는 0 ≦ cacheSize ≦ 30 이다. cities는 도시 이름으로 이뤄진 문자열 배열로, 최대 도시 수는 100,000개이다. 각 도시 이름은 공백, 숫자, 특수문자 등이 없는 영문자로 구성되며, 대소문자 구분을 하지 않는다. 도시 이름은 최대...","categories": [],
34        "tags": [],
35        "url": "/algorithm/2021-09-30-kakao17_3/",
36        "teaser": null
37      },{
38        "title": "[카카오 17년 코딩테스트] 1차 문제풀이 - 4.셔틀버스",
39        "excerpt":"이 문제에서는 편의를 위해 셔틀은 다음과 같은 규칙으로 운행한다고 가정하자. 셔틀은 09:00부터 총 n회 t분 간격으로 역에 도착하며, 하나의 셔틀에는 최대 m명의 승객이 탈 수 있다. 셔틀은 도착했을 때 도착한 순간에 대기열에 선 크루까지 포함해서 대기 순서대로 태우고 바로 출발한다. 예를 들어 09:00에 도착한 셔틀은 자리가 있다면 09:00에 줄을 선...","categories": [],
40        "tags": [],
41        "url": "/algorithm/2021-10-01-kakao17_4/",
42        "teaser": null
43      },{
44        "title": "[카카오 17년 코딩테스트] 1차 문제풀이 - 5.뉴스 클러스터링",
45        "excerpt":"자카드 유사도는 집합 간의 유사도를 검사하는 여러 방법 중의 하ë

45‚˜ë¡œ 알려져 있다. 두 집합 A, B 사이의 자카드 유사도 J(A, B)는 두 집합의 교집합 크기를 두 집합의 합집합 크기로 나눈 값으로 정의된다. 예를 들어 집합 A = {1, 2, 3}, 집합 B = {2, 3, 4}라고 할 때, 교집합 A...","categories": [],
46        "tags": [],
47        "url": "/algorithm/2021-10-01-kakao17_5/",
48        "teaser": null
49      },{
50        "title": "[카카오 17년 코딩테스트] 1차 문제풀이 - 6.프렌즈4블록",
51        "excerpt":"같은 모양의 카카오프렌즈 블록이 2×2 형태로 4개가 붙어있을 경우 사라지면서 점수를 얻는 게임이다. 같은 블록은 여러 2×2에 포함될 수 있으며, 지워지는 조건에 만족하는 2×2 모양이 여러 개 있다면 한꺼번에 지워진다. 블록이 지워진 후에 위에 있는 블록이 아래로 떨어져 빈 공간을 채우게 된다. 만약 빈 공간을 채운 후에 다시 2×2 형태로...","categories": [],
52        "tags": [],
53        "url": "/algorithm/2021-10-01-kakao17_6/",
54        "teaser": null
55      },{
56        "title": "[문자열] 1.숫자의합",
57        "excerpt":"문제설명 N개의 숫자가 공백 없이 쓰여있다. 이 숫자를 모두 합해서 출력하는 프로그램을 작성하시오. 입력 첫째 줄에 숫자의 개수 N (1 ≤ N ≤ 100)이 주어진다. 둘째 줄에 숫자 N개가 공백없이 주어진다. 출력 입력으로 주어진 숫자 N개의 합을 출력한다. 예제 입 력 출 력 1, 1 1 5, 54321 15 25,...","categories": [],
58        "tags": [],
59        "url": "/algorithm/2021-10-05-string01/",
60        "teaser": null
61      },{
62        "title": "[문자열] 2.OX퀴즈",
63        "excerpt":"문제설명 “OOXXOXXOOO”와 같은 OX퀴즈의 결과가 있다. O는 문제를 맞은 것이고, X는 문제를 틀린 것이다. 문제를 맞은 경우 그 문제의 점수는 그 문제까지 연속된 O의 개수가 된다. 예를 들어, 10번 문제의 점수는 3이 된다. “OOXXOXXOOO”의 점수는 1+2+0+0+1+0+0+1+2+3 = 10점이다. OX퀴즈의 결과가 주어졌을 때, 점수를 구하는 프로그램을 작성하시오. 입력 첫째 줄에 테스트...","categories": [],
64        "tags": [],
65        "url": "/algorithm/2021-10-05-string02/",
66        "teaser": null
67      },{
68        "title": "[문자열] 3.단어의 개수",
69        "excerpt":"문제설명 영어 대소문자와 공백으로 이루어진 문자열이 주어진다. 이 문자열에는 몇 개의 단어가 있을까? 이를 구하는 프로그램을 작성하시오. 단, 한 단어가 여러 번 등장하면 등장한 횟수만큼 모두 세어야 한다. 입력 첫 줄에 영어 대소문자와 공백으로 이루어진 문자열이 주어진다. 이 문자열의 길이는 1,000,000을 넘지 않는다. 단어는 공백 한 개로 구분되며, 공백이 연속해서...","categories": [],
70        "tags": [],
71        "url": "/algorithm/2021-10-05-string03/",
72        "teaser": null
73      },{
74        "title": "[문자열] 4.소트인사이드",
75        "excerpt":"문제설명  배열을 정렬하는 것은 쉽다. 수가 주어지면, 그 수의 각 자리수를 내림차순으로 정렬해보자.   입력  첫째 줄에 정렬하고자하는 수 N이 주어진다. N은 1,000,000,000보다 작거나 같은 자연수이다.   출력  첫째 줄에 자리수를 내림차순으로 정렬한 수를 출력한다.   예제                  입    력       출    력                       2143       4321                 724953       975432           문제원본  https://www.acmicpc.net/problem/1427   소스보기  소스로딩 실패   실행결과     ","categories": [],
76        "tags": [],
77        "url": "/algorithm/2021-10-05-string04/",
78        "teaser": null
79      },{
80        "title": "[문자열] 5.알파벳 개수",
81        "excerpt":"문제설명 알파벳 소문자로만 이루어진 단어 S가 주어진다. 각 알파벳이 단어에 몇 개가 포함되어 있는지 구하는 프로그램을 작성하시오. 입력 첫째 줄에 단어 S가 주어진다. 단어의 길이는 100을 넘지 않으며, 알파벳 소문자로만 이루어져 있다. 출력 단어에 포함되어 있는 a의 개수, b의 개수, …, z의 개수를 공백으로 구분해서 출력한다. 예제 입 력 출...","categories": [],
82        "tags": [],
83        "url": "/algorithm/2021-10-05-string05/",
84        "teaser": null
85      },{
86        "title": "[문자열] 6.균형잡힌 세상",
87        "excerpt":"문제설명 세계는 균형이 잘 잡혀있어야 한다. 양과 음, 빛과 어둠 그리고 왼쪽 괄호와 오른쪽 괄호처럼 말이다. 정민이의 임무는 어떤 문자열이 주어졌을 때, 괄호들의 균형이 잘 맞춰져 있는지 판단하는 프로그램을 짜는 것이다. 문자열에 포함되는 괄호는 소괄호(“()”) 와 대괄호(“[]”)로 2종류이고, 문자열이 균형을 이루는 조건은 아래와 같다. 모든 왼쪽 소괄호(“(“)는 ì˜

87¤ë¥¸ìª½ 소괄호(“)”)와만 짝을...","categories": [],
88        "tags": [],
89        "url": "/algorithm/2021-10-06-string06/",
90        "teaser": null
91      },{
92        "title": "[문자열] 7.진법 변환",
93        "excerpt":"문제 10진법 수 N이 주어진다. 이 수를 B진법으로 바꿔 출력하는 프로그램을 작성하시오. 10진법을 넘어가는 진법은 숫자로 표시할 수 없는 자리가 있다. 이런 경우에는 다음과 같이 알파벳 대문자를 사용한다. A: 10, B: 11, …, F: 15, …, Y: 34, Z: 35 입력 첫째 줄에 N과 B가 주어진다. (2 ≤ B ≤...","categories": [],
94        "tags": [],
95        "url": "/algorithm/2021-10-06-string07/",
96        "teaser": null
97      },{
98        "title": "[문자열] 8.단어뒤집기",
99        "excerpt":"문제 문장이 주어졌을 때, 단어를 모두 뒤집어서 출력하는 프로그램을 작성하시오. 단, 단어의 순서는 바꿀 수 없다. 단어는 영어 알파벳으로만 이루어져 있다. 입력 첫째 줄에 테스트 케이스의 개수 T가 주어진다. 각 테스트 케이스는 한 줄로 이루어져 있으며, 문장이 하나 주어진다. 단어의 길이는 최대 20, 문장의 길이는 최대 1000이다. 단어와 단어 사이에는...","categories": [],
100        "tags": [],
101        "url": "/algorithm/2021-10-06-string08/",
102        "teaser": null
103      },{
104        "title": "[재귀함수] 1. 재귀함수를 이용한 예제들",
105        "excerpt":"재귀함수(Recursive Function) 란? 특정 조건(= 끝나는 조건)이 될 때까지 자기자신을 계속 호출하는 함수이다. 함수 안에 끝나는 조건이 있고, return에서 자기 자신을 호출한다. 재귀함수는 같은 규칙을 가지는 함수를 반복해서 사용할 경우 적용할 수 있다. 예를들어 1부터 4까지의 합을 구할 때 1~1의 합 sum(1) = 1 1~2의 합 sum(2) = 1 +...","categories": [],
106        "tags": [],
107        "url": "/algorithm/2021-10-08-function01/",
108        "teaser": null
109      },{
110        "title": "[재귀함수] 2. 재귀함수와 for문 비교",
111        "excerpt":"재귀함수(Recursive Function) 란? 특정 조건(= 끝나는 조건)이 될 때까지 자기자신을 계속 호출하는 함수이다. 함수 안에 끝나는 조건이 있고, return에서 자기 자신을 호출한다. 재귀함수는 같은 규칙을 가지는 함수를 반복해서 사용할 경우 적용할 수 있다. 이번 글에서는 주어진 문자열을 For문과 재귀함수를 이용하여 거꾸로 출력하는 함수를 각각 만들어 본다. for문을 이용한 방법 for문을...","categories": [],
112        "tags": [],
113        "url": "/algorithm/2021-10-08-function02/",
114        "teaser": null
115      },{
116        "title": "[재귀함수] 3. 재귀함수로 최대공약수 구하기",
117        "excerpt":"이번 글에서는 두 정수의 최대 공약수 구하기를 유클리드 호제법과 재귀함수를 이용하여 구현해 본다. 유클리드 호제법 이란? 두 정수 a, b의 최대공약수의 값을 gcd(a, b)라고 하면 gcd(a, b) => gcd(b, a%b) = gcd(b, r) 이다. (위 식에서 r은 a/b의 나머지인 a%b이다.) 예시1 : 최대공약수가 있는 경우 gcd(30, 12) => gcd(12, 30%12)...","categories": [],
118        "tags": [],
119        "url": "/algorithm/2021-10-08-function03/",
120        "teaser": null
121      },{
122        "title": "[재귀함수] 4. 재귀함수로 소수 확인하기",
123        "excerpt":"이번글에서는 소수인지 확인하기를 에라토스테네스의 체와 재귀함수를 이용하여 구현해본다. 에라토스테네스의 체 양의 정수 n이 합성수라면, n의 소인수 중에는 √n보다 작거나 같은 소인수(소수인 약수)가 존재한다. 예를 들면 30은 합성수이다. 30의 약수 중에는 3이 있는데 3은 √30(= 5.5) 보다 작다. 에라토스테네스의 체는 어떤 큰 자연수가 소수인지 아닌지 알아볼 때 쓸 수 있는 방법이다....","categories": [],
124        "tags": [],
125        "url": "/algorithm/2021-10-08-function04/",
126        "teaser": null
127      },{
128        "title": "[정렬] 1. 백준 - ATM 인출시간 구하기",
129        "excerpt":"문제 인하은행에는 ATM이 1대밖에 없다. 지금 이 ATM앞에 N명의 사람들이 줄을 서있다. 사람은 1번부터 N번까지 번호가 매겨져 있으며, i번 사람이 돈을 인출하는데 걸리는 시간은 Pi분이다. 사람들이 줄을 서는 순서에 따라서, 돈을 인출하는데 필요한 시간의 합이 달라지게 된다. 예를 들어, 총 5명이 있고, P1 = 3, P2 = 1, P3 =...","categories": [],
130        "tags": [],
131        "url": "/algorithm/2021-10-11-sort01/",
132        "teaser": null
133      },{
134        "title": "[정렬] 2. 백준 - 전화번호 목록 일관성",
135        "excerpt":"문제 본문 전화번호 목록이 주어진다. 이때, 이 목록이 일관성이 있는지 없는지를 구하는 프로그램을 작성하시오. 전화번호 목록이 일관성을 유지하려면, 한 번호가 다른 번호의 접두어인 경우가 없어야 한다. 예를 들어, 전화번호 목록이 아래와 같은 경우를 생각해보자 긴급전화: 911 상근: 97 625 999 선영: 91 12 54 26 이 경우에 선영이에게 전화를 걸...","categories": [],
136        "tags": [],
137        "url": "/algorithm/2021-10-26-sort02/",
138        "teaser": null
139      },{
140        "title": "[GitHub Pages] 블로그?",
141        "excerpt":"GitHub Pages ? GitHub Pages는 GitHub에서 제공하는 정적 웹사이트 호스팅 서비스이다. GitHub Pages는 GitHub의 공개 Repositories를 사용하여 다른 사용자와 공유가 가능하고, HTML, CSS, Javascript 파일ì

141„ 저장소에 올리거나 빌드하여 웹사이트에서 서비스가 가능하다. GitHub Pages는 기본적으로 Jekyll을 사용하여 사이트를 구축 (Jekyll 이외의 정적 사이트 생성기도 사용 가능)하고, Git을 통한 연동이 가능해서 기술...","categories": [],
142        "tags": [],
143        "url": "/blog/intro/",
144        "teaser": null
145      },{
146        "title": "[GitHub Pages] Ruby & Jekyll 설치",
147        "excerpt":"GitHub Pages 사이트를 생성하려면 먼저 Ruby와 Jekyll을 설치해야 한다. 이 글은 Ruby와 Jekyll을 설치하는 방법과 간략한 사용법에 대해 소개한다. 1. Ruby 다운로드 및 설치 [Ruby 다운로드] https://rubyinstaller.org/downloads/ Ruby 버전 확인 ruby -v 루비 명령어 gem gem은 Ruby에서 제공하는 라이브러리를 편리하게 설치할 수 있도록 지원되는 도구이다. Jekyll도 gem의 한 유형이다. gem...","categories": [],
148        "tags": [],
149        "url": "/blog/setting/",
150        "teaser": null
151      },{
152        "title": "[GitHub Pages] GitHub Pages 만들기",
153        "excerpt":"이전 글에서 GitHub Pages 사이트를 생성하기 위한 기본 프로그램을 설치하였다. 이 글은 이 프로그램들을 이용하여 새사이트를 생성하고, 서비스 되는 것을 확인하는 방법을 소개한다. 1. 새사이트 만들기 jekyll new 명령어를 이용하여 기본테마 [minima]가 적용된 새사이트를 만들수 있다. jekyll new myblog 새사이트명 [myblog] 으로 폴더가 생성되었다. 2. 웹서버 구동하기 jekyll serve 3.웹브라우저...","categories": [],
154        "tags": [],
155        "url": "/blog/make/",
156        "teaser": null
157      },{
158        "title": "[GitHub Pages] jekyll Theme 변경하는법",
159        "excerpt":"GitHub Pages는 Jekyll 기반으로 구성되며 Jekyll Theme에서 제공하는 플러그인, 레이아웃, 스타일시트 등의 자원을 묶은 패키지를 활용하여 다양한 사이트 구성이 가능하다. 이전 글은 기본테마로 사이트를 생성하는 방법을 소개하였고, 이 글은 무료로 제공되는 테마를 선택하여 다운받아 설치하는 방법에 대해 소개한다. 1. 테마 선택하기 아래 사이트는 무료로 제공되는 지킬테마 사이트로 마음에 드는 테마를...","categories": [],
160        "tags": [],
161        "url": "/blog/theme/",
162        "teaser": null
163      },{
164        "title": "[GitHub Pages] Jekyll Theme 커스트마이징",
165        "excerpt":"이 블로그는 minimal-mistakes 테마를 이용하여 생성하였고, minimal-mistakes 가이드 바로가기 _config.xml 수정으로 사이트명, 설명, 카테고리 구조 등을 커스트마이징 할 수 있다. 1. config.xml 파일 _config.xml 파일에서 사이트명, 설명, 카테고리 구조등 커스트마이징이 가능하다. #theme : \"minimal-mistakes-jekyll\" remote_theme : \"mmistakes/minimal-mistakes\" minimal_mistakes_skin : \"default\" # \"air\" # Site Settings locale : \"ko-KR\" title :...","categories": [],
166        "tags": [],
167        "url": "/blog/upgrade/",
168        "teaser": null
169      },{
170        "title": "[GitHub Pages] Jekyll 코드하이라이터 (코드블럭) 테마 변경",
171        "excerpt":"Rouge는 Ruby에서 제공하는 gem 으로 코드의 시작과 끝에 ```을 추가하면 코드 하이라이트가 가능하다. gem은 Ruby에서 제공하는 라이브러리를 편리하게 설치할 수 있도록 지원되는 도구이다. Jekyll도 gem의 한 유형이다. 이 글은 rouge를 이용하여 코드 하이라이트 테마를 적용하는 방법에 대한 글이다. 1. 코드하이라이터 테마 설치 gem install rouge Note: minimal-mistakes 테마를 사용하여 codeblock은...","categories": [],
172        "tags": [],
173        "url": "/blog/codeblock/",
174        "teaser": null
175      },{
176        "title": "[GitHub Pages] 폰트 변경하기",
177        "excerpt":"구글 웹폰트를 이용하여 블로그의 폰트를 변경하는 방법 (작성중)    1. 구글 웹폰트 사이트에서 폰트 결정  https://fonts.google.com/   ","categories": [],
178        "tags": [],
179        "url": "/blog/font/",
180        "teaser": null
181      },{
182        "title": "[GitHub Pages] Google 검색엔진 등록하기",
183        "excerpt":"내 블로그가 Google에서 검색될 수 있도록 하려면 Google Search Console에 블로그 주소를 등록해야 한다. 1. Google Search Console 접속 https://search.google.com/search-console/ 2. URL 등록 Domain: 서브도메인을 포함한 도메인 관리권한이 있는 경우 URL: github.io 등 도메인 관리 권한없이 사용권한만 있는 경우 github의 도메인을 사용하면 사용권한만 있는 경우이므로 URL prefix를 선택한다. 3. URL...","categories": [],
184        "tags": [],
185        "url": "/blog/search/",
186        "teaser": null
187      },{
188        "title": "[GitHub Pages] 네이버 검색엔진 등록하기",
189        "excerpt":"내 블로그가 네이버에서 검색될 수 있도록 하려면 Search Advisor에 블로그주소를 등록해야 한다. 1. 네이버 Search Advisor 접속 https://searchadvisor.naver.com/console/board 2. URL 등록 사이트의 주소를 입력한다. 3. URL 소유권 증명 URL 소유권 증명을 위해서는 HTML file을 다운로드 받아 사이트의 루트에 업로드해야 한다. 사이트에 html파일ì

189„ 업로드 후 정상적으로 업로드 되었는지 확인을 위해 본인의...","categories": [],
190        "tags": [],
191        "url": "/blog/search02/",
192        "teaser": null
193      },{
194        "title": "[GitHub Pages] 댓글기능 추가하기",
195        "excerpt":"GitHub pages는 댓글 기능을 지원하지 않기에 댓글 기능을 사용하려면 댓글제공 서비스를 이용하여야 한다. 댓글 기능을 제공하는 사이트는 disqus, discourse, staticman, giscus 등 여러 서비스가 있다. 이 사이트중 disqus 에 가입하여 댓글 기능을 추가하는 방법을 소개한다. 1. Disqus 접속 https://disqus.com/ 에 접속하여 회원가입 하기 2. Disqus 회원가입 메인 페이지 > GET...","categories": [],
196        "tags": [],
197        "url": "/blog/comments01/",
198        "teaser": null
199      },{
200        "title": "[GitHub Pages] 댓글기능 추가하기",
201        "excerpt":"GitHub pages는 댓글 기능을 지원하지 않기에 댓글 기능을 사용하려면 댓글제공 서비스를 이용하여야 한다. 댓글 기능을 제공하는 사이트는 disqus, discourse, staticman, giscus 등 여러 서비스가 있다. 이 사이트중 giscus 에 가입하여 댓글 기능을 추가하는 방법을 소개한다. giscus 댓글 시스템은 GitHub의 discussions을 이용해서 운영하여 광고가 없이 깔끔한 UI를 제공한다. 1. GitHub Pages...","categories": [],
202        "tags": [],
203        "url": "/blog/comments/",
204        "teaser": null
205      },{
206        "title": "[GitHub Pages] 구글 애드센스 광고 넣기",
207        "excerpt":"이 글은 구글의 애드센(AdSense) 광고를 게시하는 방법에 대한 글이다. 1. 구글 애드센스 회원가입 Google AdSense (https://www.google.com/adsense/) 구글 애드센스 바로가기 2. 내 사이트 등록 Google AdSense 가입 후 광고를 게시하려면 승인 과정이 필요하다. 생성된지 얼마되지 않은 신규 사이트는 승인거부 될 수 있고, 게시글이 있어야 승인이 된다. onda2me 사이트는 게시글이 약 30개...","categories": [],
208        "tags": [],
209        "url": "/blog/googlead/",
210        "teaser": null
211      },{
212        "title": "[Markdown] Markdown 소개 및 사용법",
213        "excerpt":"마크다운 (Markdown)은 일반 텍스트 기반의 마크업 언어로 일반 텍스트로 서식이 있는 문서를 작성하는데 사용한다. 다른 마크업 언어에 비해 문법이 쉽고 간단하며 HTML 등 서식 문서로 쉽게 변환되어 README 파일이나 온라인 게시물에 많이 사용되며, 확장자는 .md를 사용한다. 즉, 마크다운은 텍스트를 HTML등 서식문서로 변환하는 언어이자 도구이다. 1. 헤더 사용법: # 제목 을...","categories": [],
214        "tags": [],
215        "url": "/blog/markdown/",
216        "teaser": null
217      },{
218        "title": "[Markdown] Markdown Editor",
219        "excerpt":"마크다운 에디터 (작성중)     들여쓰기1            들여쓰기2                    들여쓰기3                          ","categories": [],
220        "tags": [],
221        "url": "/blog/editor/",
222        "teaser": null
223      },{
224        "title": "[Liquid] Jekyll & Liquid",
225        "excerpt":"Liquid는 Ruby로 작성된 오픈소스 템플릿 언어이다. Jekyll 은 Liquid 템플릿 언어를 사용해 템플릿을 처리한다. Escape (코드블럭) 중괄호가 포함된 내용을 출력하고 싶을 때 등 Liquid의 태그를 그대로 보여준다. 사용법: {% raw %} 보여주기 원하는 내용 {% endraw %} Comment 태그 안의 내용을 출력하지 않는다. 사용법: {% comment %} 이내용은 화면에 출력되지...","categories": [],
226        "tags": [],
227        "url": "/blog/liquid/",
228        "teaser": null
229      },{
230        "title": "Baz Boom Identity",
231        "excerpt":"Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn’t a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section...","categories": [],
232        "tags": [],
233        "url": "/portfolio/baz-boom-identity/",
234        "teaser": "/assets/images/sample/unsplash-gallery-image-1-th.jpg"
235      },{
236        "title": "Ginger Gulp Identity",
237        "excerpt":"Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn’t a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section...","categories": [],
238        "tags": [],
239        "url": "/portfolio/ginger-gulp-identity/",
240        "teaser": "/assets/images/sample/unsplash-gallery-image-3-th.jpg"
241      },{
242        "title": "Markdown 사용법 및 테스트",
243        "excerpt":"타이틀 사용법 # 제목1 ## 제목2 ### 제목3 #### 제목4 ##### 제목5 ###### 제목6 제목1 제목2 제목3 제목4 제목5 제목6 테이블 사용법 입 력 | 출 력 ----- | ----- 1, 1 | 1 5, 54321 | 15 25, 7000000000000000000000000 | 3 11, 10987654321 | 46 입 력 출 력...","categories": ["jekyll"],
244        "tags": ["jekyll","markdown"],
245        "url": "/jekyll/test-markdown/",
246        "teaser": null
247      },{
248        "title": "이클립스에서 javadoc 만들기",
249        "excerpt":"javadoc은 java 프로그램 소스의 설명서로, 개발된 프로그램 분석 (프로젝트의 패키지 구성, 클래스 목록 및 기능, 사용되는 함수의 용도 등)을 위해 소스를 확인하지 않아도 각 클래스의 기능을 html 문서로 구성하여 웹사이트 처럼 편리하게 확인이 가능한 문서이다. javadoc은 문서로 직접 작업하는 것이 아니라 해당 소스내에 작성된 주석을 이용하여 설명서를 자동으로 생성할 수...","categories": ["eclipse"],
250        "tags": ["java"],
251        "url": "/eclipse/javadoc-make/",
252        "teaser": null
253      },{
254        "title": "favicon (파비콘 : 즐겨찾기 아이콘) 만들기",
255        "excerpt":"favicon (파비콘)은 즐겨찾기 아이콘을 뜻하는 말로 즐겨찾기 (favorites) 와 아이콘 (icon) 의 합성어이다. 사이트 접속 시 웹브라우저에 보이는 조그만 아이콘이 바로 파비콘이다. 이 글은 그림판 같은 윈도우 기본 프로그램을 이용하여 간단하게 파비콘을 만들 수 있는 방법을 소개한다. 그림판을 이용하기에 복잡한 디자인의 아이콘은 만들기 어렵지만, 네이버나 다음과 같이 영어단어로 구성 된...","categories": ["favicon"],
256        "tags": ["favicon"],
257        "url": "/favicon/post-favicon/",
258        "teaser": null
259      },{
260        "title": "메뉴 네비게이션에 Active 효과주기",
261        "excerpt":"활성화된 메뉴에 Active 효과를 추가해 보았다. /minimal-mistakes/ 테마는 메뉴의 Active 기능이 없어서 scss 와 html 파일 수정이 필요하다. 1. /include/masthead.html 코드 추가 // 원본 코드 <ul class=\"visible-links\"><li class=\"masthead__menu-item\"> <a href=\"/post/\">Posts</a> </li><li class=\"masthead__menu-item\"> <a href=\"/algorithm/\">Algorithm</a> </li><li class=\"masthead__menu-item\"> <a href=\"/blog/\">GitHub Blog</a> </li><li class=\"masthead__menu-item\"> <a href=\"/about/\">About</a> </li></ul> // 추가 코드 // a 태그에...","categories": ["navi"],
262        "tags": ["메뉴"],
263        "url": "/navi/post-navi-active/",
264        "teaser": null
265      },{
266        "title": "SVN서버 및 클라이언트 프로그램 설치",
267        "excerpt":"IT관련 회사가 아니라 프로그램을 혼자 담당하고 있지만, 소스의 버전관리가 필요하기에 SVN을 설치하였다. 서버는 무료버전인 Visual SVN을 설치했고, 클라이언트 프로그램은 윈도우 탐색기에서 바로 사용 가능한 Totorise와 이클립스용 subclipse 4.3.0을 설치하였다. 이 글은 이 프로그램의 설치 과정에 대한 글이다. 1.SVN 서버 다운로드 및 설치 VisualSVN Server 다운로드 : https://www.visual

267svn.com/ 2. SVN 서버...","categories": ["svn"],
268        "tags": ["svn"],
269        "url": "/svn/svn-install/",
270        "teaser": null
271      },{
272        "title": "Apache POI를 이용한 엑셀 다운로드 기능",
273        "excerpt":"서비스 운영을 하다보면 한달간, 연간 운영현황을 파악하기 위한 운영리포트 기능이 필요한 경우가 있다. 이글은 Apache POI 라이브러리를 이용하여 데이타 및 그래프를 포함한 엑셀파일을 생성하는 방법에 대한 글이다. 엑셀파일 샘플 (판매현황_202110_리포트.xls) 1.Apache POI 3.9 다운로드 pom.xml 파일에 dependency 추가 # 메이븐 프로젝트는 pom.xml 파일에 dependency 추가 <!-- https://mvnrepository.com/artifact/org.apache.poi/poi --> <dependency> <groupId>org.apache.poi</groupId>...","categories": ["java"],
274        "tags": ["java","엑셀"],
275        "url": "/java/poi-excel-download/",
276        "teaser": null
277      },{
278        "title": "Github 저장소 프로그램 소스 Pages에서 include 하는 방법",
279        "excerpt":"Github Pages의 글을 작성하다보면 Github 저장소의 프로그램 소스 설명이 필요할 때가 있다. 일반적으로 Github에 공유되고 있는 소스의 특정 부분만 발췌할 때는 markdown의 코드블럭 기능을 이용한다. 소스의 전체를 설명할 때에도 동일하게 코드블럭 기능을 이용하여 중복으로 작성해도 되지만, Github의 소스를 수정하여 업데이트 한 경우 블로그에 작성된 소스까지 업데이트 해주지는 않는다. 이 글은...","categories": ["javascript"],
280        "tags": ["javascript","github"],
281        "url": "/javascript/include-github-raw/",
282        "teaser": null
283      },{
284        "title": "Markdown 헤더 및 toc 테스트",
285        "excerpt":"H1.Vue 웹서비스 포트 설정 H1 H2.1-1. 설정1 H2 아무거나 작성 H2.1-2. 설정2 아무거나 작성 H3.1-2-1. 설정 1-1 H3 3아무거나 작성 H3.1-2-1. 설정 1-2 H3 3아무거나 작성 H3.1-2-1-1. 설정 1-2-1 H3 3단계 아무거나 작성 H4.1-2-1-1. 설정 1-2-1 H4 4단계 아무거나 작성 H5.1-2-1-1. 설정 1-2-1 H4 5단계 아무거나 작성 H2.1-3. 설정3 H2...","categories": ["jekyll"],
286        "tags": ["jekyll","markdown"],
287        "url": "/jekyll/test-markdown2/",
288        "teaser": null
289      },{
290        "title": "Spring Security 3.1.1를 이용한 접근권한 관리",
291        "excerpt":"Spring Security는 스프링 기반 어플리케이션의 보안과 인증을 담당하는 프레임워크로, Spring Security를 Filter에 추가하여 동작하기 때문에 Spring MVC와 분리되어 동작한다. 몇개의 페이지를 예로 들면 ​로그인페이지 (/login/loginForm.co)는 로그인을 하기위한 주소로 로그인 없이 접속이 가능해야 하고, 마이페이지 (/mypage/view.co)는 로그인한 사용자만 접속이 가능해야 하며, 사용자관리 페이지 (/admin/user/list.co)는 로그인한 관리자만 접속이 가능해야 한다. ​Spring security는...","categories": ["java"],
292        "tags": ["spring","java","security"],
293        "url": "/java/spring-security/",
294        "teaser": null
295      },{
296        "title": "데이터 시각화를 위한 무료차트",
297        "excerpt":"이글은 다양한 유형으로 데이타를 시각화 할 수 있는 차트 중 웹페이지에서 HTML + Javascript로 간단하게 구현 가능한 무료차트를 소개하려 한다. 1. 구글차트 https://developers.google.com/chart/ 구글차트는 순수 HTML5 기반으로 플러그인 없이 웹페이지에 간단한 JavaScript만 추가하면 차트를 표시해준다. 영역차트, 바차트, 라인차트, 도넛차트, 게이지차트 등 다양한 유형의 차트를 제공한다. 구글차트 라이브러리 로드하기 차트로 보여줄...","categories": ["javascript"],
298        "tags": ["javascript","chart"],
299        "url": "/javascript/chart/",
300        "teaser": null
301      },{
302        "title": "SpringBoot - REST API 구현하기",
303        "excerpt":"REST API란? Representational State Transfer의 약자이며 ‘대표적인 상태 전달’이라는 뜻으로 하나의 URI는 하나의 Resource를 대표하도록 설계된다는 개념이다. 즉, 스마트폰, 태플릿, PC 등 다양한 단말장치에 상관없이 공통으로 데이터를 처리할 수 있도록 사용자가 어떤 요청을 했을 때 화면 (HTML)을 리턴하지 않고 데이타만 리턴해주는 방식이다. SpringBoot를 이용하여 간단하게 REST API를 구현해 보자. 1....","categories": ["springboot"],
304        "tags": ["springboot"],
305        "url": "/springboot/springboot-restapi/",
306        "teaser": null
307      },{
308        "title": "SpringBoot - Logback 설정하기",
309        "excerpt":"logback? Apache의 log4j 기반의 logging 라이브러리로 SpringBoot 프로젝트에는 logback이 기본적으로 포함되어 있어서 dependecy 추가없이 사용할 수 있으나, 개발환경에 맞는 설정파일ì

309„ 추가해 주어야 한다. logback은 ERROR > WARN > INFO > DEBUG > TRACE 5단계의 로그레벨을 가진다. 1. logback 설정파일 위치 지정하기 #fileName : application.properties #로그파일 위치 logging.config=classpath:logging/logback.xml 2. logback.xml 설정파일...","categories": ["springboot"],
310        "tags": ["springboot","logback"],
311        "url": "/springboot/springboot-logback/",
312        "teaser": null
313      },{
314        "title": "node와 npm 설치하기",
315        "excerpt":"이 글은 node와 npm의 개념과 설치방법에 대해 설명한다. node.js? Chrome V8 Javascript 엔진으로 빌드 된 Javascript 런타임이다. 런타임이란? 특정 언어로 만든 프로그램을 실행할 수 있는 환경을 뜻한다. 즉 노드(node.js)는 자바스크립트 프로그램을 컴퓨터에서 실행할 수 있게 하는 자바스크립트 실행기로 노드를 통해 다양한 자바스크립트 애플리케이션을 실행할 수 있으며, 서버를 실행하는 데 제일...","categories": ["vue"],
316        "tags": ["node","npm"],
317        "url": "/vue/node-npm/",
318        "teaser": null
319      },{
320        "title": "Vue 설치하기 ",
321        "excerpt":"이 글은 Vue와 Vue CLI, WebPack의 정의와 설치방법에 대해 설명한다. Vue? 웹 어플리케이션 사용자 인터페이스를 위한 자바스크립트 프레임워크 CLI (Command line interface) ? Vue CLI2 이하 : vue-cli Vue CLI3 이상 : @vue/cli (@ 마크는 npm의 scoped package ) Vue Webpack과 CLI ? 웹팩(Webpack)은 자바스크립트 모듈 번들러 (JavaScript Module Bundler)로...","categories": ["vue"],
322        "tags": ["vue","node"],
323        "url": "/vue/vuecli/",
324        "teaser": null
325      },{
326        "title": "Vue 프로젝트 생성하기 ",
327        "excerpt":"이 글은 Vue 프로젝트의 버전을 선택하여 생성하고 생성한 Vue 프로젝트의 버전을 확인하는 방법과 버전에 따라 데이터, 함수 등의 선언과 호출방식에 대해 간략히 설명한다. 1. Vue 프로젝트 생성하기 vue create [프로젝트명] 명령어를 이용하여 프로젝트를 생성할때 vue의 버전(vue 2 / vue 3)을 선택하여 생성할 수 있다. vue create vuex3 2. Vue 버전...","categories": ["vue"],
328        "tags": ["vue"],
329        "url": "/vue/vue-01-start/",
330        "teaser": null
331      },{
332        "title": "Vue2 에서 컴포넌트를 이용하여 첫페이지 만들기 ",
333        "excerpt":"이 글은 Vue 2에서 컴포넌트를 이용하여 간단한 웹페이지를 만드는 방법에 대해 설명한다. 1. Vue 파일 만들기 프로젝트폴더> src> components> FirstComponent.vue 파일을 생성한다. // @FirstComponent.vue <template> <h1>First Component!</h1> </template> 2. App.vue 파일 내용 수정하기 프로젝트폴더> src> App.vue 파일 내용을 수정한다. // @App.vue <template> <div id=\"app\"> <SampleApp></SampleApp> </div> </template> <script> <!-- App.vue의...","categories": ["vue"],
334        "tags": ["vue"],
335        "url": "/vue/vue-02-first/",
336        "teaser": null
337      },{
338        "title": "Vue2 에서 data 함수 사용하기 ",
339        "excerpt":"이 글은 Vue 2에서 컴포넌트와 data 함수를 이용하여 간단한 웹페이지를 만드는 방법에 대해 설명한다. 1. Vue 파일 만들기 프로젝트폴더> src> components> HelloWorld.vue 파일을 생성한다. // @HelloWorld.vue <!-- 화면에 보여지는 메세지 출력을 data 함수를 통해서 구현한다. --> <script> export default { data() { return { message: 'Hello World!' } } }...","categories": ["vue"],
340        "tags": ["vue"],
341        "url": "/vue/vue-03-message/",
342        "teaser": null
343      },{
344        "title": "Vue2 에서 button click 함수로 숫자 카운트하는 예제 ",
345        "excerpt":"Vue2 에서 button click 함수로 숫자 카운트하는 예제 1. Vue 파일 만들기 프로젝트폴더> src> components>

345 CounterNumber.vue 파일을 생성한다. // @CounterNumber.vue <script> export default { data() { return { count: 0 } } } </script> <template> <div> <label>{{ count }}</label>  <button @click=\"count++\">Count</button>  <button @click=\"count--\">Discount</button>  </div> </template> 2. App.vue 파일 내용 수정하기...","categories": ["vue"],
346        "tags": ["vue"],
347        "url": "/vue/vue-05-counter/",
348        "teaser": null
349      },{
350        "title": "Vue2 에서 단위를 변환하는 함수를 구현한 예제",
351        "excerpt":"Vue2 에서 cm -> inch로 in -> cm로 단위를 변환하는 함수를 선언하여 구현한 예제 1 cm -> 2.54 inch이고, 1 inch -> 약 0.3937 cm 이므로 이 값을 기준으로 숫자를 입력하고, 변환하기 버튼을 누르면 다른 단위로 변환하는 예제이다. 1. Vue 파일 만들기 프로젝트폴더> src> components> ConverterUnit.vue 파일을 생성한다. // @ConverterUnit.vue...","categories": ["vue"],
352        "tags": ["vue"],
353        "url": "/vue/vue-06-converter/",
354        "teaser": null
355      },{
356        "title": "Vue3 프로젝트 생성하기",
357        "excerpt":"Vue 버전3 프로젝트를 생성하고, 간단한 예제를 만들어보자. 1) Vue CLI 설치하기 npm install -g @vue/cli 2) Vue 3 프로젝트 생성하기 vue create[프로젝트명] vue 버전 선택 vue 설치중 vue 프로젝트 버전 확인 vue 폴더 구조 vuex3 # Vue 프로젝트 ROOT ├── node_modules # node_modules | ├── @eslint | ├── @vue |...","categories": ["vue"],
358        "tags": ["vue"],
359        "url": "/vue/vue3-setup/",
360        "teaser": null
361      },{
362        "title": "Vue 프로젝트 폴더를 기능별로 구분하기 ",
363        "excerpt":"Vue Router를 이용하여 컴포넌트를 분리하여 웹페이지를 만들어 보자. Vue 프로젝트 폴더를 기능별로 구분하기 vuex3 # Vue 프로젝트 ROOT | ├── src # 개발소스 | ├── App.vue # 최상위 컴포넌트 | ├── main.js # 어플리케이션 진입점. 최상위 컴포넌트인 App.vue를 로드 | ├── components # 각 웹페이지의 화면을 구성할 컴포넌트 저장위치 |...","categories": ["vue"],
364        "tags": ["vue"],
365        "url": "/vue/vue3-router-project/",
366        "teaser": null
367      },{
368        "title": "Vue Router로 웹페이지 만들기",
369        "excerpt":"Vue Router는 vue.js에서 페이지 간 이동을 위한 라이브러리로 아래와 같이 Home, Posts, About 구성 된 웹어플리케이션에서 각 웹경로와 컴포넌트를 관리한다. Vue Router를 이용하여 웹페이지를 만들어 보자. 1) Vue Router 설치하기 npm install 명령어로 vue router 설치 Vue Router 연동을 위해 App.vue 및 router 관련 파일을 생성 등 별도의 설정이 필요하다....","categories": ["vue"],
370        "tags": ["vue","router"],
371        "url": "/vue/vue3-router/",
372        "teaser": "/assets/images/post/vue/vue3_router_2.png"
373      },{
374        "title": "Vue에서 Header와 Footer 영역을 전역 컴포넌트로 분리하기",
375        "excerpt":"Vue 어플리케이션에서 공통으로 사용되는 Header와 Footer를 전역 컴포넌트로 분리해보자. Vue 어플리케이션 구조 vuex3 # Vue 프로젝트 ROOT | ├── src | ├── components | | ├── layout # Layout용 컴포넌트 저장위치 (* 추가) | | | └── LayoutNavi.vue # Navigation 영역 (* 추가) | | | └── LayoutFooter.vue # Footer...","categories": ["vue"],
376        "tags": ["vue","router"],
377        "url": "/vue/vue3-globalcomponent/",
378        "teaser": "/assets/images/post/vue/vue3_router_11.png"
379      },{
380        "title": "Vue에서 404 not found 오류 페이지를 router로 설정하기",
381        "excerpt":"설정하지 않은 경로에 접속할 경우 404 오류 페이지를 보여주도록 router 설정을 추가해 보자. Vue 어플리케이션 구조 vuex3 # Vue 프로젝트 ROOT | ├── src | ├── components | | ├── layout # Layout용 컴포넌트 저장위치 | | | └── LayoutNavi.vue | | | └── LayoutFooter.vue | | ├── common #...","categories": ["vue"],
382        "tags": ["vue","router"],
383        "url": "/vue/vue3-notfound404/",
384        "teaser": "/assets/images/post/vue/vue3_notfound.png"
385      },{
386        "title": "Vue router의 dynamic matching을 이용하여 동적 U

386RL을 구성해 보자",
387        "excerpt":"게시글 목록 -> 게시글 상세, 사용자 목록 -> 사용자 상세 등 웹페이지 이동 시 url의 id값에 따라 페이지 내용을 동적으로 구성하는 기능을 구현하고자 한다. 리스트의 목록 구현 단일 컴포넌트 구현과 컴포넌트 분리 구현 두가지 방식으로 페이지를 구성하고, 리스트 상세 이동은 router의 dynamic matching을 이용하여 동적 URL로 구성 /users/1 경로 접속...","categories": ["vue"],
388        "tags": ["vue","router"],
389        "url": "/vue/vue3-vfor-list/",
390        "teaser": "/assets/images/post/vue/vue3_vfor_list2.png"
391      },{
392        "title": "SpringBoot BackEnd + Vue FrontEnd Step1. 서비스 구성",
393        "excerpt":"스프링부트 웹서버는 8007, Vue 웹서버는 8080 포트로 서비스 하도록 설정 스프링부트 프로젝트 생성 스프링부트 프로젝트에 Vue 프로젝트 생성 Vue 빌드 시 스프링부트의 리소스 폴더로 build 경로 설정 스프링부트 서버에서 Vue 웹서비스 동작 확인 1. 스프링부트 프로젝트 생성 New Project > Spring Starter Project 2. WelcomeController 작성 com.onda.controller.WelcomeController.java @RestController public class...","categories": ["vue"],
394        "tags": ["vue","springboot"],
395        "url": "/vue/springboot-vue/",
396        "teaser": "/assets/images/post/vue/boot_setup2.png"
397      },{
398        "title": "SpringBoot BackEnd + Vue FrontEnd Step2. Build 설정",
399        "excerpt":"스프링부트 웹서버는 8007, Vue 웹서버는 8080 포트로 서비스 하도록 설정 스프링부트 프로젝트 생성 (이전글) 스프링부트 프로젝트에 Vue 프로젝트 생성(이전글) Vue 빌드 시 스프링부트의 리소스 폴더로 build 경로 설정 스프링부트 서버에서 Vue 웹서비스 동작 확인 1. Vue 웹서비스 포트 설정 srcvue > package.json 수정 \"scripts\": { \"serve\": \"vue-cli-service serve --port 8080\",...","categories": ["vue"],
400        "tags": ["vue","springboot"],
401        "url": "/vue/springboot-vue-build/",
402        "teaser": "/assets/images/post/vue/boot_build4.png"
403      },{
404        "title": "SpringBoot에서 Html Thymeleaf 서비스 구성하기",
405        "excerpt":"Thymeleaf 란? html 태그를 기반으로 컨트롤러가 전달하는 데이터를 동적으로 화면을 구성할 수 있게 해 준다. @ Thymeleaf 설정 pom.xml 의존성 추가 application.properties 설정 추가 src>static>templates>html 폴더 추가 Contoller 파일 작성 jsp 파일 작성 스프링부트 웹에서 확인 1. pom.xml 의존성 추가 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> 2. application.properties 설정 추가 # jsp와...","categories": ["springboot"],
406        "tags": ["springboot","thymeleaf"],
407        "url": "/springboot/01-springboot-thymeleaf/",
408        "teaser": "/assets/images/post/spring/boot_html01.png"
409      },{
410        "title": "SpringBoot에서 Jsp 서비스 구성하기",
411        "excerpt":"스프링부트에서는 Jsp를 Default로 제공하지 않아 Jsp 서비스를 구성하려면 별도의 설정이 필요하다. @ JSP 설정 pom.xml 의존성 추가 application.properties 설정 추가 src>webapps>WEB-INF>jsp 폴더 추가 Contoller 파일 작성 jsp 파일 작성 스프링부트 웹에서 확인 1. pom.xml 의존성 추가 <!-- jsp 사용을 위해 추가함 (jasper, jstl) --> <dependency> <groupId>javax.servlet</groupId> <artifactId>jstl</artifactId> </dependency> <!-- jsp를...","categories": ["springboot"],
412        "tags": ["springboot"],
413        "url": "/springboot/02-springboot-jsp/",
414        "teaser": "/assets/images/post/spring/boot_jsp.png"
415      },{
416        "title": "REST API - 영화 오픈 API를 이용하여 영화정보 사이트 만들기",
417        "excerpt":"영화진흥위원회의 오픈 API (주말 박스오피스) 를 이용하여 영화정보 사이트를 만들어보자. [영화진흥위원회 오픈 API 박스오피스 바로가기] (https://www.kobis.or.kr/) 박스오피스 UI 구현 기능 오픈 API를 이용하여 Html, Jsp, Vue 방식으로 박스오피스 기능을 각각 구현해본다. REST API 로 영화진흥원 영화 오픈API 데이타 전달 (SpringBoot RestController) Thymeleaf Html 박스오피스 (SpringBoot + Thymeleaf) Jsp 박스오피스 (SpringBoot...","categories": ["vue","springboot"],
418        "tags": ["vue","springboot"],
419        "url": "/vue/springboot/bootvue-start-restapi/",
420        "teaser": "/assets/images/post/vue/boot_start_00.png"
421      },{
422        "title": "Thymeleaf - 영화 오픈 API를 이용하여 영화정보 사이트 만들기",
423        "excerpt":"영화진흥위원회의 오픈 API (주말 박스오피스) 를 이용하여 영화정보 사이트를 만들어보자. [영화진흥위원회 오픈 API 박스오피스 바로가기] (https://www.kobis.or.kr/) 박스오피스 UI 구현 기능 오픈 API를 이용하여 Html, Jsp, Vue 방식으로 박스오피스 기능을 각각 구현해본다. REST API 로 영화진흥원 영화 오픈API 데이타 전달 (SpringBoot RestController) Thymeleaf Html 박스오피스 (SpringBoot + Thymeleaf) Jsp 박스오피스 (SpringBoot...","categories": ["vue","springboot"],
424        "tags": ["vue","springboot"],
425        "url": "/vue/springboot/bootvue-start-thymeleaf/",
426        "teaser": "/assets/images/post/vue/boot_start_03.png"
427      },{
428        "title": "Jsp - 영화 오픈 API를 이용하여 영화정보 사이트 만들기",
429        "excerpt":"영화진흥위원회의 오픈 API (주말 박스오피스) 를 이용하여 영화정보 사이트를 만들어보자. [영화진흥위원회 오픈 API 박스오피스 바로가기] (https://www.kobis.or.kr/) 구현 기능 오픈 API를 이용하여 Html, Jsp, Vue 방식으로 박스오피스 기능을 각각 구현해본다. REST API 로 영화진흥원 영화 오픈API 데이타 전달 (SpringBoot RestController) Thymeleaf Html 박스오피스 (SpringBoot + Thymeleaf) Jsp 박스오피스 (SpringBoot + jsp)...","categories": ["vue","springboot"],
430        "tags": ["vue","springboot"],
431        "url": "/vue/springboot/bootvue-start-jsp/",
432        "teaser": "/assets/images/post/vue/boot_start_04.png"
433      },{
434        "title": "Vue+JsonFile - 영화 오픈 API를 이용하여 영화정보 사이트 만들기",
435        "excerpt":"영화진흥위원회의 오픈 API (주말 박스오피스) 를 이용하여 영화정보 사이트를 만들어보자. [영화진흥위원회 오픈 API 박스오피스 바로가기] (https://www.kobis.or.kr/) 구현 기능 오픈 API를 이용하여 Html, Jsp, Vue 방식으로 박스오피스 기능을 각각 구현해본다. Vue에서의 Ajax 통신이 문법과 이미지처리 등 한 단계로 진행하기에 무리가 있어 Vue+JsonFile, Vue+RestAPI, Vue+RestAPI+JQuery 세 단계로 분리하여 예제 진행 REST API...","categories": ["vue","springboot"],
436        "tags": ["vue","springboot"],
437        "url": "/vue/springboot/01-bootvue-start-vue1/",
438        "teaser": "/assets/images/post/vue/boot_start_02.png"
439      },{
440        "title": "Vue+RestAPI - 영화 오픈 API를 이용하여 영화정보 사이트 만들기",
441        "excerpt":"영화진흥위원회의 오픈 API (주말 박스오피스) 를 이용하여 영화정보 사이트를 만들어보자. [영화진흥위원회 오픈 API 박스오피스 바로가기] (https://www.kobis.or.kr/) 구현 기능 오픈 API를 이용하여 Html, Jsp, Vue 방식으로 박스오피스 기능을 각각 구현해본다. Vue에서의 Ajax 통신이 문법과 이미지처리 등 한 단계로 진행하기에 무리가 있어 Vue+JsonFile, Vue+RestAPI, Vue+RestAPI+JQuery 세 단계로 분리하여 예제 진행 REST API...","categories": ["vue","springboot"],
442        "tags": ["vue","springboot"],
443        "url": "/vue/springboot/02-bootvue-start-vue2/",
444        "teaser": "/assets/images/post/vue/boot_start_12.png"
445      },{
446        "title": "Vue+RestAPI+JQuery - 영화 오픈 API를 이용하여 영화정보 사이트 만들기",
447        "excerpt":"영화진흥위원회의 오픈 API (주말 박스오피스) 를 이용하여 영화정보 사이트를 만들어보자. [영화진흥위원회 오픈 API 박스오피스 바로가기] (https://www.kobis.or.kr/) 구현 기능 오픈 API를 이용하여 Html, Jsp, Vue 방식으로 박스오피스 기능을 각각 구현해본다. Vue에서의 Ajax 통신이 문법과 이미지처리 등 한 단계로 진행하기에 무리가 있어 Vue+JsonFile, Vue+RestAPI, Vue+RestAPI+JQuery 세 단계로 분리하여 예제 진행 REST API...","categories": ["vue","springboot"],
448        "tags": ["vue","springboot"],
449        "url": "/vue/springboot/03-bootvue-start-vue3/",
450        "teaser": "/assets/images/post/vue/boot_start_02.png"
451      },{
452        "title": "Apache Tiles로 레이아웃 템플릿 설정하여 화면 구성하기",
453        "excerpt":"Apache Tiles? 웹페이지의 Header, Aside, Footer 와 같이 반복적으로 사용되는 코드를 분리하여 관리해주는 프레임워크로 화면의 반복영역을 레이아웃 템플릿으로 관리하므로 중복 코드를 줄일 수 있다. Jsp Include 와 Tiles의 공통점 및 차이점 공통점 두기능 모두 화면의 공통영역을 분리하여 관리하므로 중복 코드를 줄일 수 있다. 차이점 Jsp Include 방식은 각 jsp 페이지에서...","categories": ["spring"],
454        "tags": ["spring","tiles"],
455        "url": "/spring/spring-tiles/",
456        "teaser": "/assets/images/post/spring/tiles_detail02.png"
457      },{
458        "title": "이클립스에서 Spring MVC 프로젝트 시작하기",
459        "excerpt":"이클립스에서 Spring MVC 프로젝트 생성하고 웹에서 실행해 보자 Spring MVC 프로젝트 생성 방법 case1) Spring Legacy Project 템플릿으로 만들기 case2) DynamicWeb Project 템플릿으로 생성 후 Spring 구조 직접 구성해서 만들기 case1) Spring Legacy Project 템플릿으로 프로젝트 생성하기 1. 프로젝트 생성하기 New Project > Spring Legacy Project > spring mvc project...","categories": ["spring"],
460        "tags": ["spring","springmvc"],
461        "url": "/spring/01-spring-legacy-project/",
462        "teaser": "/assets/images/post/spring/springmvc_03.png"
463      },{
464        "title": "이클립스에서 Spring MVC 프로젝트 DB 설정하기",
465        "excerpt":"Spring MVC 프로젝트에서 Spring + Mybatis + MySQL DBMS 조합으로 DB정보를 설정하고 사용자 테이블 (t_demo_user) 의 데이타를 조회하는 간단한 기능을 만들어 보자. DB 테이블 : t_demo_user seq userId email userName statusCode loginYmd 1 user1 [email protected] 1번 사용자 01 20200101 2 user2 [email protected] 2번 사용자 01 20220202 3 user3 [email protected] 3번...","categories": ["spring"],
466        "tags": ["spring","mybatis"],
467        "url": "/spring/02-spring-legacy-project-dbconfig/",
468        "teaser": "/assets/images/post/spring/springmvc_22.png"
469      },{
470        "title": " Spring MVC 프로젝트에서 Spring Security 5.0.7를 이용한 접근권한 관리하기",
471        "excerpt":"Spring Security는 스프링 기반 어플리케이션의 보안과 인증을 담당하는 프레임워크로, Spring Security를 Filter에 추가하여 동작하기 때문에 Spring MVC와 분리되어 동작한다. 이 글은 Spring Security 5.0.7.RELEASE 를 기반으로 접근권한을 설정하였으며, 이전버전(3.1.1)의 설정은 이전글 보기를 참고한다. ​Spring Security는 페이지별 접근권한을 설정파일로 관리하며, 디렉토리별로 또는 개별 페이지마다 권한 설정이 가능하다. 인증에 따른 접근권한은 아래와...","categories": ["java"],
472        "tags": ["spring","java","security"],
473        "url": "/java/spring-security-4.2/",
474        "teaser": "/assets/images/post/spring/login_02.png"
475      },{
476        "title": "이클립스에서 Spring Boot 프로젝트 시작하기",
477        "excerpt":"이클립스에서 Spring Starter Project를 이용하여 Spring Boot 프로젝트 생성하고 웹에서 실행해 보자. @ 개발환경 Eclipse 2021-06 (4.20.0) + Spring Tools 4 Java 11 MySQL Maven 1. 프로젝트 생성하기 + Spring Starter Project File > New Project > Spring Boot > Spring Starter Project + Project Name 및 Package 설정 +...","categories": ["springboot"],
478        "tags": ["springboot"],
479        "url": "/springboot/01-springboot-project/",
480        "teaser": "/assets/images/post/spring/boot_01.png"
481      },{
482        "title": "이클립스에서 Spring Boot 프로젝트 DB 설정하기",
483        "excerpt":"Spring Boot 프로젝트에서 Mybatis + MySQL 조합으로 DB정보를 설정하고, 사용자 테이블(t_demo_user)의 데이타를 조회하는 간단한 기능을 만들어 보자. Mybatis는 자바객체와 SQL의 자동맵핑 기능을 제공하는 ORM (Object Relational Mapping) 프레임워크이며, Mybatis-Spring 연동모듈은 Mybatis와 Spring을 간단하게 연동해준다. DB 테이블 : t_demo_user seq userId email userName statusCode loginYmd 1 user1 [email protected] 1번 사용자 01...","categories": ["springboot"],
484        "tags": ["springboot","mybatis"],
485        "url": "/springboot/02-springboot-project-dbconfig/",
486        "teaser": "/assets/images/post/spring/bootdb_00.png"
487      },{
488        "title": "Spring Boot Batch?",

489        "excerpt":"배치 (Batch) ? 매일 새벽 전날의 일일 매출 집계 작업, 배송완료 7일 경과한 주문건의 자동구매 확정 작업, 1년이상 미사용 회원에 대한 휴면 처리 작업 등 매분, 매시, 매일 등의 특정 시간에 해야하는 작업이나, 대량의 데이터를 처리하는 것을 Batch 라고 한다. 스프링부트 배치 ? 백엔드의 배치 기능을 제공하는 프레임워크 대용량 데이터...","categories": ["springboot"],
490        "tags": ["springboot","batch"],
491        "url": "/springboot/01-springboot-batch-01/",
492        "teaser": "/assets/images/post/spring/boot_batch_00.png"
493      },{
494        "title": "Spring Boot Batch Next Step?",
495        "excerpt":"3개의 Step을 가진 Job을 Scheduled로 실행하는 배치 프로젝트 매분 10초에 로그를 출력하는 간단한 배치작업(Job)을 만들고 @Scheduled 를 이용하여 배치작업 실행하기 개발환경 Spring Boot v2.7.8 Java 11.0.16.1 Apache Tomcat 9.0.71 1. 프로젝트 생성하기 Spring Project 생성할 때 Spring Batch dependency를 선택하거나 pom.xml 에 dependency를 직접 추가한다. 기존의 Spring Batch 프로젝트에 Job을...","categories": ["springboot"],
496        "tags": ["springboot","batch"],
497        "url": "/springboot/01-springboot-batch-02/",
498        "teaser": "/assets/images/post/spring/boot_batch2_00.png"
499      },{
500        "title": "SpringBoot 환경에서 Security를 이용한 접근권한 관리하기",
501        "excerpt":"Spring Security는 스프링 기반 어플리케이션의 보안과 인증을 담당하는 프레임워크로, 사용자 인증 및 보안 처리를 간단하게 구현할 수 있다. 이 글은 SpringBoot 2.7.8 환경에서 접근권한을 설정하였으며, Spring MVC 환경의 설정은 이전글 보기를 참고한다. 1. 개발환경 Eclipse 2021-06 (4.20.0) + Spring Tools 4 Java 1.11 SpringBoot 2.7.8 Spring 5.3.25 Tomcat 9.0 MySQL...","categories": ["java"],
502        "tags": ["springboot","java","security"],
503        "url": "/java/springboot-security/",
504        "teaser": "/assets/images/post/spring/springboot_security_01.png"
505      },{
506        "title": "Spring Boot + Thymeleaf + Jquery 로또번호 생성기",
507        "excerpt":"6개의 랜덤 번호를 만들어 주는 로또번호 생성기 동행복권 사이트의 번호별 당첨통계 데이타를 이용해서 로또 번호6개를 생성하여 출력해 주는 API를 만들었는데, Thymeleaf 사용법을 익히기 위한 예제로 UI를 화려하게 구성해 보았다. 서비스 UI 서비스 구조 개발환경 Spring Boot v2.7.8 Java 11.0.16.1 Apache Tomcat 9.0.71 Thymeleaf 3.0.15 jquery 3.6.3 1. html 파일 작성...","categories": ["springboot"],
508        "tags": ["springboot","로또번호","jquery"],
509        "url": "/springboot/spring-lotto-thymeleaf/",
510        "teaser": "/assets/images/post/thymeleaf/lotto-service-10.png"
511      },{
512        "title": "번호별 당첨통계 데이타를 이용한 로또번호 생성기",
513        "excerpt":"Lotto 6/45 6개의 랜덤 번호를 만들어 주는 로또번호 생성기 동행복권 사이트의 번호별 당첨통계 데이타를 이용해서 로또 번호6개를 생성하여 출력해 주는 API를 만들어보자 재귀함수 (= 특정 조건이 될 때까지 자기자신을 계속 호출하는 함수)를 이용하여 로또 번호 생성기를 만들어 보자 로또번호 생성기 알고리즘 예를들어 각 번호의 당첨횟수가 아래와 같을 때 당첨횟수에 따라...","categories": ["springboot"],
514        "tags": ["springboot","로또번호","재귀함수"],
515        "url": "/springboot/spring-lotto/",
516        "teaser": "/assets/images/post/thymeleaf/lotto-generator3.gif"
517      },{
518        "title": "SpringBoot에서 Thymeleaf로 템플릿 설정하여 화면 구성하기",
519        "excerpt":"Thymeleaf ? Thymeleaf는 자바 기반의 View Template Engine으로 html에 전달하는 데이타로 동적인 View를 제공한다. html 템플릿은 html 자체로도 동작하고, 컨트롤러가 전달하는 데이타를 이용하여 동적으로도 화면을 구성한다. Header, Footer와 같이 반복적으로 사용되는 화면의 공통영역을 레이아웃 설정파일로 관리하여 중복 코드를 줄일 수 있다. Thymeleaf 홈페이지 : https://www.thymeleaf.org/ Apache Tiles과 Thymeleaf의 공통점 및...","categories": ["springboot"],
520        "tags": ["springboot","thymeleaf","layout"],
521        "url": "/springboot/springboot-thymeleaf-layout/",
522        "teaser": "/assets/images/post/thymeleaf/springboot-tiles-01.png"
523      },{
524        "title": "SpringBoot Batch Monitoring System (1/3)",
525        "excerpt":"배치 모니터링 시스템 만들기 - 1단계 스프링부트 배치 모니터링 시스템 이란? 스프링 배치를 실행하면 실행정보들이 메타 데이타 테이블에 저장되는데, 배치를 실행한 뒤 데이타를 조회할 수 있는 표준 관리도구가 없기에 매번 데이타를 쿼리로 조회를 하려니 불편하기도 하고, 스프링부트 환경에서 웹 UI 기능도 익힐 겸 모니터링 시스템을 만들어 보았다. 이 스프링부트 모니터링...","categories": ["springboot"],
526        "tags": ["springboot","monitoring","batch","thymeleaf"],
527        "url": "/springboot/01-springboot-monitoring-01/",
528        "teaser": "/assets/images/post/spring/boot_batch_24.png"
529      },{
530        "title": "SpringBoot Batch Monitoring System (2/3)",
531        "excerpt":"배치 모니터링 시스템 만들기 - 2단계 배치생성 1단계 기본환경 설정 프로젝트 생성 글보기 Application properties 설정 Thymeleaf 설정 welcome 페이지 생성 ▶ 2단계 배치 생성 배치 메타 테이블 생성 글보기 배치 클래스 생성 배치 실행 스케줄러 생성 3단계 모니터링 UI 작성 Controller 클래스 생성 글보기 Service 클래스 생성 Mapper 클래스...","categories": ["springboot"],
532        "tags": ["springboot","monitoring","batch","thymeleaf"],
533        "url": "/springboot/01-springboot-monitoring-02/",
534        "teaser": "/assets/images/post/spring/boot_monitoring_02.png"
535      },{
536        "title": "SpringBoot Batch Monitoring System (3/3)",
537        "excerpt":"배치 모니터링 시스템 만들기 - 3단계 모니터링 UI 작성 1단계 기본환경 설정 프로젝트 생성 글보기 Application properties 설정 Thymeleaf 설정 welcome 페이지 생성 2단계 배치 생성 배치 메타 테이블 생성 글보기 배치 클래스 생성 배치 실행 스케줄러 생성 ▶ 3단계 모니터링 UI 작성 Controller 클래스 생성 글보기 Service 클래스 생성...","categories": ["springboot"],
538        "tags": ["springboot","monitoring","batch","thymeleaf"],
539        "url": "/springboot/01-springboot-monitoring-03/",
540        "teaser": "/assets/images/post/spring/boot_monitoring_01.png"
541      },{
542        "title": "라이엇 게임즈의 오픈API를 이용한 롤 전적 검색 사이트 만들기 (1/2)",
543        "excerpt":"프로젝트 진행 동기 ? 공부도 잠도 휴식도 모두 버리고, 롤에만 올인하는 아들의 감시 및 취미 목적의 프로젝트 라이엇 게임즈의 오픈 API를 이용한 op.gg 나 lol.ps 같은 롤 전적 검색 및 분석 사이트까지는 아니고, 게임의 승패가 그날의 컨디션을 좌우하는 게임러의 주변인을 위해 게임 진행상황 및 승패 여부만 확인할 수 있는 간단한...","categories": ["springboot"],
544        "tags": ["springboot","thymeleaf","bootstrap"],
545        "url": "/springboot/riot-api-of-lol1/",
546        "teaser": "/assets/images/post/riot/lol_01.png"
547      },{
548        "title": "라이엇 게임즈의 오픈API를 이용한 롤 전적 검색 사이트 만들기 (2/2)",
549        "excerpt":"UI 구성 및 구현 기능 소환사명으로 검색해서 puuid, 프로필아이콘, 레벨 등 정보 조회한다. 조회 한 puuid로 매치 목록 및 랭크정보를 조회한다. 서비스 구성도 소환사 정보 Riot API 소환사 정보 조회 API /summoner-v4/getBySummonerName 기능 구현에 필요한 클래스명, 변수 등을 샘플로 제공 @소환사정보 성공 반환 예 { \"id\": \"t3NZih8VVi3WRSEvB_41RGMvP3D23g3L0MtddktfFiI96Q\", \"accountId\": \"ceduA2tauQCaMeWbgpjb8EkZDkze_7RCHjV1IITqHp-p\", \"puuid\":...","categories": ["springboot"],
550        "tags": ["springboot","thymeleaf","bootstrap"],
551        "url": "/springboot/riot-api-of-lol2/",
552        "teaser": "/assets/images/post/riot/lol_23.png"
553      },{
554        "title": "데이타와 데이타 분석 프로그램",
555        "excerpt":"데이터란 ? 이론을 수립하는데 기초가 되는 사실 또는 바탕이 되는 자료이다. 데이터는 관찰, 실험, 조사로 얻은 객관적인 사실이나 자료를 의미하며 컴퓨터에서는 컴퓨터가 처리할 수 있는 문자, 숫자, 소리, 이미지의 형태로 된 자료를 의미한다. 데이터는 ‘정보’가 아닌 ‘자료’ 이며, 석유를 가공하여 일상생활에서 다양한 형태로 사용하듯 데이터 역시 적절하게 가공되어 정보로서 역할을...","categories": ["data"],
556        "tags": ["data","dikw","r","phython"],
557        "url": "/data/data-program/",
558        "teaser": "/assets/images/post/data/data-program-dikw.png"
559      },{
560        "title": "데이타 분석 프로그램 R과 RStudio",
561        "excerpt":"R? R은 통계/데이터 마이닝 및 그래프를 위한 언어이다. R은 오픈소스 프로젝트로 진행되고 있으며, 통계 프로그래밍 언어인 S를 기반으로 만들어졌다. 이전에는 주로 연구 및 산업응용 프로그램으로 많이 사용되다가 최근에 기업들이 많이 사용하기 시작하면서 빅데이터 분석에 널리 사용되고 있다. R의 특징 및 장점 무료이며 많은 사용자와 방대한 자료 배우기 쉽고 데이터 조작...","categories": ["data"],
562        "tags": ["data","dikw","r","phython"],
563        "url": "/data/data-program-r/",
564        "teaser": "/assets/images/post/data/data-program-r7.png"
565      },{
566        "title": "R을 이용한 통계분석 - R의 데이터 유형",
567        "excerpt":"R의 데이터의 유형 변수형 : 숫자형, 문자형, 논리형 구조형 : 벡터, 스칼라, 행렬, 배열, 리스트, 데이터프레임 1. 변수형 데이터의 할당 # a 변수에 숫자 3을 할당 a <- 3 2. 데이터의 사칙연산 사칙연산 종류 : +, -, x, ÷ 3. 데이터의 비교연산 >, >=, <, <= R 구조형 데이터 자료구조인...","categories": ["data"],
568        "tags": ["data","dikw","r","phython"],
569        "url": "/data/data-r01-data/",
570        "teaser": "/assets/images/post/data/data-program-r01-06.png"
571      },{
572        "title": "R을 이용한 통계분석 - R의 패키지",
573        "excerpt":"R 프로그램을 설치하면 base, datasets, graphics 등 기본 패키지가 자동 설

573치되고, 메모리에 로딩되어 별도의 작업 없이 바로 사용할 수 있다. 이외에 필요한 함수는 패키지 단위로 직접 설치하여 사용할 수 있도록 설치 및 삭제 기능을 제공한다. 1. R에 설치된 패키지 확인 RStudio 오른쪽 하단창의 패키지창에서 설치 된 패키지 목록을 확인할 수...","categories": ["data"],
574        "tags": ["data","dikw","r","phython"],
575        "url": "/data/data-r02-package/",
576        "teaser": "/assets/images/post/data/data-r02-44.png"
577      },{
578        "title": "데이타 분석 프로그램 파이썬",
579        "excerpt":"파이썬? 파이썬은 인터프리터를 사용하는 객체지향 언어이자 플랫폼에 독립적인 동적 타이핑 대화형 언어로 간결하고 읽기 쉬운 문법으로 데이터 분석, 웹개발, 인공지능 등 다양 분야에서 활용된다. 파이썬 문법의 특징은 블록 구조에 { } 아닌 들여쓰기를 이용한다. int, float, string, bytes, boolean, list, set 등의 자료형을 제공한다. if, for, while 등의 제어구문을 제공한다....","categories": ["data"],
580        "tags": ["data","phython"],
581        "url": "/data/data-program-python/",
582        "teaser": "/assets/images/post/data/data-program-phy-01.png"
583      },{
584        "title": "파이썬의 데이터 유형과 기본문법",
585        "excerpt":"파이썬의 자료형 자료형 자료형 예시 설명 숫자정수 int 0, 1, 10, -20 음의정수, 0, 양의정수 숫자실수 float 0.2, 3.14. -35.012 부동소수점수 문자열 str ‘hello’, ‘안녕하세요’ 텍스트를 다루는 자료형으로 ‘ 나 “의 쌍으로 표현 바이트 bytes bytes([119,115,107,105]) - 논리형 boolean True, False - 리스트 list [1, ‘홍길동’, ‘[email protected]’, 32] 데이터의 목록을...","categories": ["data"],
586        "tags": ["data","phython"],
587        "url": "/data/data-program-python02/",
588        "teaser": "/assets/images/post/data/data-program-phy-21.png"
589      },{
590        "title": "Firebase 웹사이트 만들기",
591        "excerpt":"Google Firebase 구글 파이어베이스 (Google Firebase) 는 웹, 안드로이드, 아이폰 앱 개발자를 위한 모바일 앱개발 플랫폼 개발자에게 앱 개발자체에만 집중하도록 호스팅, 인증, 데이타베이스, 설정, 메세징 등의 서비스를 제공 Firebase Project 프로젝트 및 제품구성과 관리는 Firebase Console 이나 Firebase CLI 를 통해 할 수 있다. Firebase Console은 제품, 앱, 프로젝트 수준을...","categories": ["firebase"],
592        "tags": ["firebase","google","cloud"],
593        "url": "/firebase/google-firebase-01/",
594        "teaser": "/assets/images/post/cloud/firebase-01-01.png"
595      },{
596        "title": "Firebase 웹사이트에 Bootstrap 적용하기",
597        "excerpt":"Bootstrap 부트스트랩 (Bootstrap)은 트위터에서 시작된 오픈소스 프론트엔드 프레임워크 각종 레이아웃, 버튼, 입력창 등의 디자인과 기능을 css와 javascript로 만들어 놓은 프론트엔드 툴킷 PC, 모바일용 디자인을 반응형으로 지원하여 디자인 소요시간 단축 오픈소스로 재배포에 자유로우며, 무료 템플릿도 많아 간단한 웹서비스 개발에 용이 1. bootstap 테마 다운로드 테마 제공 사이트1 https://startbootstrap.com 바로가기에 접속하여 원하는...","categories": ["firebase"],
598        "tags": ["firebase","google","cloud"],
599        "url": "/firebase/google-firebase-02/",
600        "teaser": "/assets/images/post/cloud/firebase-01-06.png"
601      },{
602        "title": "Java Springboot 웹프로젝트의 Google Cloud Run 서비스 1/4 (개요)",
603        "excerpt":"구글 클라우드? 구글 클라우드(Google Cloud)는 구글 인프라(컴퓨팅, 스토리지, 네트워킹, 데이터분석, 머신러닝)를 서비스 형태로 제공하여 웹사이트나 앱을 개발할 때 서비스를 조합하여 인프라를 구성하고, 코드의 빌드과정을 거쳐 고객에게 서비스를 제공할 수 있도록 구글에서 제공하는 클라우드 컴퓨팅 서비스 제품 구글 클라우드는 인프라 구성, 데이터 분석, 머신러닝을 활용한 소프트웨어 빌드에 활용 백앤드 및 서버...","categories": ["google"],
604        "tags": ["google","cloud","run"],
605        "url": "/google/google-run-01/",
606        "teaser": "/assets/images/post/cloud/googlerun-01-01.png"
607      },{
608        "title": "Java Springboot 웹프로젝트의 Google Cloud Run 서비스 2/4 (환경설정)",
609        "excerpt":"@ Onda2Me Google Cloud Project 구조 1. Google Cloud Project 선택 또는 생

609성 클라우드 콘솔> 프로젝트 생성 Cloud Project 바로가기 2. Cloud Project 결제 사용설정 클라우드 콘솔> 관리> 결제 결제 사용설정 바로가기 결제 계정에 연결된 프로젝트 3. Google Cloud CLI 설치 Cloud CLI 프로그램 다운로드 후 설치 다운로드 바로가기 4....","categories": ["google"],
610        "tags": ["google","cloud","run"],
611        "url": "/google/google-run-10/",
612        "teaser": "/assets/images/post/cloud/googlerun-10-01.png"
613      },{
614        "title": "Java Springboot 웹프로젝트의 Google Cloud Run 서비스 3/4 (Springboot 프로젝트 개발)",
615        "excerpt":"Springboot + Google Cloud Project 1. Google Cloud Project 배포 간단한 Springboot 애플리케이션을 만들고, 컨테이너 이미지에 패키징하고, 컨테이너 이미지를 Artifact Registry에 업로드하고, Cloud Run에 배포한다. 2. Springboot 애플리케이션 생성방법 이클립스에서 Spring Starter Project를 이용하여 Spring Boot 프로젝트 생성 Curl 명령어를 이용해 샘플 애플리케이션을 다운로드 3. Java 애플리케이션의 Cloud Run 배포...","categories": ["google"],
616        "tags": ["google","cloud","run"],
617        "url": "/google/google-run-20/",
618        "teaser": "/assets/images/post/cloud/googlerun-20-01.png"
619      },{
620        "title": "Java Springboot 웹프로젝트의 Google Cloud Run 서비스 4/4 (Cloud Run 빌드 및 배포)",
621        "excerpt":"Springboot + Google Cloud Project 1. Java 애플리케이션의 Cloud Run 배포 과정 2. onda2me java 개발환경 Eclipse 2021-06 (4.20.0) + Spring Tools 4 Java 11 MySQL Maven 로컬 빌드 및 배포 1. Springboot 배포용 jar 파일 생성 pom.xml 파일 jar 설정 추가 <project xmlns=\"http://maven.apache.org/POM/4.0.0\" xsi:schemaLocation=\"http://maven.apache.org/POM/4.0.0 https://maven.apache.org/maven-v4_0_0.xsd\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\"> <groupId>com.onda2me.app</groupId> <artifactId>onda2meapi</artifactId> <version>0.1.1-SNAPSHOT</version>...","categories": ["google"],
622        "tags": ["google","cloud","run"],
623        "url": "/google/google-run-30/",
624        "teaser": "/assets/images/post/cloud/googlerun-30-01.png"
625      },{
626        "title": "Onda2Me Front(Firebase) + Back(Cloud Run) 통합 웹서비스 구축",
627        "excerpt":"1. 구글 클라우드? 구글 클라우드(Google Cloud) 는 구글 인프라(컴퓨팅, 스토리지, 네트워킹, 데이터분석, 머신러닝)를 서비스 형태로 제공하여 웹사이트나 앱을 개발할 때 서비스를 조합하여 인프라를 구성하고, 코드의 빌드과정을 거쳐 고객에게 서비스를 제공할 수 있도록 개발자에게 구글에서 제공하는 클라우드 컴퓨팅 서비스 제품으로 웹/앱 애플리케이션을 기획할 때 별도의 서버 구축없이 무료 또는 유료로 구글...","categories": ["google"],
628        "tags": ["google","firebase","cloudrun"],
629        "url": "/google/gcloud-complex/",
630        "teaser": "/assets/images/post/cloud/complex-01.png"
631      },{
632        "title": "구글 Text To Speech API를 활용한 TTS 서비스 구축",
633        "excerpt":"구글 Text to Speech API(TTS: 텍스트 음성 변환) 는 텍스트를 사람처럼 읽어주는 음성 합성 API로 Google AI 기술을 기반으로 글자를 음성(Text -> Speech)으로 변환하는 서비스이다. 1. 기본 개념 구글의 Text-to-Speech는 텍스트 또는 음성 합성 마크업 언어(SSML) 입력을 MP3 또는 LINEAR16(WAV 파일에서 사용되는 인코딩)ê³¼ 같은 ì˜

633¤ë””오 데이터로 변환하며, WaveNet이라는 고급 딥러닝...","categories": ["google"],
634        "tags": ["google","api","tts"],
635        "url": "/google/google-api-tts/",
636        "teaser": "/assets/images/post/cloud/speech-01.png"
637      },{
638        "title": "무료 데이타 시각화 차트인 Looker Studio를 이용한 리포트 만들기",
639        "excerpt":"Google Looker Studio는 데이터 시각화 및 리포트 생성을 위한 무료 BI(Business Intelligence) 도구로, 다양한 데이터 소스를 연결하여 대시보드와 리포트를 만들 수 있다. 코딩 없이도 시각적으로 데이터를 분석하고 공유할 수 있어, 마케팅, 영업, 운영 등 비개발자도 쉽게 사용할 수 있다. 1. 주요 기능 기능 설명 데이터 시각화 막대 그래프, 선 그래프,...","categories": ["google"],
640        "tags": ["google","looker studio","chart","무료차트"],
641        "url": "/google/google-lookerstudio-01/",
642        "teaser": "/assets/images/post/cloud/looker01-00.png"
643      },{
644        "title": "구글 시트로 웹에서 공유가능한 무료 데이타 시각화 리포트 만들기",
645        "excerpt":"구글 Sheets(Google Sheets)는 구글에서 제공하는 웹 기반의 스프레드시트 애플리케이션으로 마이크로소프트의 엑셀(Microsoft Excel)과 유사한 기능을 갖고 있지만, 클라우드 기반으로 인터넷으로 어디서든 접속이 가능하며 자동 저장 기능으로 작업 중 데이터 손실을 방지한다. 1. 주요 기능 1) 클라우드 기반 Google Drive에 저장되며, 인터넷으로 어디서든 접속 가능 자동 저장 기능으로 작업 중 데이터 손실...","categories": ["google"],
646        "tags": ["google","sheets","chart","무료차트"],
647        "url": "/google/google-sheets-01/",
648        "teaser": "/assets/images/post/cloud/sheets-00.png"
649      },{
650        "title": "구글 Cloud Translation을 이용한 언어번역 서비스 개발",

651        "excerpt":"구글 번역(Google Translate) API는 Google Cloud 플랫폼에서 제공하는 서비스 중 하나로, 텍스트를 한 언어에서 다른 언어로 번역하는 기능을 제공한다. 1. Google 번역 API의 주요 기능 100개 이상의 언어간 텍스트 번역 입력한 텍스트의 자동으로 언어 감지 정규화된 JSON 응답 2. 간단한 언어번역 서비스 개발 1) Google Cloud Translation API 사용 준비...","categories": ["google"],
652        "tags": ["google","api","translation"],
653        "url": "/google/google-api-translate/",
654        "teaser": "/assets/images/post/cloud/translate01-00.png"
655      },{
656        "title": "구글 Cloud Translation을 이용한 언어번역 서비스 개발 (채팅형)",
657        "excerpt":"구글 번역(Google Translate) API는 Google Cloud 플랫폼에서 제공하는 서비스 중 하나로, 텍스트를 한 언어에서 다른 언어로 번역하는 기능을 제공한다. 1. Google 번역 API의 주요 기능 100개 이상의 언어간 텍스트 번역 입력한 텍스트의 자동으로 언어 감지 정규화된 JSON 응답 2. 채팅형 번역 서비스 개발 간단한 번역서비스는 구글 Cloud Translation을 이용한 언어번역...","categories": ["google"],
658        "tags": ["google","api","translation"],
659        "url": "/google/google-api-translate-chat/",
660        "teaser": "/assets/images/post/cloud/translate02-30.png"
661      },{
662        "title": "구글 파이어베이스 Authentication으로 사용자 인증하기",
663        "excerpt":"Firebase Authentication은 모바일 및 웹 애플리케이션에 사용자 인증 기능을 쉽게 추가할 수 있도록 돕는 백엔드 서비스로 개발자가 직접 사용자 인증시스템을 구축하고 유지보수하는 복잡성을 줄이고, 안전한 인증 기능을 제공한다. 1. Firebase Authentication의 주요 기능 다양한 인증방법 지원 이메일/비밀번호 소셜 로그인 전화번호 인증 익명 인증 간편한 통합 Android, iOS, Web, C++, Unity...","categories": ["google"],
664        "tags": ["google","api","translation"],
665        "url": "/google/google-firebase-auth/",
666        "teaser": "/assets/images/post/cloud/firebase-auth-19.png"
667      },{
668        "title": "구글 클라우드 Vision API를 이용한 이미지분석 서비스 구축",
669        "excerpt":"컴퓨터 비전(Computer Vision)은 컴퓨터가 인간의 시각 시스템처럼 디지털 이미지나 비디오 등 시각적 데이터를 인식하고 처리하며, 그로부터 의미 있는 정보를 추출하고 이해하는 인공지능(AI)의 한 분야로 기계에 ‘보는 능력’을 부여하고, 본 것을 ‘이해‘하게 만드는 기술이다. 구글 클라우드 비전(Google Cloud Vision)는 GCP(Google Cloud Platform)에서 제공하는 사전 학습된 머신러닝 클라우드 서비스로 개발자가 복잡한 컴퓨터...","categories": ["google"],
670        "tags": ["google","api","translation"],
671        "url": "/google/google-vision-api/",
672        "teaser": "/assets/images/post/cloud/vision-api-01.png"
673      },{
674        "title": "Google Gemini를 활용한 명령 프롬프트형 AI 프로젝트 ",
675        "excerpt":"1. Vertex AI와 Gemini Vertex AI는 Google Cloud에서 제공하는 통합 머신러닝 플랫폼으로, AI 모델의 개발, 학습, 배포, 관리까지 전체 워크플로우를 한 번에 처리할 수 있게 도와주는 서비스로 생성형 AI 애플리케이션을 빌드하고 배포하기 위한 기능 및 서비스를 제공한다. Gemini는 Vertex AI에서 사용할 수 있는 특정 AI 모델로 개발자는 Gemini API를 호출하여...","categories": ["google"],
676        "tags": ["google","ai","gemini"],
677        "url": "/google/google-api-gemini-text/",
678        "teaser": "/assets/images/post/cloud/gemini-text-01.png"
679      }]