🎁 My Profile

LinkedIn Profile (Chang-Seong Kim)

Date : February 9, 2024

✅️ 깃허브 블로그 생성 프로젝트

🔔 깃허브 블로그 생성 참고자료

코드 학습 내용 복기 및 공유를 위한 블로그 필요

기존의 벨로그 블로그보다 개발 블로그에 더 잘 어울리는 깃허브 블로그 발견

기존의 Diary Repository에 작성하던 개발일지 등을 블로그에 업로드하면 좋다고 생각

더불어 기존 작성자의 부수입원이던 구글 애드센스에 새로운 수익 파이프라인 구축

깃허브 블로그 생성 참고자료 1

깃허브 블로그 생성 참고자료 2

깃허브 블로그 생성 참고자료 3

Date : February 4, 2024

✅️ 개발 방향성 업데이트

🔔 Spring 이해

🎯 목적 : Spring 전문가로 성장

📌 Spring 이해 방법

Spring.io에서 소개하는 tool 23가지를 프로젝트에 적용해보며 Spring 이해

깃허브 Spring Repository를 이용하여 tool을 이용한 프로젝트 코드 공유

예시 : Spring Framework가 적용된 프로젝트, Spring Security가 적용된 프로젝트

📌 Spring 이해 방법 예시

Spring Framework가 적용된 Book Rental Service Web

Spring Boot가 적용된 Book Rental Service Web

Spring Security가 적용된 OOO Web 등

🎁 References

Spring.io 사이트

Date : February 3, 2024

✅️ Spring

🔔 웹 개발 : 도서 대여 고객 관리 웹

📌 프로젝트 정리한 내용 정리

Book Rental Service 웹 GitHub 링크

Date : January 30, 2024

✅️ Visual Studio Code

🔔 Basic Extensions of VS Code

📌 Material Theme

VS Code의 전체적인 색 테마 설정

ex) Material Theme Darker High Contrast 테마

📌 Material Icon Theme

HTML, CSS, JS 등을 알맞은 아이콘으로 구분

📌 Auto Rename Tag

시작 태그와 끝 태그의 짝을 맞춰주는 기능

태그명이 동시에 수정됨으로써 귀찮음 최소화

📌 HTML to CSS autocompletion

HTML 페이지 내용과 CSS 페이지 내용 연동

📌 HTML CSS Support

CSS 페이지 내용과 HTML 페이지 내용 연동

📌 CSS Peek

Ctrl 클릭 후 HTML 태그에 마우스를 가져다 대면 CSS 페이지 내용 확인 가능

Ctrl 클릭 후 HTML 페이지 내용을 클릭하면 연동된 CSS 페이지로 이동

Ctrl 클릭 후 CSS 페이지 내용을 클릭하면 연동된 HTML 페이지로 이동

📌 Autoprefixer

웹 브라우저의 버전에 구애받지 않고 CSS 코드를 구현할 수 있는 기능

📌 Bracket Pair Colorizer 2

괄호의 색상을 다르게 표기하여 단순 에러를 최소화할 수 있는 기능

현재 VS Code에서 기본적으로 제공되기 때문에 설정에서 ON/OFF 가능

Extensions 설명에서 "설정"이라는 단어를 클릭하면 TRUE/FALSE 선택 가능

📌 indent-rainbow

태그로 들여쓰기 된 여백에 알록달록한 색상칸 배치

들여쓰기 된 부분에 대한 구분 가능

📌 Live Server

작업중인 HTML/CSS 코드의 구현 상태를 실시간으로 확인 가능

코드를 저장하면 웹 페이지 내용이 실시간으로 변경

🎁 References

유튜브 수코딩 님의 HTML/CSS 기초 강의

Date : January 29, 2024

✅️ Remind

🔔 링크드인 글

" 여유 : 그림의 떡 " (링크드인 글 링크)

📌 1. 쉼표

자연과학 계열의 연구자 및 기술자에서
개발자 직군으로 전공 전향을 하기 위해 준비 중입니다.

개발자로의 삶을 준비하며
현재까지의 인생을 되돌아 보았습니다.

참 여유 없던 인생이었던 것 같습니다.

심리적인 여유가 없는 이 상태로
계속 나이를 먹어가는 것인지 의문이 들었습니다.

그래서 여유를 가질 겸
링크드인에 글 하나 작성해보았습니다.

📌 2. 학업

10대 동안 축적된 경험을 바탕으로
20대 때 자연과학 계열 전문가로 성장하였습니다.

대학교 입학 및 군대 전역 후
학교 생활을 하며 또래들과 잘 어울렸고
더 나아가 학과 학생회장 활동도 하였습니다.

대학원까지 학업을 이어가며
SCIE 및 SCOPUS 등 국제논문을 작성하였고
남극 및 해외 학회 활동 등 다양한 경험을 하였습니다.

📌 3. 투자

학업을 진행하며 투자도 병행하였습니다.

대학원 생활 중 주식을 시작하였으며
투자 수익은 한 달 최대 800만원 정도였습니다.

투자를 하며 돈에 많은 관심이 생겼고
돈은 한 분야에 몰두하는 연구보다 매력적이었습니다.

📌 4. 직장

대학원 졸업 시기가 다가왔으며
앞으로의 인생을 어떻게 진행시킬지 고민 되었습니다.

투자 수익으로 인해 돈에 관심이 한창 많았었고
해보고 싶던 연구는 남김없이 해놓은 상태였습니다.

그래서 결국 워라밸이 가장 좋은 직장으로 취업하여
주말 및 퇴근 후 시간을 활용하기로 마음 먹었습니다.

📌 5. 부업

근로 이외의 시간을
최대한 알차게 사용하고 싶었습니다.

그래서 네이버 블로그, 티스토리 블로그,
유튜브, 전자책, AI 이미지 판매, 이모티콘 판매 등
다양한 부업을 시도하며 가능성을 확인하였습니다.

투자 역시 꾸준히 하였으며
주식 및 부동산 갭투자로 수익을 발생시켰습니다.

주식 수익은 한 달 최대 1,600만원 정도였고
부동산 양도 소득은 최대 2,300만원 정도였습니다.

📌 6. 일상

그러던 중 연인을 만나게 되었고
최근 결혼까지 하게 되며 가정을 이루었습니다.

가정이 생기고 나니 사고관이 달라졌습니다.
자산이나 급여를 더욱 안정적으로 관리하고 싶어졌습니다.

현 직장 및 직종에 만족하고는 있습니다.

하지만 노년기까지 본 업을 계속 수행하면
도약적인 발전은 없을 것 같다는 생각이 들었습니다.

📌 7. 미래

그래서 장기적 관점으로 데이터 분석가, PM, PO,
풀스택 개발자 등의 진로를 희망하게 되었습니다.

그리고 인생의 궁극적인 목표를 설정하였고
목표에 도달하기까지의 과정을 기록 중입니다.

해당 기록을 위해 링크드인, 깃허브, 벨로그 등의
콘텐츠 플랫폼을 이용하고 있습니다.

📌 8. 반전

시간을 들여 지금까지의 제 인생을 요약해보았습니다.
글을 읽어보셨을 때 여유가 느껴졌을지요.

저는 글 작성을 위해 타이핑 하기 직전,
심리적인 여유가 전혀 없는 상태였습니다.

그런데 글로 제 인생을 표현하다보니
열정의 발자취 사이사이에 있는 여유가 보였습니다.

또한 과거를 회고하는 과정에서
인생을 최대한 멋있게 살아보려는 노력이 보였습니다.

그래서 참 행복합니다.
굳이 과거로 돌아갈 필요가 없었기 때문입니다.

열정이 쌓여서 과부하가 걸렸기 때문에
여유가 없었다고 느껴졌던 것 같습니다.

이 글이 지쳤던 제 삶에 활력을 불어넣어 주었습니다.
오늘도, 잠시라도, 행복하십시오.

✅ 국가 무료 강의 사이트

🔔 e-Korea Tech 강의실

e-Korea Tech 링크

(첨언) 왜 무료인지 모를 정도인 다양한 콘텐츠의 강의들..

✅ Next.js

🔔 Next.js의 수준

HTML/CSS → JavaScript → React → Next.js

Next.js를 이용하여 최신 웹 사이트 구현 가능

Date : January 28, 2024

✅️ ChatGPT-4 프로필 설정

🔔 ChatGPT Custom Instructions

📌 Q. What Would you like ChatGPT to know about you to provide better responses?

I am a full-stack web developer with little experience.

I want to make money by creating a website or program using ChatGPT.

I would like to sell the API created using ChatGPT.

📌 Q. How would you like ChatGPT to respond?

Please provide the programming code in great detail and accuracy.

Please provide only accurate information.

Please provide easy to understand.

Please provide some examples if necessary.

🎁 요약 해석

나는 초보 풀스택 개발자이며 ChatGPT를 이용하여 돈을 벌고 싶어요.

답변은 최대한 상세하고 정확하며 쉽게 알려주세요.

✅ Database 종류

🔔 데이터 관리 방법

📌 Relational Database

표에 속성을 부여하고 인스턴스를 삽입시키는 전통적인 DB임

Structured Query Language 문법이 적용됨

데이터 중복을 피하기 위해 데이터를 정규화(다른 표로 분리)하여 저장함

그러므로 데이터 입출력에 대한 속도는 느리지만 정확도는 높음

ACID Transaction 기능이 있어서 금전 거래 등 주요 거래에 사용됨

DBMS 종류 : MySQL, PostgreSQL, SQLite, MS SQL Server, MariaDB, ORACLE

📌 Document Database

Relational DB 구조보다 자유로운 방식의 DB임

Collection 폴더 내부에 document 파일을 저장시킴

Document 파일 내부에 JSON 형태로 데이터를 저장시킴

JSON 형태는 Key-Value 데이터 형태와 비슷함

그런데 Key-Value만 연결된다면 document마다 데이터 구조가 상이해도 됨

데이터 중복 제거를 하지 않기에 데이터를 정규화하지 않음

그래서 데이터 입출력 문법이 보다 단순함

또한 데이터 분산 처리에 용이함

DB 간의 일관성이 부족하기에 RDB보다 정확도가 낮음

DB 활용 : SNS, 실시간 채팅, 게시판, 온라인 게임

DBMS 종류 : MongoDB, CouchDB, Cloud Firestore

📌 Graph Database

데이터들끼리의 관계에 중점을 두는 DB임

Graph Query Language가 적용됨

Node를 생성시키고 node 내부에 데이터를 저장시킨

Node끼리 어떤 관계가 있는지 기입하는 기능이 있음

그래서 마인드맵과 비슷한 형태로 DB를 관리할 수 있음

DB 활용 : 비행기 노선, SNS 친구 관계, 전염병 전염 모식도, 추천 서비스

DBMS 종류 : Neo4j, OrientDB, ArangoDB, Sparsity

📌 Column-Family Database

표 형태로 데이터를 관리하면서도 RDB의 구조보다 유연한 DB임

Cassandra Query Language 등 각 DBMS에 맞는 언어가 적용됨

시간 기록을 쉽게 할 수 있기 때문에 시계열 자료 관리에 용이함

데이터 중복 제거를 하지 않기에 데이터를 정규화하지 않음

데이터 복제 및 분산에 능하기에 입출력해야 될 데이터가 많을 때 사용

DB 간의 일관성이 부족하기에 RDB보다 정확도가 낮음

표 생성 후 표 내부에 row를 생성시킴

생성된 row 내부에 다시 표를 생성시킴

행 내부에 있는 표의 경우 컬럼이 달라도 상관 없음

DB 활용 : Netflix의 시청 기록 등 시계열 자료를 다루는 사용처

DBMS 종류 : Cassandra, APACHE HBASE, Google Cloud Bigtable

📌 Search Engine Database

검색용 인덱스를 보관하기 위한 DB임

일반적인 DB가 아닌 검색용 DB로 인덱스 보관 및 활용 용도로 이용됨

그래서 SE DB는 검색이 중요한 웹 개발 시 활용됨

인덱스는 데이터 검색을 빠르게 할 수 있도록 돕기 위한 지표임

메인 DB의 데이터를 SE DB에 입력시키면 SE는 인덱스를 생성하고 보관함

DB 활용 : 실시간 검색어 조회, 검색어 추천, 오타 교정

DBMS 종류 : Elastic, Amazon Cloud Search, Google Cloud Search

📌 Key-Value Database

메인 DB가 아닌 서브 DB임

DBMS 중 redis는 데이터를 1차적으로 RAM에 저장함

그래서 데이터 요청이 들어오면 데이터를 빠른 속도로 전달 가능함

한편 메인 DB 데이터 중 자주 사용되는 데이터만 redis에 복제시킴

관련 용어 : 캐싱, pub, sub, 스트리밍, 로그인 기

🎁 References

코딩애플 유튜브의 데이터베이스 선택 가이드

Date : January 27, 2024

✅️ 링크드인 글

🔔 유시온 님 글

📌 2024년 목표와 관련된 만다라트 표

Date : January 25, 2024

✅️ 이직

🔔 "메타코드M" 으로부터의 연락

메타코드M 이직 인력 담당자의 링크드인 메시지를 수령 받음

그래서 잡코리아 이력서 및 깃허브/링크드인/벨로그 주소를 전달하였음

하지만 현재 이공계열 기업 근무중이기에 개발자 자체의 경력은 없는 상태임

그리고 한창 개인 프로젝트를 진행하며 개발 실력을 쌓는 중이었기에 기대는 하지 않음

한편 개발자 자체의 경력은 없다고 말씀드리니.. 답변을 1~3시간 뒤에 받게 됨..

메타코드M 유튜브 채널

🚀 답변 내용

도메인 선호/비선호

별도로 없습니다.

회사 지역 선호

경기도 남양주시
경기도 구리시
강남
판교 및 분당

재택 여부

필수는 아니지만 가능하다면 좋겠습니다.

희망 직군

데이터 분석: 관련 국제논문 5편 보유(석사과정 당시 작성)
PM, PO, CM
백엔드 웹 개발자

이력서 및 포트폴리오

링크드인 프로필
잡코리아 이력서
깃허브, 벨로그 블로그 조금

이렇게 답변 드리겠습니다! 그런데 개발자 자체의 경력은 없습니다..

강원대학교 지질학과 학부 및 일반대학원(세부전공: 지하수) 졸업 후

현재 이공계열 엔지니어링 서비스 기업(싱크홀 조사)에 근무중(총 2년 10개월)입니다.

🔔 김창성 포트폴리오

🚀 GitHub Profile : https://github.com/Kim-src

🌐 LinkedIn Profile : https://www.linkedin.com/in/chang-seong-kim-7826142a0

✅ Velog Blog : https://velog.io/@kim-src/series

Date : January 24, 2024

✅️ Spring

🔔 Spring MVC Framework 프로젝트

🚀 Book Rental Service 웹 ver 0.5 개발 완료

STS3의 java, jsp 파일에서 HTML, CSS, Java 언어로 웹 프론트엔드 제작 완료

STS3의 java, jsp, xml 파일과 MySQL의 DB에 대한 연동 시도중(백엔드)

수많은 에러를 해결하며 수정하였지만 새로운 에러가 계속해서 발생

아래는 개발된 웹 페이지 관련 깃허브 링크

Book Rental Service 웹 개발 깃허브 주소

Date : January 23, 2024

✅ Spring

🔔 Spring MVC Framework 프로젝트

🚀 Book Rental Service 웹 개발

꾸준한 개발로 STS3 개발 환경에 상당히 적응됨

Spring 오류를 해결하면 Tomcat 서버 오류가 뜨는 현상이 반복됨

ChatGPT에 의존하던 웹 개발 실력에서 일부 발전함

웹 개발에 필요한 IDE, 언어, 파일, 코드에 익숙해지기 시작함

Book Rental Service 웹 개발 깃허브 주소

Date : January 22, 2024

✅ Spring

🔔 Spring MVC Framework 프로젝트

🚀 Book Rental Service 웹 개발

Spring (java, jsp 등) 환경과 SQL 환경 연동 시도

pom.xml, Controller, View, Model에 대한 생성 및 수정 반복

일일이 정리할 수 없는 수많은 에러 발생

08:30 ~ 23:59까지 다른 방법으로 수차례 시도해봤지만.. 명일 재도전 예정..

🎁 References

Book Rental Service 웹 개발 깃허브 주소

CodeJava.net의 Spring MVC + Spring Data JPA + Hibernate - CRUD Example

동빈나 유튜브 채널의 MySQL 및 JSP 연동 실습

✅ 개인 프로젝트 기획

🔔 Upcoming Project

📌 JSP 강의사이트 웹 사이트 개발

동빈나 유튜브 채널의 JSP 실습 재생목록

📌 API 개발 및 판매

Rakuten API MarketPlace

Date : January 21, 2024

✅ Spring

🔔 STS를 활용한 웹 개발 프로젝트

🚀 Book Rental Service 웹 개발

HomeController를 시작으로 MVC Framework 개념 이해 완료

HTML, CSS를 활용한 웹 페이지의 프론트엔드 구축 과정 이해 완료

✅ 개발 직군 석사과정 조사

🔔 개발 직군 관련 전공

"일반대학 온라인 (석사)학위과정"을 탐구함

이 학위과정은 2021년 2월 도입된 교육제도임

2023년의 경우 전국 22개 대학원의 27개 석사과정으로 구성되었음

2022년의 경우 전국 6개 대학원의 7개 석사과정으로 구성되었음

해마다 대학원, 전공 구성, 모집 인원 등이 변경되니 주시해야됨

2022년의 일반대학 온라인 석사 학위과정 구성은 아래와 같았었음(출처 : 교육부)

Date : January 20, 2024

✅ Spring

🔔 STS를 활용한 웹 개발 프로젝트

🚀 Book Rental Service 웹 개발

STS 3 및 Tomcat 9을 활용한 메인 페이지(Home) 구현 완료

도서 대여 고객 등록 페이지(register) 구현 완료

도서 대여 고객 목록 페이지(list) 구현 완료

도서 대여 고객 목록에 해당하는 Member_tbl DB 연결 시도중

🎁 References

Book Rental Service 웹 개발 깃허브 주소

Date : January 19, 2024

✅ Spring

🔔 STS를 활용한 웹 개발 프로젝트

🚀 Book Rental Service 웹 개발

STS 3 및 Tomcat 9을 활용한 메인 페이지(Home) 구현 시도중

SQL 8을 활용한 고객 및 대여 리스트 DB 생성 완료

DB 종류는 고객 목록(Memeber_tbl) 및 대여 목록(Rent_tbl)

추후 Book Rental Service 관련 모든 페이지 구현 목적

🎁 References

Book Rental Service 웹 개발 깃허브 주소

Date : January 18, 2024

✅ Spring

🔔 STS 환경에서의 UTF-8 인코딩 간편 변경 방법

STS 우측 상단 "돋보기 모양"의 검색창 클릭

HTML Files, JSP Files 등 원하는 파일 확장자 클릭

Encoding 글자 옆 박스 클릭

"Korean, EUC-KR" 선택 후 OK 버튼 클릭

🔔 STS 환경으로 압축 파일 import 하는 방법

ZIP 확장자의 압축 파일 준비

Package Explorer (흰 배경) → Import → General 진입

General → Existing Projects into Worksapce 클릭

Select archivefile란의 Browse 클릭 후 압축 파일 선택

Finish 클릭 후 파일 검토

🔔 IntelliJ 환경으로 압축 파일 import 하는 방법

📌 STS IDE에서 Package Explorer 파일 export

STS 3 환경에서 export 원하는 Package Explorer 파일 다운로드

Package Explorer 압축 파일을 압축 해제

C 드라이브 → 사용자 → PC명 → IdeaProjects 클릭

IdeaProjects 폴더 내에 준비된 export했던 STS 파일 삽입

📌 IntelliJ IDE에서 파일 import (IntelliJ Server)

IntelliJ 실행 → New Project → Maven project → Ok 클릭

우측 상단의 Add Configurations → " + " 버튼 클릭

Tomcat Server (TomEE 아님) 선택 → Name 입력

Configure 클릭 후 Tomcat이 설치된 경로 선택

HTTP port에 포트 번호 입력

📌 IntelliJ IDE에서 파일 import (Deployment Server)

OK 전에 상단의 Deployment 탭 클릭

" + " 버튼 클릭 후 Artifact 클릭

export했던 STS 압축 파일 선택되어 있으면 OK

하단에 Application context 입력(예시 : /ch2) 후 OK 버튼 클릭

참고로 Application context 입력란이 보이지 않으면 창 크기 확대

우측 상단의 Run 버튼 클릭 후 내용 검토

📌 IntelliJ IDE에서 파일 import (빌드 출력 에러 상황)

Run 결과 Cannot resolve symbol 'annotation' 에러 발생

Tomcat 라이브러리 import로 간단하게 해결 가능

왼쪽 상단의 File → Project Structure 클릭

Project Settings의 Libraries 선택 → " + " 버튼 클릭

Java 선택 → C 드라이브의 Tomcat 설치 위치 선택 → lib 선택 후 OK 클릭

Application context로 입력한 이름 맞으면 OK 클릭

우측 상단의 Name 입력(예시 : Apache Tomcat 9.0 Library) → OK 클릭

📌 IntelliJ IDE에서 파일 import (코드 출력 결과 확인)

IntelliJ 작업창 우측 상단의 "망치 모양"으로 된 Build Project 버튼 클릭

"Build complete successfully" 메시지 출력되면 우측 상단의 Run 버튼 클릭

Chrome 등 웹 브라우저 주소창에 "localhost/context 이름" 검색 후 결과 확인

🔔 웹 브라우저 URL 주소 세부 변경

URL 주소 예시 : localhost/ch2/resources/registerForm.html

URL 주소 변경 예시 : localhost/ch2/registerForm.html

📌 URL 주소 세부 변경 방법

STS 환경 → Package Explorer 파일 선택

src → main → webapp → WEB-INF → spring → appServlet → servlet-context.xml 선택

16번째 줄 정도의 mapping="/resources/**"에서 "resources"만 삭제

🎁 References

FastCampus 남궁성 강사님 강의

Date : January 17, 2024

🚀 Book Rental Service PJT

🔔 웹 개발 프로젝트 시작

Java & Spring 프로젝트 안내문에 기입된 내용 정리

프로그램 제작을 위해 사용 예정인 IDE 종류 정리

프로그램 구현을 위해 필요한 DataBase 파악

프로그램이 구현된 웹 페이지 구체화

🎁 References

GitHub Link on 도서 대여 정보 관리 프로그램

Date : January 16, 2024

✅ Spring

Date : January 15, 2024

✅ Spring

🔔 STS 3 (Spring Tool Suite 3) 구동 테스트

📌 STS 환경에서 Tomcat 활용 과정(오류의 연속)

☠️ "No mapping found for HTTP"는 무엇을 의미할지..

메인 메서드 관련 @RequestMapping("/hello") 모듈 import 문장 미기입

import org.springframework.web.bind.annotation.RequestMapping; 으로 해결

☠️ 이번에는 500 코드를 리턴하는 Tomcat..

문제를 찾지 못했기에 java class 삭제 후 다시 생성

그럼에도 문제 발생 시 STS 등 초기화 후 재시도까지 사료

🚀 드디어 STS 환경에서 Tomcat 실행 성공

Search 버튼 클릭 및 JDK 버전 검색 후 JDK 11로 변경

Preferences → Java → Installed JREs → Add C:\jdk11

☠️ 영문 모를 이유로 404 코드만 리턴하는 Tomcat..

Tomcat은 정상적으로 실행되었지만 System.out으로 인한 404 코드 반환

STS 콘솔창에 "Hello" 출력된 것 확인

🚀 STS 콘솔창에 "Hello" 출력 성공

Tomcat 내부에서 객체 생성

Instance Method임에도 Method 호출

🎁 References

FastCampus의 남궁성 강사님 강의

Date : January 13, 2024

✅ Spring

🔔 Spring Legacy Project 생성 오류

STS 3에서 새로운 Spring MVC Project 생성을 시도하였음

프로젝트명 입력 후 Next 버튼을 클릭

그런데 아래와 같은 오류가 발생하였음

An error has occurred. See error log for more details.
java.lang.ExceptionInInitializerError

오류를 무시하고 넘어갈 수 없으며 다른 오류도 발생됨

🎯 Spring Legacy Project 생성 오류 해결 과정 (1/3)

🔑 Java JDK 호환 문제 해결

오류의 원인은 STS 3와 Java JDK 버전의 호환 문제로 예상됨

최신 java.lang package 관련 오류 내용으로 해석되었기 때문임

STS3와 호환성이 좋은 Java JDK는 JDK 11 버전임

JDK 11 다운로드 사이트는 이 문장을 클릭하면 로드됨

이곳 또는 비슷한 사이트에서 JDK 11을 다운로드 해야됨

참고로 작성자의 개발 환경은 Window 11 x64임

🎯 Spring Legacy Project 생성 오류 해결 과정 (2/3)

🔑 시스템 환경 변수 편집

다운로드 받은 JDK 11 zip 파일을 압축 해제

압축 해제된 폴더를 C 드라이브로 이동

이동시킨 후 (제어판 → 시스템 속성 → ) 환경 변수 버튼 클릭

새로 만들기 → 이름에 JAVA_HOME 입력 → 값에 C:\jdk11 입력

"C:\jdk11"은 C 드라이브의 JDK 폴더 주소임

기존의 Path 클릭 → 편집 클릭 → 새로 만들기 클릭 → C:\jdk11\bin 입력

"C:\jdk11\bin"은 JDK 11 폴더의 bin 폴더 주소임

기존 시스템 변수 중 Path 변수를 편집하는 과정임

입력한 JDK Path의 위치는 최상단으로 위치시켜야 됨

모든 환경 변수 설정을 완료 후 확인 클릭

🎯 Spring Legacy Project 생성 오류 해결 과정 (3/3)

🔑 오류 해결 결과 검토

STS 3 실행

File → New → Spring Legacy Project 클릭

Spring MVC Project → Next

Package 구조 입력 페이지로 넘어가면 오류 해결 완료

Date : January 12, 2024

✅ Spring

🔔 Tomcat 페이지 로드 오류

Tomcat 페이지 로드를 위해 Chrome 주소창에 localhost:8080을 입력함

그런데 "사이트에 연결할 수 없음"이라는 오류 페이지만 로드됨

오류의 원인은 Tomcat 관련 cmd 명령어 창을 종료시켰기 때문임

Tomcat 종료 방법 중 하나가 cmd 명령어 창을 종료시키는 것임

🎯 Tomcat 페이지 로드 오류 해결

Tomcat 9 페이지를 로드시키기 위해서 cmd 명령어 창 실행

실행창 실행(Win + R) → 명령어 창 실행(cmd 입력)

cmd에 아래와 같이 "cd + Tomcat 설치 위치" 입력 후 Enter

cd C:\apache-tomcat-9.0.85\bin

이후 cmd에 Tomcat 실행 명령어 입력 후 Enter

startup

Tomcat 관련 cmd 명령어 창 최소화 버튼 클릭

Chrome 주소창에 https://localhost:8080 입력

아래와 같 정상적인 Tomcat 페이지 로드 확인

Date : January 11, 2024

✅ Spring

🔔 Spring으로 개발하기 위해 필요한 도구들

통합 개발 환경(IDE; Integrated Development Environment)

STS : Spring Tool Suite

IntelliJ : Java, Spring, Spring Boot 등 개발 가능

Java 개발 도구 : JDK (Java Development Kit)

Web Server : Tomcat

Web Browser : Chrome

DBMS (DataBase Management System)

MySQL (Structured Query Language)

VS Code : Visual Studio Code

Git : 버전 관리용 툴

AWS : Amazon Web Services

Apache Maven : HTTP Server 관련 툴

🎁 References

FastCampus 남궁성 강사님 강의

Date : January 10, 2024

✅ Java

🔔 잘 설계된 VO 클래스

📌 IntelliJ에서의 Java class 설계 순서

class에 상태 정보(권한 : private) 입력

class에 생성자 메서드(constructor method) 입력

마우스 우클릭 후 Generate 클릭

Generate 메뉴에서 Constructor 선택 후 오버로딩

Generate 메뉴에서 Getter and Setter 선택 후 OK 클릭

Generate 메뉴에서 toString() 선택 후 OK 클릭

main class 설계 및 인스턴스 변수 생성 후 검토

🚀 잘 설계된 MovieVO 클래스 설계(1 ~ 6단계)

package kim.java.model;

public class MovieVO {

    private String title;
    private int date;
    private String starring;
    private String type;
    private int running_time;
    private int level;

    public MovieVO() {}

    public MovieVO(String title, int date, String starring, String type, int running_time, int level) {
        this.title = title;
        this.date = date;
        this.starring = starring;
        this.type = type;
        this.running_time = running_time;
        this.level = level;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public int getDate() {
        return date;
    }

    public void setDate(int date) {
        this.date = date;
    }

    public String getHero() {
        return starring;
    }

    public void setHero(String hero) {
        this.starring = hero;
    }

    public String getType() {
        return type;
    }

    public void setType(String type) {
        this.type = type;
    }

    public int getRunning_time() {
        return running_time;
    }

    public void setRunning_time(int running_time) {
        this.running_time = running_time;
    }

    public int getLevel() {
        return level;
    }

    public void setLevel(int level) {
        this.level = level;
    }

    @Override
    public String toString() {
        return "MovieVO{" +
                "title='" + title + '\'' +
                ", date=" + date +
                ", starring='" + starring + '\'' +
                ", type='" + type + '\'' +
                ", running_time=" + running_time +
                ", level=" + level +
                '}';
    }
}

🚀 잘 설계된 MovieVO 클래스 검토(7단계)

package kim.java.part3;
import kim.java.model.MovieVO;

public class BestVOModeling {
    public static void main(String[] args) {

        MovieVO vo = new MovieVO("Avatar: The Way of Water", 20221214, "Sam Worthington", "Action", 192, 12);
        System.out.print(vo);

    }
}

📌 JVM 이해

JVM : Java Virtual Machine

4가지의 메모리 공간

Method Area

Heap Area

Stack Area

Literal Pool

📌 Static 이해

static 있으면 class method

static 없으면 instance method

static 있으면 기울임체로 자동 표기

어느 class로부터 사용할 메서드에는 전부 static 입력

class에 static 있으면 생성자 메서드 권한을 private으로 설정

📌 생성자 메서드 권한 : private

Java에 기본적으로 설계된 System, Math 메서드 등이 예시임

별도의 new 생성자 메서드 없이 바로 사용할 수 있는 메서드이기 때문임

System, Math 변수 등에 .(연결)을 입력하면 설계된 변수들이 표시됨

📌 강의 내용 요약 : 배열과 클래스의 관계

Q1. 동일한 기억공간을 메모리에 연속적인 구조로 만들어서 사용하는 자료 구조를 무엇이라고 합니까?

Array

Q2. 현실 세계의 객체는 이질적인 구조로 표현되는데 객체지향 프로그래밍에서의 이질적인 구조를 설계하는 도구는 무엇입니까?

Class

Q3. 배열과 클래스의 공통점으로 Java에서 배열과 클래스를 무엇이라고 취급합니까?

Object

Q4. 배열과 클래스로 객체를 생성할 때 공통적으로 사용되는 연산자는 무엇입니까?

new

Q5. 영화 데이터 5편을 저장할 수 있는 객체 배열은 무엇입니까?

MovieVO[ ] mv = new MovieVO[5];

📌 강의 내용 요약 : Static 및 JVM 메모리 모델 이해

Q1. 클래스를 사용하는 시점에서 단 한 번 메모리에 로딩하기 위해 사용하는 키워드는 무엇입니까?

Static

Q2. 아래 설명하는 메모리가 어떤 JVM 메모리입니까?

메서드가 호출되면 호출된 기계어 코드가 push 되고 실행되는 메모리 공간

현재 프로그램이 실행되고 있는 상태를 파악할 수 있는 메모리 공간

LIFO (Last-In-First-Out) 구조의 메모리 공간

Call Stack Frame Area / Stack Area / Stack Memory

Q3. 객체 생성을 막는 방법은 무엇입니까?

생성자 메서드의 권한을 private으로 변경

Q4. JVM의 메모리 공간 4가지는 무엇입니까?

Method Area

Heap Area

Stack Area

Literal Pool

🎁 References

FastCampus 박매일 강사님 강의

Date : January 9, 2024

✅ Java

🔔 Setter & Getter Methods

Java에서 class의 상태정보 권한은 일반적으로 private 상태로 설계됨

따라서 데이터를 저장할 때 public 상태의 setter method를 사용해야 class가 활용됨

저장된 데이터는 public 상태의 getter method를 사용해야 추출 또는 출력됨

한편 생성자 method를 이용하여 해당 class의 초기 상태 정보를 설계할 수 있음

🔔 Differences between Class & Array

📌 Difference 1

class는 여러 종류의 데이터 자료형으로 구성된 이질적인 구조의 데이터 객체(object)임

array는 한 종류의 데이터 자료형으로 구성된 동일한 구조의 데이터 객체(object)임

📌 Difference 2

class의 경우 설계(모델링)로 데이터를 구조화 함

array의 경우 java에서 제공하는 기본 문법인 대괄호 [ ]를 사용하여 데이터를 구조화 함

📌 Difference 3

class가 여러개 모이면 "객체 배열"이라고 표현할 수 있음

array는 같은 종류의 자료형 데이터가 여러개 모인 "기본 배열"이라고 표현할 수 있음

🔔 잘 설계된 VO 클래스

📌 Java의 데이터 모델은 크게 세 가지로 구분된다.

VO : Value Object, DTO : Data Transfer Object
DAO : Data Access Object
Utility : VO, DTO, DAO가 아닌 모델이며 정식 명칭은 없음

📌 각 데이터 모델에 대한 한 줄 설명은 아래와 같다.

VO 및 DTO : 데이터를 일괄적으로 이동시킬 때 사용됨
DAO : 데이터를 DB와 연결시킬 때 사용됨
Utility : 한국어 사용을 위한 UTF-8 등을 설정하는 등 보조 역할임

📌 이때 잘 설계된 VO 및 DTO 모델을 설계하는 방법은 아래와 같다.

1. 입력

기본 생성자 메서드에 오버로딩하면 각 데이터의 자료형이 자동으로 입력됨

public 변수명() 괄호 안에 자료형 및 변수명을 순서대로 입력하여 설계하면 됨

2. 출력

toString() 메서드를 사용하면 모든 데이터를 가장 간편하게 출력할 수 있음

심지어 System.out.println(변수명);에서 toString()을 생략해도 정상 출력됨

🚀 잘 설계된 Java VO 클래스 예시

package kim.java.model;

public class PersonVO {

    private String name;
    private int age;
    private String phone;


    // Constructor Method : 기본 생성자 메서드
    // 오버로딩 하려면 기본 생성자 메서드가 있어야 될듯함
    public PersonVO() {
        this.name = "Hong";
        this.age = 30;
        this.phone = "010-1234-1234";
    }


    // 생성자 메서드의 오버로딩 예시
    // PsersonVO() 괄호 안에 값 입력하면 자료형이 자동으로 기입됨
    public PersonVO(String name, int age, String phone) {
        this.name = name;
        this.age = age;
        this.phone = phone;
    }


    // Setter Method
    public void setName(String name) {
        this.name = name;
    }
    public void setAge(int age) {
        this.age = age;
    }
    public void setPhone(String phone) {
        this.phone = phone;
    }


    // Getter Method
    public String getName() {
        return this.name;
    }
    public int getAge() {
        return this.age;
    }
    public String getPhone() {
        return this.phone;
    }


    // 간편 출력용 toString Method
    public String toString(){
        return name + "\t" + age + "\t" + phone;
    }
}

🎁 잘 설계된 Java VO 클래스 설명

📌 강의 내용 요약 : 잘 설계된 VO 클래스(객체)

Q1. 다른 객체에서 자신의 정보를 숨기고 클래스 외부에서 특정 정보에 대한 접근을 막는다는 것을 무엇이라고 합니까?

Information Hiding

Q2. 은닉된 정보에 접근하는 방법 중 값을 저장하는 메서드를 무엇이라고 합니까?

Setter Method

Q3. 은닉된 정보에 접근하는 방법 중 값을 얻어오는 메서드를 무엇이라고 합니까?

Getter Method

Q4. 은닉된 정보에 접근하는 ㅂ아법 중 객체 초기화를 통해 접근하는 메서드를 무엇이라고 합니까?

Constructor Method

Q5. 객체가 가지고 있는 값 전체를 문자열 형태로 넘겨주기 위한 메서드를 무엇이라고 합니까?

toString()

🎁 References

FastCampus 박매일 강사님 강의

✅ Python

📌 Parsing

파싱(parsing)은 구문 분석이라는 의미로 토큰으로 분석할 수 있음

토큰(token)은 구문의 최소 단위인 단어를 의미함

토큰으로 분석한 문법 구조로 파스트리(parse tree)를 생성할 수 있음

Parsing 관련 추가적인 학습 필요

🚀 CDM Project

🔔 Project Progress

2023-12-15 Cavity Detection Model (CDM) PJT 시작

2024-01-09 CDM에 첫 이미지 학습 완료

추후 이미지 학습 과정에 대한 검토 진행 예정

🎁 References

GitHub Link on Cavity Detection Model

🚀 Toy Project

📌 Velog and LinkedIn

2024-01-08 작업했던 데이터 분석 toy project 결과 내용을 벨로그 및 링크드인에 업로드 함

References란에 관련 링크를 작성함

📌 Kaggle DataSets

캐글 사이트에서 데이터셋을 발췌하는 방법을 학습함

넷플릭스, 디즈니 데이터를 활용하여 Word Cloud 등을 제작함

📌 TTA

한국정보통신기술협회(TTA)에서 제작한 정보통신용어 사전의 존재를 인지함

정보통신 관련 용어 학습 시 요긴하게 사용될 가능성이 있음

🎁 References

GitHub Link on Toy-PJT

Velog Link on Toy-PJT

LinkedIn Link on Toy-PJT

Kaggle DataSets

TTA Dictionary

Date : January 8, 2024

✅ Python

🔔 데이터 분석 : 라이브러리 활용

1. 웹 데이터 분석 시 활용되는 BeautifulSoup 및 Pandas 라이브러리의 장단점 비교

2. 라이브러리 비교 테스트 한 결과를 깃허브에 연동 시도

📌 BeautifulSoup

⭕ 장점 : Parsing 기능으로 DB 내에서 추출하는 데이터를 세부적으로 선택할 수 있음

❌ 단점 : 데이터 시각화가 어려우며 추출하려는 데이터를 print 구문에 일일이 입력해야 된다는 번거로움이 있음

📌 Pandas

⭕ 장점 : DB 내 모든 column에 대한 내용을 간편하게 발췌하여 데이터를 table로 시각화 할 수 있음

❌ 단점 : Parsing 기능이 없기(?) 때문에 HTML 코드가 잘 구분되어 있지 않은 웹 페이지의 경우 데이터 추출이 온전하게 되지 않음

🚀 GitHub 연동

"Google Colab 내 Python code" 및 "GitHub repository" 연동 실패

GitHub repository 연동을 위한 코드 입력을 다양하게 시도해봤지만 일반적인 터미널에 입력하는 방식과는 상이한 느낌이었음

결국 Google Colab 파일 탭에서 "GitHub에 사본 저장" 기능을 사용하여 GitHub "Stock" repository에 내용을 업로드하였음

추후 Python toy-project 시 GitHub 연동에 재도전할 예정임

🎁 References

Python을 활용한 데이터 분석 Toy-PJT

FastCampus Selena 강사님 강의

Date : January 7, 2024

✅ Java

📌 강의 내용 요약 : 객체에 접근하는 권한 이해하기

Q1. 자바에서 객체에 접근할 때 사용하는 접근제한자(Access Modifier) 4가지는 무엇입니까?

public, private, protected, default

Q2. 자바에서 기능이 서로 비슷한 클래스들끼리 모아서 관리를 쉽게 하기 위한 것은 무엇입니까?

package → 보안 설정이 중요하다는 것이 일반 폴더와의 차이

Q3. 자바에서 제공하는 package 중 default package는 무엇입니까?

java.lang

Q4. Class에 접근하는 방법 2자기는 무엇입니까?

main class 상단에 import package의 위치 입력

class 이름 앞에 매번 full name 입력

Q5. 자바에서 제공하는 API 중에서 String class와 Scanner class의 full name은 무엇입니까?

String class : java.lang.String

Scanner class : java.util.Scanner

Q6. Package를 현재 클래스에 포함시킬 때 필요한 명령어는 무엇입니까?

import

🎁 References

FastCampus 박매일 강사님 강의

kim-src / diary Goto Github PK

diary's Introduction

🎁 My Profile

LinkedIn Profile (Chang-Seong Kim)

Date : February 9, 2024

✅️ 깃허브 블로그 생성 프로젝트

🔔 깃허브 블로그 생성 참고자료

Date : February 4, 2024

✅️ 개발 방향성 업데이트

🔔 Spring 이해

🎯 목적 : Spring 전문가로 성장

📌 Spring 이해 방법

📌 Spring 이해 방법 예시

🎁 References

Date : February 3, 2024

✅️ Spring

🔔 웹 개발 : 도서 대여 고객 관리 웹

📌 프로젝트 정리한 내용 정리

Date : January 30, 2024

✅️ Visual Studio Code

🔔 Basic Extensions of VS Code

📌 Material Theme

📌 Material Icon Theme

📌 Auto Rename Tag

📌 HTML to CSS autocompletion

📌 HTML CSS Support

📌 CSS Peek

📌 Autoprefixer

📌 Bracket Pair Colorizer 2

📌 indent-rainbow

📌 Live Server

🎁 References

Date : January 29, 2024

✅️ Remind

🔔 링크드인 글

" 여유 : 그림의 떡 " (링크드인 글 링크)

📌 1. 쉼표

📌 2. 학업

📌 3. 투자

📌 4. 직장

📌 5. 부업

📌 6. 일상

📌 7. 미래

📌 8. 반전

✅ 국가 무료 강의 사이트

🔔 e-Korea Tech 강의실

✅ Next.js

🔔 Next.js의 수준

Date : January 28, 2024

✅️ ChatGPT-4 프로필 설정

🔔 ChatGPT Custom Instructions

📌 Q. What Would you like ChatGPT to know about you to provide better responses?

📌 Q. How would you like ChatGPT to respond?

🎁 요약 해석

✅ Database 종류

🔔 데이터 관리 방법

📌 Relational Database

📌 Document Database

📌 Graph Database

📌 Column-Family Database

📌 Search Engine Database

📌 Key-Value Database

🎁 References

Date : January 27, 2024

✅️ 링크드인 글

🔔 유시온 님 글

📌 2024년 목표와 관련된 만다라트 표

Date : January 25, 2024

✅️ 이직

🔔 "메타코드M" 으로부터의 연락

🚀 답변 내용

도메인 선호/비선호

회사 지역 선호

재택 여부

희망 직군

이력서 및 포트폴리오

🔔 김창성 포트폴리오

Date : January 24, 2024

✅️ Spring

🔔 Spring MVC Framework 프로젝트