GitHub - miniplugin/kimilguk: 스프링4.x용 안드로드App 및 노드js와 네트워크프로그램용으로 사용 Hsql+Mysql+Oralce지원

스프링 작업순서

스프링 HelloWorld MVC 프로젝트 org.edu.controller 제작OK.
wamp(만세아이콘)으로 마리아DB(3306포트) 설치, 사용자암호 추가 및 한글처리OK.
워크벤치 설치 및 ERD 작성연습, 샘플DB(edu)임포트 및 리버스 엔지니어링으로 ERD제작OK.
샘플반응형 웹페이지(mobile,tablet,pc용) 및 J쿼리 페이지 작성OK.
스프링 프로젝트 관리자단 AdminLTE(부트스트랩)기반으로 제작OK.
스프링 테스트 pom.xml(외부라이브러리가져다가사용하는 방식) 디펜던시 의존성 추가OK.
메이븐기반 전자정부표준프레임워크 egov3.9버전 -> 3.10으로 업드레이드OK.
junit(JavaUnit) 테스트 설정 후 기본 unit유닛(단위)테스트OK.
jdbc(JavaDataBaseConnection)사용 pom.xml 의존성 추가OK.
Mysql사용 pom.xml 의존성 추가OK.
마이바티스 사용(CRUD쿼리를관리하는툴) pom.xml 의존성 추가OK.
junit으로 DB접근 후 관리자단 회원관리 CRUD unit테스트 마무리OK.
@Component애노테이션사용으로 MemberVO 인젝션사용 가능OK.
DB 디버그용 드라이버 사용 pom.xml 의존성 추가 후, log4jdbc.log4j2.properties 추가 OK.
실제 회원관리 화면 CRUD 적용 중 jsp중 member_list(select+검색)처리 후 페이징처리 OK.
member_write, member_update, member_delete 만들기 작업OK.
스프링 AOP(관점지향프로그래밍-OOP의 확장기능)기능으로 개발용 디버그출력환경 만들기 시작.
pom.xml에 AOP모듈 추가 필수
root-context.xml에서 aop태그 추가
관리자단 실제 게시판 화면 CRUD 적용OK.
트랜잭션 @Tansactional추가: root-context.xml에서 dataSource에 트랜잭션 설정추가필수OK.
파일업로드 라이브러리 사용 pom.xml 의존성 추가OK.
관리자단 게시판 업로드 화면 구현OK.
댓글에서 Json데이터 사용 pom.xml 의존성 추가.(댓글 Rest-Api에서필요)
보통 jackson, Gson 외부라이브러리를 사용할때는 pom.xml에 모듈을 추가해야 하지만,
Rest컨트롤러 클래스안에 ResponseEntity를 사용해서 Json데이터로 반환합니다.
그래서, pom.xml 모듈추가 없가없이 작업 진행 합니다.X(잘못된 정보)
jackson-databind 모듈추가했음.
실제 댓글 화면CRUD적용.(우리가 만들어서 제공 Rest-API백엔드단)OK.
사용자단 html(https://miniplugin.github.io/) 소스를 커스터마이징 후 jsp로 만들기OK.
인터셉터(가로채기-Interceptor)클래스를 이용해서, 예외처리를 공통 spring_error.jsp 로 바인딩 처리OK.
스프링시큐리티 로그인 구현 pom.xml 의존성 추가OK.
web.xml에 스프링시큐리티 설정 추가OK.
security-context.xml OK.
스프링빈클래스작업: 로그인 구현 + 관리자 회원등록시 패스워드 암호화 추가 OK.
사용자단 CRUD 구현(RestAPI 댓글포함)OK.
헤로쿠 클라우드로 배포(Hsql데이터베이스사용).
이후 유효성검사(객체검증,마이페이지,회원가입-탈퇴), 네이버아이디 로그인(네이버에서 제공Rest-API백엔드단) 사용 등등. pom.xml 의존성 추가.
게시판분리(공지사항과 겔러리게시판): 부모테이블과 필드추가 를 이용해서 다중게시판 생성처리.
오라클로 마이그레이션 작업OK.
웹프로젝트 소스를 스프링프레임워크 버전으로 5.2.5 마이그레이션(버전 업그레이드) 헤로쿠배포OK.
오라클 이론OK.
eGovFrame메뉴에서 Start > New TemplateProject 심플홈 템플릿 만들어서 커스터 마이징 작업OK.
C언어 이론(구름IDE사용) OK.
안드로이드 스튜디오 4.x 이론OK.(https://slidesplayer.org/slide/14087618/)
앱apk만들어서(학생모두)+구글 플레스토어에 올리기(강사만)OK.
혼자공부하는 C언어 책 목차확인 예정(IoT13번과목진행바로전)OK.
egov에 스프링시큐니티 적용(소스참조:https://github.com/miniplugin/egov )OK.
파스타클라우드 제일 마직막 달에 2주기간에egov배포(클라우드용-mysql을사용)비정상 -> 헤로쿠 postgreSQL로 대체해서 클라우드 DB적용OK>
IoT책 2권 목차확인(마지막1주일전)OK.
IoT(아두이노,노드MCU보드로 실습-C언어책3권) 3주
구름코딩테스트(DevTh구름+구름IDE사용)
노드js CRUD, 구름IDE로 배포
안드로이드앱(클라이언트)-통신-자바:스프링웹프로젝트(API서버) 마지막 주 진행예정.
(16과목시간에 앱과 통신시 사용, RestAPI에서 삭제하는 기능추가예정)

실시간 투표 확인 대시보드(트렌드기술-빅데이터,SNS가 활성화 되면서)

투표앱에 접속 A사람 :A가 그래프동일 - A투표를 했음
투포앱에 접속 B사람 :B가 그래프동일 - A가 투표했을때 B그래프가 자동으로 변경되야 실시간 대시보드
실시간 대시보드 구현: 푸시기능(카카오 알림, 실시간 대시보드, SNS댓글좋아요) - 소켓으로 구현
구름IDE에서 노드js컨테이너 열어서 소켓을 구현할 예정.
A,B 라는 두사람이 웹브라우저(앱)을 띄우면, 노드js 소켓서버에 연결이 되어서, 통화중 상태.
Micro Service Architecture: 기존 비지니스 로직을 잘게 쪼게서 별도의 서비로 분리 구현하는 기술
MSA구현은 RestAPI기술로 구현예: 댓글서비스 API제작
개발자 입장에서는 스프링프로젝트를 예를 들면, 우리댓글 기능을 사용하지 않고, 외부 discuss기능 RestAPI가져다 사용하게 커스터마이징하는 역할 개발자역할(예, 네아로 붙이는 작업과 같습니다.)
스프링프로젝트에 채팅기능이 필요하면, 외부 RestAPI를 가져다가 붙이는 작업.
DevOps: Development 개발 과 Operation 운영을 동시에 하는 사람, 직원, 회사원
본인회사 자체개발 -> 외주개발+고객사(1년 무상유지, 2-3년 지나면 못사용 버림)
-> 그래서 나온 해결책 : 자체개발(DevOps트렌드 : 개발해서 운영까지 하겠다)
DevOps = FullStack개발자 트렌드용어

20211212(일): CVE-2021-44228 취약점 보안패치ㅣlog4j-1.2.15에서 log4j2로

pom.xml 변경: org.apache.logging.log4j 2.15.0 버전으로 마이그레이션
log4j2.xml 생성

20211101(월): HelloTest.java

안드로이드 시작전, 자바 기초테스트로 사용.

20211030(토)

현재 스프링 프로젝트 자바버전 9이상에서 문제되지 않게 처리(아래)
pom.xml 에 확인할 주석부분 자바9 이상에서 @Resource 지원하지 않아서 추가

20210419(월) 작업

수업전: 레이더 챠트로 변경 작업OK.
오픈챠트의 실시간 대시보드 구현: 푸시기능(카카오 알림, 실시간 대시보드, SNS댓글좋아요) - 소켓으로 구현OK
구름IDE에서 노드js컨테이너 열어서 소켓을 구현할 예정 변경 -> 헤로쿠로 항상 살아 있게 구현예정.
노드js프로젝트 신규로 1개 만들어서, 헤로쿠에 배포하는 과정이 필요OK.
NodejsTest는 구름에서 노드js컨테이너를 생성하면, 자동으로 생성.
1.) 노드js프로젝트 시작 - express템플릿으로 초기앱 시작 -> 개발자작업 후 -> 배포.
2.) 초기앱 실행 : npm install(package.json모듈다운로드) -> node index.js
3.) 초기앱 실행: npm install -> npm start (헤로쿠추천방식)
스프링 MVC프로젝트 시작은 : 이클립스에서 -> 레거시 스프링프로젝트 -> MVC선택
참고: 범위기준 설명 https://poiemaweb.com/nodejs-socketio
io는 접속한 모든 사용자: io.on(all대기) > io.emit(all전송)
io 객체의 안쪽에서 사용자의 접속/해제/메세지전송은 client별(소켓기준)로 작동.
socket은 접속한 1명의 사용자: socket.on(one대기) > io.emit(all전송)
정리하면, 소켓은 1:1통신, io는 1대 다 통신

20210416(금) 작업

오픈챠트의 Json 데이터를 DB에서 받아서 CRUD 처리하기 구현OK.
스프링의 투표용 RestAPI서버 생성(JsonDataController 클래스에)OK.

20210415(목) 작업.

오픈챠트의 Json 데이터 UI처리 작업OK.
스프링RestAPI와 안드로이드앱과 비동기 통신 하단 회원목록 마무리(회원메일보내기)OK.
안드로이드 스튜디오 기능 확인(과제물 작업OK.)
챠트소스URL: https://www.chartjs.org/
라이센스정보: https://www.chartjs.org/docs/latest/notes/license.html (MIT라이센스)
막대챠트: https://www.chartjs.org/docs/latest/charts/bar.html
레이다챠트 : https://www.chartjs.org/docs/latest/charts/radar.html
오픈소스 중 챠트기능 사용하기예정.(막대챠트,레이터챠트)
스프링프로젝트에 resources폴더에 chart.html만들어서 테스트예정.
AdminLTE(부트스트랩UI템플릿), 서머노트(웹에디터), 마리아DB(오픈소스), 오픈챠트(대시보드)

20210414(수) 작업.

SSO인증전용서버별도: Single Sign On (트렌드 기술, 한번의 사용자 인증 으로 여러 사이트 이용가능)
스프링프로젝트에서는 : SSO구현하지 않고, 네아로처럼 갖다가 쓰는 방식을 아시는 목적.
스프링RestAPI와 안드로이드앱과 비동기 통신 진행OK.

20210413(화) 작업.

IoC(제어의역전): 스프링전용.(객체라이프사이클-생명주기를 관리)
라이프사이클(파일->메모리): 생성-대기-실행-소멸 개발자가 처리(자바서블릿프로그램, 노드js)
대신 스프링은 스프링프레임워크가 라이프사이클을 관리 = Inversion Of Controller
스프링프레임워크를 사용하는 이유: IoC, DI, AOP 3가지 기능을 사용가능.
노드js개선: userList를 개선OK.(res.write방식 -> userlist.ejs뷰템플릿방식 추가) -> 구름IDE에 배포 후 마무리OK.
4교시 임베디드 애플리케이션 구현 과제물 제출예정.
IaaS(Infra as A Service=AWS,GCP=대지), PaaS(Platform as A Service=파스타,헤로쿠=건물), SaaS(Softwear as A Service=스프링프로젝트,egov프로젝트=방)
안드로이드 앱(화요일 5교시 16과목시작- 시작전, 스프링프로젝트 JsonDataController 확인 및 android.delete추가)-부메랑에서 확인.
네트워크 프로그래밍 구현: 비동기 통신 위주(요청하고 응답을 무한정기다리지않고, 다른작업이 가능)
안드로이드앱(AsyncTask클래스)-스프링앱(RestController클래스)-뷰단댓글jsp(Ajax)
@RequestMapping로 변수값을 받는 방법 2가지,
1. @RequestParam 클래스사용(값을 보내올때 ?변수명1=값1)
1. @PathVariable 클래스사용(값을 보내올때 /변수값1/변수값2) 트렌드(구글검색에서 콘텐츠 노출에 효과적)

20210412(월) 작업

노드js CRUD중 C,U,D 작업OK.
구름IDE로 배포OK.

20210409(금) 작업

구름ide Mysql설치: 1. 컨테이너 생성 시 Mysql선택해서 자동설치 X
1. 터미널 화면에서 sudo apt-get install mysql-server
참고, npm(node package manage),
우분투 리눅스 에서 프로그램 설치하기: apt(advanced package tool)-get
app.js 기존진입점.X -> crud2.js 신규진입점 생성(패키지설정, 익스프레스 프레임워크, 라우터-컨트롤러 등등 설정)
기술참조: https://www.inflearn.com/course/2017-node-js-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D
1. crud2.js 에서 (패키지설정,익스프레스,데이터베이스커넥션확인 등등)
1. 디자인 파일html 생성 -> 처리 js파일 생성. -> PC CRUD테스트 -> 깃 -> 구름IDE 배포 -> 확인
노드js PC에서 Hello초기소스로 CRUD가능하게 코딩시작
DB선택-Mysql(몽고DB-현실 Mysql)
배포 구름IDE(git pull) <-> 깃 소스관리 <-> 개발은 PC에서(노드js서버, VS code, Mysql기본, git push) = 릴리즈 배포 계획 , CI지속적인 통합/CD지속적인 제공 파이프라인 트렌드용어

20210408(목) 작업

스트립램프에 색상을 흐르게 하기 작업OK.
코딩테스트09문제 C언어로 다어그램대로 진행OK.
코딩테스트10문제.(토스-송금앱의 코딩테스트문제): 자바OK.
틈틈히 노드js(익스프레스프레임워크)로 CRUD.(dB연동+VS Code IDE) 진행예정.
스프링(Java1.8-OpenJDK, Mysql-Oracle, 이클립스-톰캣, 스프링프레임워크)->코딩
안드로이드앱(JDK, SQLite, 안드로이드스튜디오-AVD가상장치, 액티비티xml) ->코딩
노드js(Nodejs서버설치, DB선택은나중, VS code-구름노드소스실행, 익스프레스프레임워크) ->코딩
1. PC에서 vScode로 작업 후 , 깃 커밋.
1. 구름 IDE 노드js컨테이너에서 git pull 로 신규소스 갱신 -> node서버 재실행(갱신내용적용)

20210407(수) 작업

안드로이드앱(sqlite 데이터베이스+안드로이드스튜디오IDE) CRUD.
적외선 센서를 이용해서 LED제어하기 작업OK.
코딩테스트09문제 C언어로 실행 진행중OK.
카카오 시험 C언어 포인터 변수 주소를가지기 때문에 주소를 각각만들어야 함.
1.자바의 substring대체하는 strncpy함수의 사용: (출력변수, 포인터변수명+인덱스시작위치, 출력할개수)
2.C에는 스트링변수가 없기때문에 누적할때, strcat()함수를 사용, 전역변수가 필요할 수 있습니다.
3.문자열비교: strcmp("(",u)==0 비교결과가 참일때 0, 단 문자비교는 if(c == 'c')
4.비교구문 w == NULL || strlen(w)==0
노드js기반으로 램프ON/OFF기능 SPA(SinglePageApp)제작OK.
SPA(싱글페이지앱): 코로나19상황앱(지도,Json데이터처리,화면처리)
SPA: RestAPI, Vue, React, [Notejs(익스프레스포함) + Ajax]
https, http 사이트 비교 로그인 창(둘다 POST)방식
https, 로그인 하면, 아이디/암호 전송할때, 사람이 알아볼수 없는 텍스트방식으로 전송,
http, 로그인 하면, 아이디/암호 전송할때, 사람이 알아볼수 있는 덱스트방식으로 전송.
npm(Node Package Manager): 노드js 패키지를 설치또는 삭제하는 명령
package.json
npm install multiline; //자바스크립트 안에 html풀버전을 넣을 수 있습니다.
1. 구름ide 익스프레스 컨테이너 생성 후 모듈 설치 npm install multiline
1. 소스 상단에 모듈 임포트 var multiline = require('multiline');
1. const template = multiline(()=>{ /* html코드 집어넣기 */});
노드js 개발툴로 VS Code를 주로 사용.
스프링 개발툴로 이클립스 다수.
스프링부트 개발툴로 인텔리J 다수.

20210406(화) 작업

노드js+서버 - 익스프레스 프레임워크(아키텍처) - index.ejs(임베디드자바스크립트) - router
자바+톰캣 - 스프링 프레임워크(아키텍처) - index.jsp(tiles)타일즈템플릿(jsp)과 비슷 - controller
수업전:자바코딩테스트09문제확인.(카카오-균형잡힌 괄호만들기 코딩테스트문제)
코딩테스트09문제 C언어로 실행 진행중.
4교시에 과제물 제출예정. 이후 15번째 과목 진행 시작OK.
오후 수업전 코딩테스트10문제.(토스-송금앱의 코딩테스트문제): 자바예정
적외선 센서를 이용해서 LED제어하기 작업예정
노드js기반으로 램프ON/OFF기능 SPA(SinglePageApp)제작예정.
코딩테스트10문제.(토스-송금앱의 코딩테스트문제): C언어 OK.

20210405(월) 작업.

구름IDE에서 노드js컨테이너 1개 생성OK.
스타트업에서 대규모서비스전 파일럿용: 노드js서버기반 웹프로그램: 리액트(react), 뷰(vue) => 안정화 되면
대부분: 진입장벽순서 = 스프링 > C#닷넷 > PHP(워드프레스기반)
노드js사용목적(Express, React, Vue): SPA프로그램(Single Page App) 1페이지에 CRUD 가능한 간단한 앱을 만드는 것이 목적.(기술분포: 백엔드약간+프론트엔드많이 )
LCD패널을 채팅창처럼 이용해 보기OK.
7세그먼트로 0 부터 9까지 출력하기 작업OK.
anode애노드(+), cathode캐소드(-)
코딩테스트09문제예정.(카카오2020년 코딩테스트문제)
조건1: ")" "(" 개수 짝수인지 확인 = 균형잡힌 괄호 문자열 체크 True/False
조건2: ")" "(" 올바른 괄호 문자인지 확인 = "()" "()" = 괄호추가 처리.
w=")("; w.subString(1,2); => (

20210402(금) 작업.

부메랑(RestAPI용 테스트도구): CRUD가능(Delete기능 16과목) -> 안드로이드앱코딩 들어감.
JUnit(스프링테스트도구): CRUD가능 -> 실제코딩 들어감.
스프링프로젝트(Hsql)로 RestController를 이용해서 앱과 통신할 RestAPI서버 1개 만들겠습니다OK.(16과목시간에 앱과 통신시 사용, RestAPI에서 삭제하는 기능추가예정)
부메랑 사용, 로그인 체크, 멤버리스트, 멤버삭제까지 진해예정.
서보모터 구동 드라이버 작업OK.
LCD패널에 hello, world! 출력 드라이버 작업OK.
코딩테스트07문제 입력받은 값의 랭킹순위 구하기 예정OK.
코딩테스트08문제 인기투표에서 가장많은 선택을 받은 번호와 횟수 구하기 예정OK.

20210319(금) 작업.

N = 3;
2, 2, 1 (앞 뒤 번호가 틀린 개수 1개) = 이런 조건이면 문제 2개만 추출가능 False
Arrays.sort(2,2,1) => 1, 2, 2
3, 1, 7 (앞 뒤 번호가 틀린 개수 2개) = 이런 조건이면 문제 3개만 추출가능 True
Arrays.sort(3, 1, 7) => 1, 3, 7 오름차순 정렬
count 변수는 앞 번호와 뒤 번호의 난이값이 틀린 개수를 구할때 사용.
before 변수는 앞의 번호의 난이도값을 비교할때 사용.
for(int question:questions) { ... }
question 변수는 문제은행(questions)변수에서 난이도 값을 1개씩 뽑아낼때 사용.
for (MemberVO memberVO : List memberList)
구름IDE 온라인코딩 테스트 실습-샘플문제(Java,C언어)OK.
egov프로젝트에 스프링시큐리티 적용예정.(기술참조: https://github.com/miniplugin/egov/blob/master/README.md )

20210318(목) 작업.

SQLite앱 CRUD에 람다식 적용OK.
->애로우함수필수,입력힌트사용,코드생략해서 코딩양 줄이기목적).
앱을.apk(.aab)로 만들어서 플레이스토어에 업로드 하는 방법(강사만진행)OK.
키스토어(key저장공간): UUID값으로 전세계에 1개뿐인 앱이라고 명시
위 키스토어에는 인증관련 내용이 포함(암호포함)-앱버전업데이트시 필요
앱기본기술 마무리 되었습니다.

스프링수업전: 사용자화면에서 게시글 삭제로직에도 //수정시 본인이 작성한 글인지 체크(아래) 로직 추가예정.
관리자관리에서 사용자 프로필이미지 1개 업로드 기능 추가예정(다중파일X).
[기술참조]게시판 권한을 주는 로직이 필요하다면: 관리자 게시판생성관리에 게시판 권한을 주는 필드가 필요함
파일명은 사용자ID(고유값)로 강제변경 후 업로드 되게 처리예정.(DB저장X,다운로드X: 첨부파일 업로드 고유기능만 확인)
업로드 폴더명은 profile 폴더를 생성 해서 프로필 이미지전용으로 사용.
작업결과 헤로쿠 클라우드에 배포.

// 폴더를 만들 디렉토리 경로(누구나 직접접근가능한 resources 폴더사용, 게시판업로드폴더는 직접접근 불가)
String folderPath = request.getServletContext().getRealPath("/resources/profile");
File makeFolder = new File(folderPath);
// folderPath의 디렉토리가 존재하지 않을경우 디렉토리 생성.
 if(!makeFolder.exists()) {
   // 폴더를 생성합니다. 파일생성은 FileCopyUtils.copy(경로+파일)
   // 참고로, 파일다운로드는 ByteArrayOutputStream 클래스 사용
   makeFolder.mkdir(); 
 }

20210317(수) 작업.

스프링 프로젝트 사용자단 글 수정시 본인 글만 수정가능하게 처리OK.
위 작업의 전제조건은 글 작성시 작성자 ID가 저장되는 조건이 필수 입니다.
안드로이드 앱 CRUD OK.
취업처 2가지: 1) 프로젝트 단가 높은곳 1년에 1~2건. 2) 1달 10개 이상하는 프로젝트 작업하는 곳.
12.애플리케이션 테스트 수행 과목 진도 나감(문서작업2건-아키텍처구조도엑셀,스프링프로젝트 매뉴얼ppt).

20210316(화) 작업.

수업전: 홈페이지 상단의 로그아웃시 세션 날리는 부분 확인OK,
위가 제대로 작동되면, 페이지상단에 Mypage(사용자그룹)와 AdminLTE(관리자그룹)로 다르게 나옴 OK.
아래 2가지는 스프링 프로젝트 에서 작업OK.
AdminLTE 관리자단 대시보드에 최신회원등록자5명 디자인 출력OK.
최신공지사항/겔러리/...다중게시판 각각 5개씩 디자인 출력예정OK.
최신게시물 불러오기 2가지 방법 작업중(아래)
<c:import url="~.do?board_type=${boardTypeVO.board_type}" />
1. import방법(효율적-실습) / 2)ModelMap방법(비효율적-방법만확인) <key,Object=3개반복>
애플리케이션 설계 시험(과제물제출)OK.

Hsql 데이터베이스 사용 개선

jdbc:hsqldb:file:c:/egov/workspace/embeded/hsql_file.db 이 내용이 사용된 부분에 ;hsqldb.lock_file=false를 추가하면, 사용시 lock이 걸리지 않고 톰캣과 Junit 동시 사용이 가능합니다.(아래 2가지 수정)
root-context.xml 과
Junit 작업파일에서 oldQueryTest() 메서드 부분
작업결과 아래와 같이 표현 됩니다.
jdbc:hsqldb:file:c:/egov/workspace/embeded/hsql_file.db;hsqldb.lock_file=false
단, 기존에 만들었던 DB폴더에서 lock파일(hsql_file.lck)을 지우셔야 합니다.
다음 실행 부터는 생성되지 않기 때문에 톰캣실행과 JUnit및 다른 프로그램 작업도 가능합니다.

기본정보

스프링관리자 AdminLTE템플릿 샘플:
https://adminlte.io/themes/v3/pages/forms/general.html
https://kimilguk-mysql.herokuapp.com/ (아이디/암호:admin/user02)

수업에 대해서

작업 내용의 복습시간은 이후 다른 코딩작업으로 대신하게 됩니다.
예를 들면, 스프링프로젝트에서 관리자단 게시판을 만들면,
나중에, 사용자단 게시판을 만들때 비슷한 과정을 한번 더 하게 됩니다. 이런방식으로 복습을 해서 기술을 익히게 됩니다.
즉, 지금 이해가 않되시는 부분도 코딩작업을 여러번 반복하시게 되면서 기술을 익히게 되는 과정이라고 보시면 됩니다.
그리고, 강의 내용을 녹음 하셔도 괜찮습니다.(단, 대단한 내용은 아니지만, 본인만 보시고, 유통시키지 않았으면 합니다.)

톰캣 서버 강제 종료시키기

netstat -ano | findstr 8080 : 특정 포트로 검색
taskkill /F /PID 포트번호(위에서출력된 제일오른쪽번호 : PID를 통해 작동중인 프로그램 종료)

스프링 작업순서

스프링 HelloWorld MVC 프로젝트 org.edu.controller 제작OK.
wamp(만세아이콘)으로 마리아DB(3306포트) 설치, 사용자암호 추가 및 한글처리OK.
워크벤치 설치 및 ERD 작성연습, 샘플DB(edu)임포트 및 리버스 엔지니어링으로 ERD제작OK.
샘플반응형 웹페이지(mobile,tablet,pc용) 및 J쿼리 페이지 작성OK.
스프링 프로젝트 관리자단 AdminLTE(부트스트랩)기반으로 제작OK.
스프링 테스트 pom.xml(외부라이브러리가져다가사용하는 방식) 디펜던시 의존성 추가OK.
메이븐기반 전자정부표준프레임워크 egov3.9버전 -> 3.10으로 업드레이드OK.
junit(JavaUnit) 테스트 설정 후 기본 unit유닛(단위)테스트OK.
jdbc(JavaDataBaseConnection)사용 pom.xml 의존성 추가OK.
Mysql사용 pom.xml 의존성 추가OK.
마이바티스 사용(CRUD쿼리를관리하는툴) pom.xml 의존성 추가OK.
junit으로 DB접근 후 관리자단 회원관리 CRUD unit테스트 마무리OK.
@Component애노테이션사용으로 MemberVO 인젝션사용 가능OK.
DB 디버그용 드라이버 사용 pom.xml 의존성 추가 후, log4jdbc.log4j2.properties 추가 OK.
실제 회원관리 화면 CRUD 적용 중 jsp중 member_list(select+검색)처리 후 페이징처리 OK.
member_write, member_update, member_delete 만들기 작업OK.
스프링 AOP(관점지향프로그래밍-OOP의 확장기능)기능으로 개발용 디버그출력환경 만들기 시작.
pom.xml에 AOP모듈 추가 필수
root-context.xml에서 aop태그 추가
관리자단 실제 게시판 화면 CRUD 적용OK.
트랜잭션 @Tansactional추가: root-context.xml에서 dataSource에 트랜잭션 설정추가필수OK.
파일업로드 라이브러리 사용 pom.xml 의존성 추가OK.
관리자단 게시판 업로드 화면 구현OK.
댓글에서 Json데이터 사용 pom.xml 의존성 추가.(댓글 Rest-Api에서필요)
보통 jackson, Gson 외부라이브러리를 사용할때는 pom.xml에 모듈을 추가해야 하지만,
Rest컨트롤러 클래스안에 ResponseEntity를 사용해서 Json데이터로 반환합니다.
그래서, pom.xml 모듈추가 없가없이 작업 진행 합니다.X(잘못된 정보)
jackson-databind 모듈추가했음.
실제 댓글 화면CRUD적용.(우리가 만들어서 제공 Rest-API백엔드단)OK.
사용자단 html(https://miniplugin.github.io/) 소스를 커스터마이징 후 jsp로 만들기OK.
인터셉터(가로채기-Interceptor)클래스를 이용해서, 예외처리를 공통 spring_error.jsp 로 바인딩 처리OK.
스프링시큐리티 로그인 구현 pom.xml 의존성 추가OK.
web.xml에 스프링시큐리티 설정 추가OK.
security-context.xml OK.
스프링빈클래스작업: 로그인 구현 + 관리자 회원등록시 패스워드 암호화 추가 OK.
사용자단 CRUD 구현(RestAPI 댓글포함)OK.
헤로쿠 클라우드로 배포(Hsql데이터베이스사용).
이후 유효성검사(객체검증,마이페이지,회원가입-탈퇴), 네이버아이디 로그인(네이버에서 제공Rest-API백엔드단) 사용 등등. pom.xml 의존성 추가.
게시판분리(공지사항과 겔러리게시판): 부모테이블과 필드추가 를 이용해서 다중게시판 생성처리. ---------------------- 작업중 ------------------------------
오라클로 마이그레이션 작업.(책,2월3일에 시작하는 과목)

웹프로젝트 소스를 스프링프레임워크 버전으로 5.2.5 마이그레이션(버전 업그레이드)
시간이 여유가 되면, eGovFrame메뉴에서 Start > New TemplateProject 심플홈 템플릿 만들어서 커스터 마이징 예정.
파스타클라우드 제일 마직막 달에 2주 기간중 배포(스스로 재배포가능할 정도수준-mysql을사용)
IoT(아두이노,라즈베리파이-C언어책3권) 2주
안드로이드앱(클라이언트)-통신-자바:스프링웹프로젝트(API서버) 2주

20210202(화) 작업예정

사전작업: JUnit에서 더미데이터 입력시 시간 초단위로 입력 부분 처리예정. - 문제없었음. 쿼리에서 sysdate로 박혀 있어서 그랬음.
그래도, JUnit으로 더미 데이터를 입력하려면, 쿼리를 바꾸던가, 아니면, 인서트호출 후 Thread.sleep(1000);입력하면 해결됨.
사전작업: spring5-프로젝트 신규레포지토리 git과 연동작업예정.

스프링MVC프로젝트 스프링버전 5.2.5 마이그레이션(버전 업그레이드)
위 스프링버전 마이그레이션이 필요한이유: 자바버전 2.x 보편화 되었을때, 톰캣버전 9.x 보편화 되었을때, 등등 이유가 있음(필수)
kimilguk프로젝트를 그대로 두고, spring5-kimilguk이름으로 폴더를 복사해서 프로젝트 생성됨
kimilguk.herokuapp.com(스프링4.x), spring5-kimilguk.herokuapp.com(스프링5.x)

02월03일 부터 오라클 이론 단원06 진도 시작.
C언어 기초: 출석수업시 바로 IoT실습에 들어가기 위해서 구름IDE에서 C언어 실습연습.

20210201(월) 작업

시작전1:replyMapper 마무리: 댓글 1개등록 후 삭제 후 다시등록시 페이징이 사라지는 문제 처리OK.
board_view.jsp의 삭제부분 $("#div_reply").empty(); 아래 코드로 수정.
$("#div_reply").find("div").not(".pagination").empty(); ->대신에 아래처럼 해도됨

- $("#div_reply").html('<div class="pagination justify-content-center"><ul class="pagination pageVO"></ul></div>');

시작전2:조회수 카운트도 필드값 null 때문에 증가가 않되는 부분 처리OK(NVL추가 아래).
오라클 전용 수정할 쿼리: set view_count = NVL(view_count,0) + 1
쿼리널체크: Mysql=ifnull(v1,v2),MSsql+Hsql=isnull(v1,v2)
쿼리널체크: Oracle=nvl(v1,v2), NVL(Null VaLue)체크 함수.
시작전3:멤버 페이지 페이징 쿼리부분에서 ORDER BY 부분제거 취소 후 더미데이터의 reg_date 수정.
시작전4:게시판,댓글 페이징 부분은 정렬방식을 REG_DATE에서 BNO로 변경 취소.
위3,4번 처리하는 대신 더미데이터만드는 프로시저에서 reg_date 현재시간기준 1초씩 증가하도록 처리 order by 가 제대로 작동하도록 처리OK.
시작전: 더미데이터 만드는 프로시저에 REG_DATE항목을 1초 단위로 증가될 수 있도록 수정한 후 다시 더미데이터 생성한다.

create or replace PROCEDURE      "PROC_MEMBER_INSERT" 
(
  P_COUNT IN NUMBER 
) AS 
BEGIN
  -- TRUNCATE table TBL_MEMBER; 삭제시 자동커밋
  -- 실행방법: CALL PROC_MEMBER_INSERT(100);
  FOR i IN 1..P_COUNT LOOP
       IF(i=P_COUNT) THEN
            INSERT INTO TBL_MEMBER
            (user_id,user_pw,user_name,enabled,levels,reg_date,update_date)
            VALUES
            ('admin','$2a$10$kIqR/PTloYan/MRNiEsy6uYO6OCHVmAKR4kflVKQkJ345nqTiuGeO'
            ,'관리자',1,'ROLE_ADMIN',sysdate + (1/24/60/60)*i,sysdate + (1/24/60/60)*i);
        ELSE
            INSERT INTO TBL_MEMBER
            (user_id,user_pw,user_name,enabled,levels,reg_date,update_date)
            VALUES
            (concat('user',i) ,'$2a$10$kIqR/PTloYan/MRNiEsy6uYO6OCHVmAKR4kflVKQkJ345nqTiuGeO'
            ,'사용자',1,'ROLE_USER',sysdate + (1/24/60/60)*i,sysdate + (1/24/60/60)*i);
        END IF;
      END LOOP;
  commit;
END PROC_MEMBER_INSERT;

create or replace PROCEDURE      "PROC_BOARD_INSERT" 
(
  P_BOARD_TYPE IN VARCHAR2 
, P_COUNT IN NUMBER 
) AS 
BEGIN
  -- TRUNCATE table TBL_REPLY; 삭제시 자동커밋
  -- TRUNCATE table TBL_ATTACH; 삭제시 자동커밋
  -- DELETE FROM TBL_BOARD WHERE 1 = 1; 삭제시 커밋 필요 + 시퀸스 초기화 필요(초기값만 1로 바꾸면됨)
  -- 실행방법;쿼리에디터에서 CALL PROC_BOARD_INSERT('notice',50);
  FOR i IN 1..P_COUNT LOOP
        INSERT INTO TBL_BOARD
        (bno,board_type,title,content,writer,reg_date,update_date) 
        VALUES
        (SEQ_BNO.nextval,P_BOARD_TYPE,'게시물테스트','게시물내용테스트','관리자',SYSDATE + (1/24/60/60)*i,SYSDATE + (1/24/60/60)*i);
      END LOOP;
commit;
END PROC_BOARD_INSERT;

oracle폴더의 memberMapper, replyMapper, boardTypeMapper 3개파일 마이그레이션 OK.
수정1: now() -> sysdate (현재일시구하기)
수정2: limit 사용된 페이징 쿼리 -> 제거 후 기능변경(ROWNUM 키워드 사용, concat() -> ||연결문자사용)
수정3: limit 사용된 조회시 최근게시물 1개 뽑아낼때 -> 제거 후 기능변경(ROWNUM 예약어 사용)
수정4: < 부등호가 들어가 있는 쿼리는 이렇게 CDATA로 처리.
수정5: Insert의 AI(자동증가)부분 처리:마이바티스의 selectKey태그를 이용해서 시퀸스처리
오늘 종료전 2월3일(수2교시) 다음카페에 제출하실 포트폴리오 구글 워드 문서 배포OK.

20210129(금) 작업

이론 단원 05단원 까지 진도OK.
오라클 전용 쿼리에서 3개이상의 문자열 연결할때 파이프라인 특수문자를 사용: ||
DISTINCT: 오라클 전용으로 중복데이터 삭제용도, 출력물에서 셀병합시 필요.
보통 출력툴(레포트툴)이 보통 2000만원이상.
자바프로그램에서 특수문자는 \s 로 s라는 문자가 아니고, 공백이라는 특수문자임을 \s 나타냄.
위와 같은 \문자에서 \ 역슬래시를 이스케이프 문자라고 하고 정규표현식에서 많이 사용됨.
산술연산자: +,-,*,/
논리연사자: OR(+) , AND(*), NOT(!Inverse)
필드명 BETWEEN a AND b: 필드값이 a 에서부터 b 까지~
필드명 IN(배열) : 필드명에 배열에 있는 값이 포함되어 있는지 비교.
교재용 영문테이블명: DEPT(부서테이블), EMP(사원테이블)
교재용 쇼핑몰테이블: DEMO_CUSTOMERS(고객테이블), ORDERS(주문정보-부모테이블)
쇼핑몰이어서: ORDER_ITEMS(주문정보상세-자식테이블)
쇼핑몰이어서: PRODUCT_INFO(상품등록테이블), STATES(배송주소정보테이블)
쇼핑몰이어서: DEMO_USERS(쇼핑몰관리자 직원테이블)
서블렛 + JSP = 쇼핑몰 웹사이트=> 스트러츠 => 대신에 스프링으로 MVC 웹프로젝트 제작.
테이블 정보(메타데이터=데이터딕셔너리=정보의정보)와 테이블 내용(데이터-예,게시판데이터) 차이 확인.
SQL*PLUS는 CLI(명령어라인인터페이스)와 SQL디벨러퍼는 GUI(그래픽유저인터페이스)
아래 매퍼내용 수정1~5 참조해서 reply, member 쿼리 확인 후 수정조치.
오라클에서 첨부파일 신규등록 확인(필수)OK.
매퍼쿼리는 commit;하지 않아도 스프링이 자동 커밋해 줍니다.

20210128(목) 작업

테스트절차: 게시물신규등록, 게시물신규등록시 첨부파일도 신규등록.
이론 단원04까지 진도.
매퍼(마이바티스)쿼리에서 오라클전용일때 수정할 부분요약: boardMapper.xml만 처리중.
참고: Hsql용 최근게시물 ㅂ1개 뽑아낼떄: select top 1 bno from tbl_board order by bno desc
DELETE와 TRUNCATE 차이점: 둘다 테이블내용을 삭제하는 것은 동일.
DELETE: 100개의 레코드를 지우면, 내용은 지워지지만, 100개의 공간은 남아있음.
TRUNCATE: 100개의 레코드를 지우면, 내용도 지우고, 100개의 공간도 날아갑니다.
AI 자동증가 값이 DELETE이후 신규등록하면, 101 로 자동증가값이 잡힙니다.
TRUNCATE이후 신규등록하면, 1로 자동증가값이 잡힙니다.
접속 세션에서 COMMIT;을 하지 않으면, 접속해제시 작업한 내용이 사라짐. 반드시, 커밋필요.
SQL*PLUS: RUN SQL Command 실행 -> CONNECT XE/apmsetup XE사용자로 접속.
SELECT * FROM TBL_BOARD_TYPE;
시작전 어제 백업받은 DATABASE폴더에 oracle_20210127.sql 파일 복원 다같이 합니다OK.
스프링 프로젝트를 오라클로 마이그레이션하기 전 이클립스 준비 작업OK.
ojdbc6.jar등록: 스프링에서 오라클서버에 접속하는 드라이버 클래스파일 입니다OK.
이번에는 pom.xml로 외부모듈을 추가하지 X, 직접 jar파일 외부모듈을 등록하겠습니다OK.
오라클 교재(IT강의저장소의교재)를 가지고 , 이론 진도 나갑니다.
SQL: Structured Query Language(구조화된 질의 언어) CRUD를 목적의 언어.
Ansi SQL: (미국)표준SQL 언어.----< 표준SQL위주로 공부하셔야 합니다.
오라클회사의 전용 SQL(전용함수이용 기능많음), MS마이크로소프트회사 전용 SQL.
DQL(Select): Data Query Language: 데이터 질의어.
DDL(Crate Table, Alter Table):Data Definition Language 데이터 정의.
DML(Insert,Update,Delete):Data Manufacturing Language 조작언어.
DCL(Dump 백업, Grant-권한): Data Controll Language 데이터 제어 언어.
root-context.xml 에서 오라클 커넥션 bean(스프링용클래스)을 생성하고, mybatis용 쿼리 생성예정.

20210127(수) 작업

오라클 마이그레이션 외부준비 작업OK.
오라클데이터베이스 서버 관리 화면 기본 URL:8080 을 사용합니다.
톰캣기반의 스프링웹프로젝트 http://localhost:8080 를 실행한 상태에서 오라클을 설치해야 8080을 피해서 9000포트로 설치할 수 있습니다.OK
오라클 데이터베이스 서버설치 후 사용자 생성및 테이블스페이스 생성
테이블스페이스XE(=Mysql의 스키마,DB같은의미)의 사용자XE/암호apmsetup 생성OK.
오라클용 DB관리툴 [SQL디벨러퍼] 소프트웨어 압축푼 후 접속 후 ERD만들어서 물리DB로 내보내기 싱크.
ERD만들기: 메뉴 파일->Data Modeler->임포트->데이터딕셔너리(데이터사전=XE안의 테이블)
ERD만든이후 싱크맞추기(워크벤치처럼 GUI를 이용해서 만들어지지 않음)-생성된 쿼리를 수동으로 실행.
토드(Toad) 유료프로그램은 워크벤치처럼 GUI로 ERD모델과 DB스키마와 싱크를 맞출 수 있습니다.
오라클은 AI(오토 인크리먼트) PK(프라이머리 키)자동증가 기능없기 때문에, 대신 시퀸스(Sequence-순서)기능을 대체 합니다.
프로시저: sql로 만드는 프로그램이 프로시저(PL) 목적 더미데이터 생성 (회원100명, 게시물 100개) -- 오라클전용 방식1: SELECT 는 항상 FROM 테이브명필요 -- 테이블이 없는 SELECT에서는 가상테이블인 DUAL을 사용. -- 오라클전용 방식2: 오라클변수사용시 V_USER varchar2(20):='user'; 대입연사자 := 로대체 -- 오라클전용 방식3: 프로시저를 생성/수정 반드시 컴파일이 필요합니다.(Mysql과는 다른점) -- 오라클전용 방식4: 작업 후 반드시 commit;을 해야 합니다. -- SQL디벨러퍼 인코딩 설정변경필요(복원시 한글이 깨질때처리): 메뉴->도구->환경설정->환경메뉴 클릭->인코딩 UTF-8변경 -- 쿼리전용 방식1: IF같은 비교문에서 비교조건중 같다 == 등호1개 = -- 일반자바프로그램에서는 if(String A = 'abc') 이럴때 비교X 대입연산이 됨 -- concat('첫번째','두번째'): 문자열 합치는 함수

20210126(화) 작업

boardTypeMapper.insertBoardType does not contain: 매퍼쿼리 확인해서 해결.
변수와 매개변수(파라미터,인자,아규먼트,쿼리스트링 등등) 차이: 사용되는 위치에 따라서 불리는 명칭이 틀릴뿐 값을 저장하는 기능은 같습니다. 목적: 데이터 전달을 위한 중간 매개체
게시판생성관리: CRUD중 미처리한 C부분 처리OK.
사용자홈페이지 최신겔러리, 최신게시물 다중게시판 적용처리OK.
Hsql 변환 후 -> 헤로쿠에 배포OK.

20210125(월) 작업

세션은 서버에서 생성되는 저장소 입니다.:웹접속시 생성된 세션을 HttpServletRequest클래스로 관리
다중게시판 삭제시, 게시판타입에 해당하는 게시물이 존재하면, 삭제불가 메세지 후 삭제로직 끝내기.
#다중게시판: 게시판 생성기능이 포함됨.
@Aspect 기능으로 세션관리 : 1)DebugAdvice.java 에 sessionManager()메서드 생성
게시판 타입세션을 사용. 스프링시큐리티를 사용하지 않았으면, 로그인인증체크 AOP세션으로도 처리.
@ControllAdvice 기능으로 @ModelAttribute List오브젝트반환후 jsp이용
2)ControllerAdviceException.java 위 1),2)파일 오전에 작업한 주요파일.

AOP기능으로 세션관리 추가작업(아래)
컨트롤러에서 PageVO또는 BoardVO가 Get/Set필요한 순간 항상 아래의 액션이 필요
pageVO.setBoard_type(session.getAttribute("session_board_type"));//페이지 진입시 항상필요
boardVO.setBoard_type(session.getAttribute("session_boartd_type"));//게시판CRUD시 항상필요
위와 같이 MVC에서 항상 실행되는 부분을 뽑아내서 공통실행으로 만드는 과정을 AOP(관점지향프로그래밍)라고 합니다.

세션변수 session_board_type를 컨트롤러,서비스,DAO,매퍼 모두VO기준 get/set발생할때 세션 변수를 사용할 예정. AOP또는 Interceptor가로채기 클래스를 이용해서 구현예정.
AOP로는 : session_board_type변수를 생성관리

ControllerAdvice로는 : board_type게시판타입 리스트(List)를 jsp 모델값으로 전송해주는 인터셉터 기능을 사용 메뉴관리.
DAO 에 boardTypeList를 가져올수 있는 메서드를 1개 만듭니다.
기존 작업한 BoardVO 와 PageVO 2군데 주석처리 -> //this.board_type = "notice";//세션변수를 사용할 예정. (아래 DebugAdvice클래스의 AOP소스)

@Around("execution(* org.edu.controller.*Controller.*(..))")
public Object sessionGetSet(ProceedingJoinPoint pjp) throws Throwable {
	logger.info("AOP 세션GetSet 시작=========================");
	HttpServletRequest request = ((ServletRequestAttributes) RequestContextHolder.currentRequestAttributes()).getRequest();
	PageVO pageVO = null;
	BoardVO boardVO = null;
	String board_type = null;
    for(Object object:pjp.getArgs()){
    	logger.info("디버그 파라미터 출력: " + object);
        if(object instanceof String){
            board_type = (String) object;
        }else if(object instanceof PageVO){
            pageVO = (PageVO) object;
        }else if(object instanceof BoardVO){
            boardVO = (BoardVO) object;
        }
    }
    if(request != null){
    	HttpSession session = request.getSession();
    	if(board_type != null) {
			session.setAttribute("session_board_type", board_type);
		}
    	if(session.getAttribute("session_board_type") != null ) {
    		board_type = (String) session.getAttribute("session_board_type");
    	}
        if(pageVO != null){
        	pageVO.setBoard_type(board_type);//다중게시판 쿼리때문에 추가
        }
        if(boardVO != null){
        	boardVO.setBoard_type(board_type);//다중게시판 쿼리때문에 추가
        }
    }
    Object returnObj = pjp.proceed();
	logger.info("AOP GetSet 끝 ==========================");
	return returnObj;
}

AdminController에서 작업한 board_list 메서드의 HttpServletRequest request, 부분은 제외 시킵니다.(AOP에서 구현했기 때문에)
바로 아래 코드도 주석처리(AOP에서 구현했기 때문에)

HttpSession session = request.getSession();
if(board_type != null) {
	session.setAttribute("session_board_type", board_type);
}

관리자단 게시판생성 CRUD 작업예정.(다중게시판)
사용자단 게시판생성에 영향을 받는 부분 작업예정.

20210122(금) 작업

시작전, sns용 전역변수 처리 후 헤로쿠에도 배포 후에도 로그인 확인

#sns로그인 접속정보: sns.properties 에 있는 내용
SnsClientID=본인아이디
SnsClientSecret=본인암호
SnsCallbackUri=http://127.0.0.1:8080/login_callback

@PropertySource("classpath:properties/sns.properties") 추가
//설정파일에서 변수값으로 가져옴 sns.properties 에 있는 내용
@Value("${SnsClientID}")
private String CLIENT_ID;
@Value("${SnsClientSecret}")
private String CLIENT_SECRET;
@Value("${SnsCallbackUri}")
private String REDIRECT_URI;

관리자단에 게시판 생성 메뉴추가 후 작업진행 예정.

20210121(목) 작업

기능추가: DB-erd수정 -> 물리DB싱크 -> VO클래스 추가/변경 -> 매퍼쿼리추가/수정 -> DAO/Service/Controller 추가/수정 -> JSP단 추가/수정
varchar -> int 순서정렬 : 문자일때 1, 10, 2, 3, 4 -> 숫자 1,2,3,4...10, 11
인증(Authentication) - 스프링시큐리티에서 enalbed 가 인증체크
권한(Authorization) - 스프링시큐리티에서 ROLE_ADMIN, ROLE_USER 가 권한체크
콜백 URL: function() 콜백함수와 같은 기능처럼=자동실행되는 함수처럼 로그인 URL로 자동으로 이동하는 방법이 콜백URL
로그인 후 이동할 URL == 콜백URL 과 같은 이야기
네아로 서비스URL : http://localhost:8080 -> http://127.0.0.1:8080
시작전, /admin/member/member_update (AdminController클래스매핑)에서 조건변경
memberVO.getUser_pw() != null -> 추가 || memberVO.getUser_pw() != ""
회원가입 프로그램처리 결과확인.(회원가입 후 바로 로그인X, 관리자가 enabled true로 변경 후 신규회원이 로그인 가능.)
네이버아이디 로그인(네이버에서 제공Rest-API백엔드단) 실습OK.

20210120(수) 작업

이론은 ch13~ch16 마무리OK.
시작전, 마이페이지 .app_content input (board.css 246라인 부분 width:100% 에서 브라우저초기화 inherit로 변경OK.
시작전, 마이페이지 권한부분에서 ROLE_ADMIN추가 및 disabled 처리 및 input hidden 으로 값 지정.
회원탈퇴 여부도 disabled처리 및 input hidden으로 값 지정.
사용자단, 유효성 검사 기능을 포함해서 마이페이지OK.
관리자단, @Valid 애노테이션 사용해서 유효성 검사 실습OK.(pom.xml 외부모듈추가)

20210119(화) 작업

메인페이지 최근게시물 처리, 최근이미지 처리(1개의 게시판으로 처리OK)
헤로쿠 배포OK.
수업전 어제 Update확인 및 Junit에서 properties파일 로딩해서 전역변수 사용하기 처리 추가.
@PropertySource("classpath:properties/local.properties") J유닛파일상단에 추가(전역변수 필요없음)
root-context.xml에서, dataSource-hslq_local 을 dataSource로 알리아스(별칭)를 만들어서 Junit DB작동 처리
사용자단 게시판 CRUD마무리OK.(Delete작업)

20210118(월) 작업

세로데이터 형식(DB에서 쿼리로 출력되는 원본데이터가 레코드데이터==세로데이터)
[ 'attach_list' {
{'a.jpg','슬라이드1.jpg'},
{'b.jpg','슬라이드2.jpg'},
{'c.jpg','슬라이드3.jpg'}
} ]
위 데이터를 jsp에서 출력할때는 세로데이터로 나옵니다. foreach(items:'${attach_list}' var='file_name') {
file_name.save_file_name
위 세로 데이터를 가로 데이터로 변경하면 출력은
save_file_names = {"a.jpg","b.jpg","c.jpg"};(가로데이터==변수데이터)
real_file_names = {"슬라이드1.jpg","슬라이드2.jpg","슬라이드2.jpg"};(가로데이터==변수데이터)
레포트툴을 사용하시면(학점출력, 고지서 금액출력, 증명서출력), 결과 확인이 가능합니다.
지난주 헤로쿠 배포시 DB경로변경, 업로드경로변경 복잡한 절차를 개선시킨과정은 .properties파일로 전역변수 처리해서 OK.
지금은 Hsql이나 Mysql이나 쿼리가 같습니다. 하지만, 만약 oracle쿼리는 AI가없기 때문에 많이 틀립니다. 그래서, 쿼리 경로도 전역변수로 처리합니다.
로컬PC의 DB설정파일이 개발용 - 헤로쿠용 DB설정파일은 운영서버용
로컬PC용 업로드 경로 개발용 - 헤로쿠용 업로드 경로 운영서버용
현재는 해당되는 xml 설정파일에서 개발용과 운영서버용 내용을 변경처리해서 작업합니다.
현업1에서는 globals.properties파일을 만들어서 전역변수로 위 설정내용을 변수처리해서 사용.
현업2에서는 local.properties, prod.properties
용어: 프로퍼티즈(properties)-속성, 프로덕트(product)-운영서버, 로컬(local)-개발PC
Hsql데이터베이스에서는 JUnit으로 CRUD테스트시 톰캣을 종료하고 하셔야 합니다.
사용자단 게시판 CRUD마무리 예정.(*Update, Delete)
메인페이지 최근게시물 처리, 최근이미지 처리(1개의 게시판으로 처리예정)
헤로쿠 배포예정.
사용자단, 유효성 검사 기능을 포함해서 마이페이지+회원가입 프로그램처리.
네이버아이디 로그인(네이버에서 제공Rest-API백엔드단) 실습.

20210115(금) 작업

배포 파이프라인 : 개발에서 부터 배포 까지 관리하는 프로그램을 파이프라인 이라고 합니다.
서블렛자바+JSP(jstlX)프로그램 - 스트러츠웹프로그램만들기 - 스프링+jsp(jstl)웹프로그램만들기 - 미래에는 알지못하는 프레임워크

헤로쿠에 배포하기1-DB부분: root-context.xml

@1 헤로쿠:Hsql DB위치 변경: /tmp/~ + 1회용 초기화 부분 주석 해제
@2 PC용 :Hsql DB위치 변경: c[타드라이브]:/~ + 1회원 초기화 부분 주석 처리

헤로쿠에 배포하기2-첨부파일부분: servlet-context.xml

@1 헤로쿠: 업로드 경로 변경: /tmp/~
@2 PC용 : 업로드 경로 변경: c[타드라이브]:~

20210114(목) 작업

사용자단 , 댓글 CRUD 마무리OK.
HSQL: 간단한 웹프로그램 제작시 사용하는 DB.- 개발자들이 빨리 만들때, 프로토타입, 신규서비스전 간단하게 작업시 주로 이용.Hsql는 서비스용은 아니고, 개발전용 입니다.
임베디드 DB(Hsql)=내장된 DB라이브러리모듈=메모리 DB 단점: 톰캣서버를 재실행하면, 메모리DB에 추가/수정내용이 사라짐
실습은 embeded_hsql_file로 적용예정 입니다.=fileDB의 장점: 톰켓서버를 재 실행해도 Mysql처럼 내용이 보존됨.
헤로쿠(URL)에 배포(HsqlDB로 배포, 메이븐 외부 라이브러리 추가필수 pom.xml수정)
헤로쿠클라우드의 특징: 무료, 1달 사용450시간까지 무료로 접근이 가능.(트래픽시간을 초과했습니다 면서 URL접근이 X)
헤로쿠의 단점: 30분 동안 URL에 접근하지 않으면, ZZZ 휴면상태로 진입 -> 활성화시키는데 20초 정도 필요.
스프링기능중에 스케줄기능 -> 20분마다 1번씩 URL https://kimilguk.herukuapp.com 에 접근하도록 만들면 해결
스프링의 스케즐 프로그램 제작OK.(회원에게 3개월동안 접속하지 않는 사용자들에게 일괄적으로 메세지를 보낼때)

사용자단, 게시판 CRUD 마무리.

20210113(수) 작업

이론은 ch13 시작 예정.
사용자단, 게시판/RestApi댓글 CRUD처리.
수업시작전 로그인 에러 자바스크립트 메세지 출력 추가 및 이미지파일미리보기 구형 버전에서 에러나는 문제 처리

login.jsp (아래)
<script>
if('${param.msg}' == "fail"){
	alert('로그인에 실패했습니다.! 상세메세지 ${sessionScope["SPRING_SECURITY_LAST_EXCEPTION"].message}');
}
</script>
CommonController.java (아래)
	/**
	 * 게시물 첨부파일 이미지보기 메서드 구현(윈도7,윈도8 IE에서 지원가능)
	 * 에러메시지 처리: getOutputStream() has already been called for this respons
	 * @throws IOException 
	 */
	@RequestMapping(value = "/image_preview", method = RequestMethod.GET, produces = MediaType.IMAGE_JPEG_VALUE)
	@ResponseBody
	public byte[] getImageAsByteArray(@RequestParam("save_file_name") String save_file_name, HttpServletResponse response) throws IOException {
		FileInputStream fis = null;
		ByteArrayOutputStream baos = new ByteArrayOutputStream();
		fis = new FileInputStream(uploadPath + "/" + save_file_name);
		int readCount = 0;
		byte[] buffer = new byte[1024];
		byte[] fileArray = null;
	while((readCount = fis.read(buffer)) != -1){
		baos.write(buffer,0,readCount);
	}
	fileArray = baos.toByteArray();
	fis.close();
	baos.close();
	return fileArray;
	}

20210112(화) 작업

스프링 시큐리티 복습 순서
1). pom.xml 에서 의존성 모듈 확인
2). security-context.xml 에서 설정 내용 확인(인증패턴과 권한 sql쿼리)
3). LoginController클래스 확인(/login_success 매핑부분에서 세션변수처리)
4). JSP영역 사용자단 세션사용 header.jsp/footer.jsp(로그아웃)확인(사용자 상단메뉴/로그아웃처리)
5). AdminController에서 BCryptPasswordEncoder로 해시데이터 회원정보추가/수정 부분 확인
6). JSP영역 관리자단 회원정보추가/수정 부분 검증
메이븐 업데이트 하신 분들 프로젝트 context-root경로 / 로 변경해 주세요^^
스프링시큐리티 설정(security-context.xml)내용 추가
로그인 페이지 및 로그인 클래스 구현(세션처리)

20210111(월) 작업

ch11: DTO(DataTansperObject) = DAO(DataAccessObject)
웹프로그램이 작동되는 순서:
톰캣(server,web,context 3개xml 순서대로 실행)
-> 스프링시작 순서 : web.xml:404 file not fount,500,400 에러표시)
-> root-context -> servlet-context(여기서부터 스프링에러표시)
사용자단 html을 jsp로 변경 처리: board폴더부분 jsp 변환.
공통error.jsp 추가(인터셉터 클래스 이용)
인터셉터하는 목적: 스프링에서 에러가 발생시 에러내용을 가로채서 개발자가 만든 error.jsp로 출력하는 목적.
스프링시큐리티 적용한 로그인 처리(필수기술).
web.xml에서 웹필터기능 추가가 필요한 이유: web.xml은 스프링 서블렛 진입전에 실행되는 기능이기 때문에, 스프링 보안에서 스프링 서블렛프로그램(스프링웹프로젝트)실행전에 인증과 권한을 URL기반으로 체크하기 위해서 필터기능이 필요합니다.
스프링 시큐리티 필터기능말고, 대표적인 필터기능솔루션은 글작성시 욕설방지기능 필터 기능으로 작성.
스프링 시큐리티 2가지 기능: 인증기능(로그인체크기능-암호화), 권한기능(권한체크)
네이아이디로그인(SSO)RestAPI는 인증만 가능하기 때문에, 사용이 가능. 권한은 개발자 코드로 부여.
----------------- 2월 3일까지(위 과제물 제출) ---------------------
위 과정이 끝나면, 위 프로젝트, Mysql(마리아DB)로 작성된 소스를 오라클로 마이그레이션(오라클설치및 사용자생성 및 암호추가)
문서작업(완료보고서작업) : 이력서 제출서 사용.
IoT(노드MCU보드:아두이노계열)로 임베디드 프로그램 실습.(코로나19상황일때 일주일정도 실습 나와서 합니다. 라즈베리파이 임베디드 리눅스 프로그램=팀작업X-개인작업으로 전환)
안드로이드 스튜디오를 이용해서 안드로이드앱1 제작 후 IoT장비와 통신
안드로이드앱2 제작 후 위 스프링프로젝트외 RestApi통신 회원 정보 조회 및 삭제 처리 기능 실습.
위 앱 제작 실습시 스프링프로젝트 RestAPI서버 컨트롤러 제작 실습을 합니다.
입사지원 시간(사람인 사이트에 이력서 제출): 취업활동.
Ps.앱(임베디드)분야 취업하시기에는 1달로 부족합니다. 임베디드 분야로 취업을 원하시는 학생은 개인적으로 더 공부 하셔야 합니다. 그래도, 이과목을 공부하시는 이유는 스프링(자바)에서 일하시다가 임베디드쪽의 일을 하시게 되기 때문에, 그 때 사용하시라고 기술을 배우시게 됩니다.
pom.xml 메이븐(프로그램배포-패키징)에서 관리하는 외부라이브러리 설정 파일 입니다. root-context.xml+context-servlet.xml(스프링빈실행) 파일과는 성격이 틀립니다.

20200108(금) 작업

사용자단 html 소스를 jsp 로 변환하는 작업진행. views폴더안에 home폴더 생성 후 작업진행.
HomeController클래스 리퀘스트 매핑부분 추가/수정.
사용자단 html(https://miniplugin.github.io/) 소스를 커스터마이징 후 jsp로 만들기.
부트스트랩과 AdminLTE라이브러리 가져오기(board_view[write].html 상단에 추가:아래)

<!-- Font Awesome -->
<link rel="stylesheet" href="/resources/plugins/fontawesome-free/css/all.min.css">
<!-- Bootstrap 4 -->
<link rel="stylesheet" href="/resources/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
<script src="/resources/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLte -->
<link rel="stylesheet" href="/resources/dist/css/adminlte.min.css">	
<!-- write.html은 서머노트 웹에디터 부분 추가(아래) -->
<link rel="stylesheet" href="/resources/plugins/summernote/summernote.css">
<script src="/resources/plugins/summernote/summernote.js"></script>

기존 디자인 수정 2부분(home/css/main.css아래)

상단 body 부분에 !important 추가 후 바로 아래 1줄 추가
a:hover {color: #fff !important;} <--여기도  임폴턴트 추가
dl, ol, ul { margin-bottom:0 !important;}

게존 디자인 수정 1부분(home/css/board.css아래)
.app_list .tit_lbl { width: 20%; } 라벨 가로크기 기존 21% -> 20%변경
인터셉터(가로채기-Interceptor)클래스를 이용해서, 예외처리를 공통 error.jsp 로 바인딩 처리.
스프링시큐리티 로그인 구현 pom.xml 의존성 추가(회원가입시 패스워드 암호화 추가).

20200107(목) 작업

prepend, append, after J쿼리 기능.
어제 작업한 댓글 리스트 btn_reply_list 버튼id에 부트스트랩(J쿼리기반의 프레임워크)의 토글기능을 넣어서
하단 댓글리스트(페이징포함)를 나타나고, 숨기는 기능을 넣게되겠습니다.
위 작업: 1. 액션버튼부분 : data-toggle="collapse" data-target="#div_reply"
1. 대상 타켓 부분
  토글영역
댓글 jsp에서 Ajax,jQuery사용해서 CRUD처리 마무리.
입사지원시 코딩테스트 할때 아래처럼 기초이론을 구현해보라는 요구사항 때문에 정리(아래)
Ps.싱글톤이 사용되는 이유참조: https://shxrecord.tistory.com/132
Ps.싱글톤 빈(스프링)에 대해서(1개의 빈은 1개의 빈객체만 생성해서 사용하겠다명시)
https://m.blog.naver.com/PostView.nhn?blogId=sksk3479&logNo=221175889439&proxyReferer=https:%2F%2Fwww.google.com%2F
Ps.싱글톤 클래스(자바)에 대해서(1개의 클래스는 1개의 인스턴스만 생성해서 사용하겠다명시)
우리가 사용한 경우: 달력 인스턴스 생성. Calendar.getInstance() 참조정보(아래)
https://m.blog.naver.com/PostView.nhn?blogId=heartflow89&logNo=221001179016&proxyReferer=https:%2F%2Fwww.google.com%2F

class Singleton{
	private static Singleton instance = new Singleton(); // 정적필드 / 인스턴스 생성 
	private Singleton(){} // private 생성자
	public static Singleton getInstance(){ // getInstance 메서드 정의
		return instance; // instance 객체 리턴
	}
}
public class SingletonEx {
	public static void main(String[] args) {
		Singleton st1 = Singleton.getInstance(); // 싱글톤 인스턴스 호출
		Singleton st2 = Singleton.getInstance();
//		Singleton st3 = new Singleton(); // 생성자 이용 인스턴스 생성 불가
		if(st1 == st2){
			System.out.println("동일 객체");
		}else{
			System.out.println("다른 객체");
		}
	}
}

20200106(수) 작업

파스타는 2주 사용기간 제한 없어질때 까지 이용하는 것은 보류, 헤로쿠(Hsql데이터베이스)사용-스프링시큐리티(*로그인)적용 한 이후에 헤로쿠에 올리겠습니다.
부메랑을 이용해서 댓글 CRUD 테스트 마무리OK.
댓글 페이징처리(매퍼쿼리 ~ 컨트롤러까지 ) - 부메랑 reply_list/10(게시물번호)/1(페이지번호)테스트 OK.
jsp에서 Ajax+제이쿼리 화면처리 마무리.

20200105(화) 작업

부메랑(크롬의 플러그인): JUnit(스프링-자바단위테스트=CRUD테스트)과 같은 역할. RestAPI의 단위테스트(CRUD테스트)를 할때 사용 한 이후 댓글 클래스 작업을 시작 합니다.
댓글 DB -> VO -> 매퍼쿼리 -> DAO(Service) -> Controller -> JSP
특이사항: RestAPI에서 Select는 GET이 기본.
게시판에서 GET으로 전송하는 방식1(고전방식): url:"/reply/reply_list?bno=" + bno,
댓글에서 GET으로 전송하는 방식2(시만텍웹방식): url:"/reply/reply_list/" + bno,
시만텍웹방식으로 전송하는 목적은 구글검색에 노출되기 쉽게 해서 검색 순위를 올리기 위해서(검색광고와 관련)
시만텍웹(의미있는 웹페이지, 주소를 만들자!): html5기술, url쿼리스트링에서 ?를 빼고, 값만 보내기.
관리자단 게시판의 뷰화면의 댓글 RestAPI프로그램작업 시작.
board_view.jsp에서 댓글 데이터 Json형식으로 가져오기부터 시작.
이론: Ch9 스프링컨테이너 설정부터 시작.
사용자화면 디자인 커스터마이징
인터셉터(가로채기-Interceptor)클래스를 이용해서, 예외처리를 공통 error.jsp 로 바인딩 처리.
스프링시큐리티 사용해서 로그인 구현...

20210104(월) 작업.

이론: Ch9 스프링컨테이너 설정부터 시작.
관리자단 게시판의 뷰화면의 댓글 RestAPI프로그램작업 시작.
Json데이터는 문자열기반이고, 구조가 Key:Value 형식으로 만들어져 있습니다.
사용자화면 디자인 커스터마이징
인터셉터(가로채기-Interceptor)클래스를 이용해서, 예외처리를 공통 error.jsp 로 바인딩 처리.
스프링시큐리티 사용해서 로그인 구현...
파스타 로그인 않되시는분:
시도1. 플레이파크 신규 신청.(황초희,양희망,이희탁,이현진,정동규,이규혁,김수연,이찬홍,이병현,신승만)
시도2. 이미 신청되어있다고 나오고 않되시는 분: 박정수(파스타게시판에 해당문제 글등록-학생본인해결해 주시면 좋겠습니다.)
작년에 작업한 첨부파일 업로드 부분 1개 파일만 에서 다중파일 업로드로 구현OK.(아래URL 에서확인).
다중파일 업로드 구현내역 확인: https://github.com/miniplugin/kimilguk-spring5/commit/9a144dc4821714f4c4cfa3e228498ae1c3202129
리스트 페이지의 게시글 번호 계산식 추가
${boardVO.bno} 대신 카운트 계산식 적용(아래) ->
${pageVO.totalCount-(pageVO.page*pageVO.queryPerPageNum)+pageVO.queryPerPageNum-status.index}
jstl반복문중 begin end 사용 해서 첨부파일 jsp부분 중복코드 처리 <c:forEach var="index" begin="0" end="1">
jstl반복에 대한 기술 참조: https://offbyone.tistory.com/368
개별 첨부파일 삭제 기능 RestAPI컨트롤러 + Ajax로 구현(아래)

//REST-API서비스로 사용할때 @ResponseBody애노테이션으로 json|텍스트데이터를 반환함(아래)
	//아래는 Rest-API백엔드단, Ajax(jsp)부분은 Rest-API의 프론트엔드단.
	@RequestMapping(value="/delete_attach",method=RequestMethod.POST)
	@ResponseBody
	public String delete_attach(@RequestParam("save_file_name") String save_file_name) {
		String result = "";//아이디 중복값을 체크하는 변수 초기값은 중복값 없음.
		//Rest-API서비스에서는 스프링을 통해서 Ajax로 에러메세지를 받을수 없기 때문에 여기서 에러를 처리해야 합니다. 
		try {
			File target = new File(commonController.getUploadPath(), save_file_name);
			if(target.exists()) {
				target.delete();//폴더에서 기존첨부파일 지우기
				//서비스클래스에는 첨부파일DB를 지우는 메서드가 없음. DAO를 접근해서 tbl_attach를 지웁니다.
				boardDAO.deleteAttach(save_file_name);
				result = "success";
			}
		} catch (Exception e) {
			// 위 readMember메서드가 에러발생시
			result = e.toString();
		}
		return result;//
	}

<script>
$(document).ready(function() {
	$(".btn_del_file").bind("click", function() {
		//alert("여기까지" + $(this).val());//디버그용
		var element = $(this);
		var save_file_name = element.parent().find('input[name=save_file_name]').val();
		//alert(save_file_name);return false;//디버그
		$.ajax({
			type:'post',
			url:'/delete_attach?save_file_name='+save_file_name,
			dataType:'text',
			success:function(result){
				//alert('디버그' + result);
				if(result == 'success'){
					alert('삭제에 성공하였습니다.');
					element.parents('.div_delete_file').remove();
				}else{
					//에러메세지출력
					//alert(result);//개발자용
					alert('API서버에 문제가 발생했습니다' + result);
				}
			}
		});
	});
});
</script>

20201231(목) 작업

어떠한 프로젝트던지 관리자단 시작(CRUD내부로직 마무리) -> 사용자단(관리자단에서 작업했던내용중 CRUD일부만 화면으로 제공) 진행
HTTP전송 데이터: HEADER데이터 + body(jsp내용)
첨부파일: 업로드 부분 OK.(학생들확인)
첨부파일: 게시물상세보기 화면에 UUID파일명이 아닌 real_file_name나오게 하기OK.
첨부파일: 다운로드 기능 추가.(한글내용, 한글파일명 깨지는 것 방지로직 추가)OK.
첨부파일: 게시물 삭제시 첨부파일과 첨부테이블도 삭제처리 하기OK.
첨부파일: 게시물 수정시 기존첨부파일 삭제 후 업로드 처리 하기.(미수정시는 해당없음 확인)OK.

20201230(수) 작업

스프링 이론은 ch08까지 OK.
관리자단 게시판 업로드 화면 구현.
현재는 1개 업로드 되도록 구현이 되어있습니다.
만약에 다중파일 업로드로 구현하실때 참조:https://ktko.tistory.com/entry/Spring-%EB%8B%A8%EC%9D%BC%ED%8C%8C%EC%9D%BC-%EB%8B%A4%EC%A4%91%ED%8C%8C%EC%9D%BC-%EC%97%85%EB%A1%9C%EB%93%9C%ED%95%98%EA%B8%B0
저장할폴더지정: servlet-context.xml에서 지정(PC에저장위치설정, 헤로쿠/파스타에서 사용할 클라우드 저장위치는 별도로 지정예정)
첨부파일저장 순서: jsp(file)->Controller(실제폴더에저장)->Service(게시판DB에저장->첨부파일DB에저장)
스프링의 설정방식: 아래 2가지
1. xml방식(메이븐빌드): 태그로 구성. 이클립스기반 스프링 웹프로젝트 개발시.(메인)
1. Groovy방식(그래들빌드): 스크립트 구성. 안드로이드 스튜디오기반 앱개발시.(2주)
IoC: Inversion Of Control(제어의 역전) 프로그램제어를 개발자가 하지 않고, 스프링이 대신 처리 합니다.
IoC예: @Inject BoardService boardService; 개발자가 오브젝트를 생성 후 소멸(boardService.close())할 필요가 없습니다. 스프링이 소멸에 대한 제어를 대신 해 줍니다.
mvn compile(이클립스에서 run AS에서 maven build에서 compile run 과 동일
~.java -> ~.class 로 컴파일된 결과파일이 생성됩니다.
BoardVO의 값이 boardVO다 라는게 이해가 않가시는 군요.
boardVO값이 있습니다.
int cnt = 0;
boardVO.toString();이러게 값을 확인 하실 수 있습니다.
질문:
@뭔가 쓰면 DI콘테이너에 빈클래스로 생성된다는 말씀같은데 지난번에 제 기억이 확실하진 - 않는데 서블렛에서 빈을 등록한다고 말씀하시지 않았나요?
답변:
빈으로 등록되는 조건2가지
1. 서블렛.xml파일에서 설정 component-scan 설정필요
1. @Contrller,@Service,@Repository,@Component,@RestContrller 으로 클래스 지정
위 @애노테이션 클래스를 명시해야지만, 자동으로 빈으로 등록 됩니다.
초기에 스프링 MVC프로젝트 만들때, 생성된 순서대로 사용하는 것을 추천.
읽어들이는 순서: root-context.xml -> servlet-context.xml -> 시큐리티설정
관리자단 게시판 업로드 화면 구현.
관리자단 댓글 처리 시작...
DI(의존성주입)컨테이너 영역안에 스프링빈이 들어갑니다.(@Contrller,@Service,@Repository,@Component,@RestContrller등)
MVC분리: Model, View, Controller = 3티어(3단계)
서버/클라이언트분리: 2티어(네트워크 장비쪽)
DB/웹서버분리: 2티어(시스템프로그램)
도메인(domain=VO,Value Object멤버변수)
도메인(내용)을 알고 있는 개발자가 VO클래스를 만들수 있습니다.
도메인 주도 개발(DDD): 해당분야 전문가가 개발해야지만, 제대로 개발된다.
학사 도메인전문가: 대학교 학사업무(학적,성적,교직원,기숙사관리)
개발말하는 도메인이란, 학생테이블(학번, 입학일, 수료일, 학점, 학생부, 학년, 주소, 연락처, 전공 등등 필드값을 도메인이라고 말합니다.)
1월말, 2월초에 현재 스프링 프로젝트 버전 4.3.22에서 5.2.5버전 마이그레이션 합니다.

20201229(화) 작업

CK에디터 사용을 하려다가, 이클립스 내장브라우저에서 작동하지 않아서 섬머노트 에디터로 변경처리.
input type="file" name="file" 바로 DB테이블에 저장할 수 없습니다.
save_file_name, real_file_name 이런 테이블필드에 저장하기전에 전처리 과정이 필요합니다.
첨부파일 등록시 전처리 과정: (아래)
전처리 과정 1. 서버에 저장공간(폴더)에 save_file_name이름으로 .jpg, .hwp, .xls 저장되는 기능필요
전처리 과정 2. 물리DB테이블에 save_file_name필드, real_file_name필드, bno게시물번호필드 에 저장되는 기능필요
데이터흐름: 물리DB(필드명) - DAO - Service - Controller - JSP(input태그의 name속성)

     BoardVO(멤버변수명와 위 5군데 Get/Set 이 가능하려면, 이름이 동일해야함. 필수조건)

관리자단 게시판 CRUD작업 중 어제 Read작업 확인(첨부파일 다운로드는 아래 insert작업 후 다시 확인)
C(insert)작업 시 첨부파일 업로드 구현
Update 작업 후 Delete작업으로 마무리.

20201228(월) 작업

resources/home폴더의 디자인html파일에서 댓글달기 html은 같이 작업예정.
위 home폴더 내용을 jsp로 변경처리 후 스프링과 연동하는 작업이 진행됩니다.
위 작업은 관리자단 게시판 CRUD작업 후 진행.
AdminLTE관리자단 게시판CRUD작업시작.
리스트작업OK. -> 뷰단작업 진행.
DAO는 3개, 서비스는 1개 묶어줄수 있습니다.
자료구조: List, List
List: [ {bno1, 'title1', 'content1', ... }, {bno2, 'title2', 'content2', ... }, ...
]
List: [ {'file_name1'}, {'file_name2'}, ...
]
작업순서: DB -> 매퍼쿼리 <-> DAO클래스 <-> Service클래스 <-> Controller클래스 -> jsp
프로그램에서 조건문의 and(교집합 결과), or(합집합 결과).
코딩 틈틈히 이론수업(IT강의저장소의 스프링내용)
다음주에 파스타가 살아있으면, 우리작업 결과물 파스타에 배포할 예정이니까, 플레이파크사용가능한지 확인 해 주시기 바랍니다.(모든 학생 다 가능하실때 진행+스프링시큐리티-로그인처리후)

20201224(목) 작업

V6.0.0과목시작.
사용자단 홈페이지 퍼블리싱한 결과물을 webapp/resources폴더에 home폴더명으로 생성.
관리자단 /resources 폴더 루트: 관리자단은 디자인변경이 없습니다.
사용자단 /resources/home 폴더에 위치한 이유, 사용자단은 1년마다 리뉴얼합니다.
위와 같은 상황에서 /resources/home2020, /resources/home2021폴더 -> 개발자가 jsp변경예정
사용자홈페이지는 부트스트랩라이브러리(사용자홈페이지용 댓글때문에-우리가만들예정) 추가.
스프링시큐리티에서 사용하는 암호화는 단방향 암호화 입니다.(복호화가 안되는 방식)
통합구현에서 사용된 어댑터(Adapter): 안드로이드 스튜디오 어댑터라는 용어사용.
어댑터: 데이터베이스 -> 어댑터(데이터를 변환하는 기능-스프링의DAO클래스와 비슷) -> 입출력VO클래스 - 화면출력(바이딩).
웹의 3요소(웹표준-HTML5, 웹접근성-장애인접근이가능한콘텐츠제작, 웹호환성-크로스브라우징)
인터셉터(Interceptor-가로채기)클래스를 만들예정: 예외처리를 error.jsp로 공통에러페이지생성해서 바인딩 처리할때.
AOP 작동않되었던문제점 2가지처리예정(아래)
1. Controller클래스가 빈으로 등록되는 servlet-context.xml 에도 aop태그 추가
1. DebugAdvice클래스의 logger.debug를 logger.info로 변경 또는, log4.xml설정 debug로 변경

20201223(수) 작업

스프링의 특징3가지 : DI(의존성 주입:Dependency Injection), AOP(관점지향프로그래밍) , IoC(제어의 역전 Inversion of Control:개발자가 처리하였던 메모리관리(가비지컬렉션-쓰레기프로그램종료시키기)-개발자가 코딩으로 오브젝트클래스를 종료할 필요없이, 스프링이 대신 처리 하는 기능) IoC예(아래), 개발자편리위주로 변경된 프레임워크 스프링입니다.

Connection conn = null
Statement stmt = null
ResultSet rs = null 
구현내용 마치면 항상 아래 처럼 처리 해줘야 했습니다. 스프링에서 IoC기능으로 개발자가 제어를 하지 않고,스프링이 처리 해 줍니다. 
rs.close();
stmt.close();
conn.close();

스프링 AOP(관점지향프로그래밍-OOP의 확장기능)기능으로 개발용 디버그출력환경 만들기 시작.
AOP(Aspect Oriented Programming): 구조화된 OOP의 단점인 복잡도 증가를 줄이는 효과를 기대해서 만든 프로그램 방식 입니다.
즉, OOP자바클래스단에서 제어하던 반복되는 명령을 호출단에서 제어하도록 변경한 내용이 AOP입니다.
예, 인증처리, 디버그와 같은 에러처리를 개발 클래스에서 처리하지않고, 공통클래스 1개 만들어서, 인증이나, 예외처리(디버그)가 필요할때 마다 호출되는 시스템을 AOP라고 합니다.
예외처리를 AOP로 구현하면서, 기능을 확인해 봅니다.
DATABASE폴더에 edu_mysql.sql 더미스키마+데이터 백업작업.
맥OS 워크벤치 백업이 오동작 -> phpMyAdmin 툴변경 내보내기(백업)했습니다.
프로그램에서 데이터크기단위: 8비트단위=2의8제곱=256개=> 왜 데이터크기를 0~255=256개
ERD만들기: 발주사의 업무담당자와 미팅(협의)끝난 이후,
발주사(회사,대학,관공서)에서 사용하는 업무서식문서(결제서류,입학원서,입사원서,월급명세서,휴가신청서 등등)를 가지고, ERD를 만들게 됩니다.
wamp(만세아이콘)실행.
프로젝트에서 DATABASE폴더 안의 edu_mysql.sql 삭제.
스프링에서 작업시 순서: DataBase > 쿼리 > DAO > Service > Controller > jsp
지금 진행하는 스프링웹프로젝트 워크벤치로 ERD만들고,
물리DB생성 후 프로지서 사용 더미데이터 입력(게시물관련) 연습예정.(더 자세히는 7번째과목 SQL활용에서 다룹니다.)

20201222(화) 작업

회원관리 CRUD마무리 OK.
오후 문제점: 2가지(ID수정방지기능OK, enalbed값 jsp바인딩-(true|false-enabled)처리 확인) 업데이트 마무리.
회원등록(CRUD중 C) 작업예정.
중복아이디체크(Ajax로 간단한 RestAPI컨트롤러 구성): 중복아이디가 존재한다면, SUBMIT버튼을 비활성화(disabled)
중복아이디가 존재하지 않을때만 SUBMIT버튼이 활성화시키는 Jquery를 사용합니다.
중복아이디체크는 버튼을 사용하지 않고, 아이디 input 항목을 벗어났을때 이벤트를 이용해서 Ajax를 호출할 예정.
한글이 POST시 깨지는 문제: web.xml 에서 한글처리를 위한 UTF-8필터 추가(필수)

<!--  ...한글처리를 위한 UTF-8 필터 추가 -->
	<filter>
	  <filter-name>encoding</filter-name>
	  <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
	  <init-param>
	   <param-name>encoding</param-name>
	   <param-value>UTF-8</param-value>
	  </init-param>
	</filter>	
	<filter-mapping>
	  <filter-name>encoding</filter-name>
	  <url-pattern>/*</url-pattern>
	</filter-mapping>

회원관리 CRUD는 마무리OK,

20201221(월) 작업

신규페이지 작업시 순서: 쿼리 > DAO > Service > Controller > jsp
리스트, 검색, 페이징 처리OK.
로그4j에 레벨: debug < warn < info 오른쪽 일수록 더 자세한 로그가 출력이 됩니다.
마리아DB실행(만세아이콘)->워크벤치실행->이클립스실행
통합구현 NCS학습모듈 이론 2-1단원.
변수변경1: 쿼리에서 사용되는 시작인덱스 startNo 변수를 queryStartNo 으로 변경예정
변수변경2: 쿼리에서 사용되는 1페이지당출력할개수 perQueryPageNum 변수를 queryPerPageNum 으로 변경예정
totalCount가 들어가는 계산식 변경(아래)
tempEnd*this.perQueryPageNum > this.totalCount (임시끝페이지x쿼리에서1페이지당출력할개수 > 실제전체개수)
this.totalCount/(double)this.queryPerPageNum (실제전체개수/쿼리에서1페이당출력할개수)
this.endPage*this.perQueryPageNum < this.totalCount (계산된끝페이지x쿼리에서1페이지당출력할개수 > 실제전체개수)
queryStartNo(쿼리시작인덱스) = perQueryPageNum*(this.page-1);//2페이지계산 10x(2-1) = 10[계산결과나온 시작페이지번호]
리스트 출력전 페이징 처리부터 해야 하기 때문에 selectMember호출보다 위로 이동
@ModelAttribute("pageVO") 원래 이것을 사용하는 목적은 jsp에서 받을 때 필요 여기선 필요없음
log4j.xml 로그 등급 변경 및 dtd(Document Type Define)문서타입정의를 아래로 변경예정
더미데이터 입력: 데이터베이스 프로시저(DB전용프로그램방식) 사용예정.

20201218(금) 작업

조건문 중 삼항 연산자:
(idx==pageVO.page)?'active':'';//전체 3개의 항(부분)으로 만들어져서 삼항연사자라고 합니다.
위 삼항연사자를 풀면 다음과 같음: if(idx==pageVO.page) {'active'}else{''};
@ModelAttribute("pageVO")
< 1 2 3 4 5 6 7 8 9 10 > 에서 PC에서는
< 1 2 3 4 5 > 로 나오는데 모바일에서는 이렇게 표시하는 것이 좋습니다.
PageVO클래스 적용하는 순서: 1. PageVO클래스생성
MemberMapper쿼리수정 -> MemberDAO클래스수정 -> MemberService클래스수정 ->
-> AdminController클래스수정 -> jsp 화면단 수정.
1페이지계산 5x(1-1) = 0 1페이지일때
2페이지계산 5x(2-1) = 5 2페이지일때
SELECT * FROM tbl_board order by bno desc limit 0, 5;# 0-시작인덱스,5-출력할 개수
위 쿼리 결과: 1(0),2(1),3(2),4(3),5(4) 까지 출력 5개 출력
SELECT * FROM tbl_board order by bno desc limit 5, 5;# 5-시작인덱스,5-출력할 개수
위 쿼리 결과: 6(5),7(6),8(7),9(8),10(9) 까지 5개 출력
위 로직을 처리하는 PageVO.java 데이터 클래스를 만들겁니다.
연계(인터페이스) 정의서 및 명세서.(11번째 과목에서 작성하시게 됩니다.)
위 명세서는 https://www.gitbook.com/ 여기서 작업해서 만듭니다. 또는 pptx로 만듭니다.
PK(식별자): Primary Key(기본키,고유키) 주민번호와 같은 우리나라에서 1개인 값.
테이블에서 고유한 PK: 엔티티에서 유일한 값.
프로그래밍언어활용 채점리뷰 OK.
통합구현 NCS학습모듈 이론 1-2단원 OK.
IT분야 먼저해봤다는 것이 중요하고, 그이상 그이하도 아닙니다.(박사, 석사, 고졸이 중요한 것이 아니고, 먼저해본사람이 우수한 기술자가 됩니다.)

20201217(목) 작업

ERD제작 후 -> 물리DB(스키마) 생성. -> 물리DB(스키마)에 더미데이터입력(회원,게시물) 프로시저(DB프로그램)를 이용해서. -> DATABASE폴더에 만들어진 DB를 백업(파일명: edu_mysql.sql)
PK(프라이머리 키)를 제일 상단에 배치하는 이유: 인덱스 검색(목차검색)을 속도를 빠르게 하기 위해서
Mysql에서 엔진: 이노디비(InnoDB-트랜잭션가능), 마이아이삼(MyISAM-트랜잭션불가능)
트랜잭션: 묶어서 처리하는 중간에 에러가 났을때, 롤백(원상복귀)시키는 기능.
위 트랜잭션은 은행사이트에서는 필수.(예, 자금이체를 할때, 계좌번호2개 있습니다.
{본인계좌에서 100만원 인출 -> 전송도중 전송에러 -> 상대편계좌로 100만원 입금않됨}
위 상황에서 트랜잭션으로 {}묶어주면, 본인계좌에서 100만원 인출이 취소(원상복귀)
구직자훈련 OpenAPI를 사용한 목적은: URL쿼리스트링으로 (HRD-net시스템의 Rest서버에전송) 보내면, 반환값을 xml을 받습니다.
받은 xml(json)데이터를 화면에 리프리젠테이션 하는 파싱이 목적입니다.(대세기술)
우리는 자바앱까지만 콘솔에서 확인하고, 우리 프로젝트에서는 댓글, 네이버아이디로그인API 사용할때 위 기술이(OAuth인증후) 사용할 예정.
중계시스템(연계시스템): Agent시스템, RestAPI서버(중계시스템)
HTML(링크드문서) 다음에 XML(자료를저장한문서) 출시
쿼리 에서 정렬방법: Ascending(ASC오름차순)123456..., Descending(DESC내림차순)...654321
정렬기준: 페이징처리시 bno(게시물번호) 기본정렬기준으로 어제 테스트했음. 예, 최신등록일 order by reg_date DESC
HRD-Net의 오픈API 파라미터(URL쿼리스트링) 키값을 확인하는 중 입니다.
HRD-Net의 인증(보안)절차는 OAuth(Open Authentication 오픈인증)2.0 를 사용.(페이스북,트위터,네이버아이디로그인,구글로그인 같은 OpenAPI인증을 사용) 로그인 인증은 받았으나, 최고관리자,일반관리자, 시간제학생, 학점은행제학생, 교수, 일반인 등 기관마다 다 틀리기 때문에 권한체크는 개발자가 만들어서 프로젝트를 구성합니다.)
스프링시큐리티와 매칭을 시켜보면, 2가지로 로직이 진행됩니다. Authentication(오센티케이션)인증체크, Authority(오서러티)권한체크(개발자몫).
송신시스템(스프링프로젝트)-중계시스템(RestAPI서버,댓글컨트롤러)-수신시스템(jsp단 Ajax호출)
백엔드개발: 프로젝트10개당(6개월x10=5년) 1개 하드웨어(IoT,아두이노,라즈베리파이)와 연동
자격증에 대해서: 백엔드에서 프로젝트 계약할때 요금책정시 고급기술자30만x2(정보처리기사 or 경력10), 중급기술자20만x3(산업기사 or 경력5년), 초급기술자10만x5(기능사 or 경력1년)
2020년 IT분야 임금단가표: https://www.sw.or.kr/site/sw/ex/board/View.do?cbIdx=304&bcIdx=44509&searchExt1=
프런트개발(웹에이전시): 2주~1달(1년 12개이상)
2교시 과제물 제출.
통합구현과목 시작.
회원관리 CRUD의 Select중에서 PageVO부터 만들기 시작할 예정.(로직확인)

20201216(수) 작업

수의순서: 0,10 -> 10,10 -> 20,10
jsp에서 사용가 선택한 페이지번호를 이용해야 페이징처리가 가능.
?page=3&searchType=all&searchKeyword=
PageVO클래스만들때, get 페이지번호, set 계산식을 적용 쿼리에 limit변수 첫번째 값으로 넣어줌.
GET page=위 URL쿼리스트링의 페이지 번호;
1페이지계산 10x(1-1) = 0 1페이지일때
2페이지계산 10x(2-1) = 10 2페이지일때
3페이지계산 10x(10-1) = 90 10페이지일때
SELECT * FROM tbl_board
order by bno desc
limit [SET으로 받은 계산된 변수값], 10;

데이터 정렬에 사용되는 기준값 위에서는 bno(게시판번호)
Order By 데이터정렬에 상용되는 키워드(예약어)
정렬은 오름차순(Ascending)낮은수->높은수 : 옛글부터 보여준다.
내림차순(Descending) 높은수->낮은수 : 최신글부터 보여준다.

src/test/java 에서 kr.or.member 패키지 내의 MemberService.java 내에서 마지막 줄인 System.out.println(cnt + "번째 레코드는 " + member.toString()); 여기서 .toString()을 한 이유가 member라는 변수 안에 글자랑 숫자가 섞여서 .toString으로 문자형으로 변환해주는 건 알겠는데요 그럼 .toString을 빼면 오류가 나야하지않나요? 빼도 왜 오류가 안 나는지 모르겠어요
인터페이스(책 목차 5개) - 임플리먼트클래스(책 내용 5개) 관계: 1대1 원칙)
DB 디버그용 드라이버(실행쿼리가 콘솔화면 나오도록-개발자가 실행확인을 편리하게함) 사용 pom.xml 의존성 추가.
의존성 추가 후 root-context.xml에서 jdbc드라이버설정을 변경하면, 아래 콘솔창에서 쿼리가 보이고, 전송자료들을 확인할 수 있어서, 개발할때 필수 입니다.

20201215(화) 작업

인터페이스 영역(메서드명세파일-이름만존재) -implements- 임플리먼트 클래스(메서드구현파일-오버라이드된메서드명구현내용)
메서드명세 메서드명 -> 오버라이드된 메서드명
이클립스에서 입력힌트 나오지 않을때 조치 window> preference> java > editor > content Assist > advanced > 체크 java Non-Type Proposals > Apply버튼클릭.
자바에서 상속이라는 개념도 html css에서 나오는 상속이랑 비슷한 개념인가요?
html, css에서 사용되는 상속개념 - 자바(C#)언어에서 차용해서 쓰는 개념입니다.
워크벤치쿼리실행참조->mapper쿼리->DAO클래스호출->Service클래스호출->[컨트롤러호출->jsp]=JUnit테스트
->[DAO클래스호출->Service클래스호출]=1개의 클래스 사용 스프링BOOT방식(소규모프로젝트용)
DAO, Service를 2개 클래스로 나눈이유 1, 현업에서 사용되는 솔루션들이 2개로 클래스를 나눈 구조 입니다.
위와 구조를 사용하는 근본적인 이유는, DB엑세스하는 부분은 최소화(1개) - DAO을 호출하는 서비스는 다수(10개)
사용예, selectMember() DAO클래스에 메서드 1개.
DAO.selectMember() 호출하는 서비스는 관리자단서비스에서 호출, 사용자단서비스에서 호출 (1:2)
JUnit 자바단위테스트 Insert(), Update(), Delete() 회원관리부분 예정.

20201214(월) 작업

ibatis(아이바티스-쿼리생성이불편) -> mybatis(마이바티스-쿼리생성이편리)
지금하시는 작업은 개발시작전 준비단계....
JUnit테스트(자바단위테스트): 하는목적은 jsp(컨트롤러) 힘빼기전에 CRUD테스트해보고 힘빼라는 작업방식.
jsp -> controller -> service -> dao -> mapper.xml -> DB(Mysql,Oracle)
자바단위테스트(JUnit) -> service -> dao -> mapper.xml -> DB
톰캣/JUnit 실행해야만, DB가 연동이 됩니다.
톰캣이 종료되거나, JUnit테스트가 끝나면, DB연동이 끊어집니다.
JUnit테스트 준비OK.
데이터베이스 접속 테스트.(아래)
데이터베이스 사용 라이브러리 추가(pom.xml)
스프링 테스트 pom.xml 디펜던시 의존성 추가
의존성추가1. jdbc(Java Database Connection)모듈추가 후 설정 필수.
의존성추가2. Mysql 모듈추가 후 설정.
====================================
위 2가지로 스프링에서 데이터베이스 커넥션 처리 , DriverManagerDataSource (DB커넥션)
====================================
의존성추가3. jdbc와 Mysql데이터베이스 중간에 쿼리를 사용하는 역할 Mybatis 모듈추가 후 설정 필수.
위 의존성 마이바티스로 스프링에서 쿼리를 관리하는 처리 , sqlSessionFactory (쿼리생성)
====================================
마이바티스에는 Select(), Insert(), Update(), Delete()쿼리를 수행하는 메서드들.
위 의존성 Mybatis로 스프링에서 쿼리를 호출하는 메서드명(인터페이스)을 처리, sqlSessionTemplate(쿼리호출메서드명)
====================================

DataSource(커넥션)-sqlSessionFactory(쿼리생성)-sqlSessionTemplate(쿼리호출메서드)

서블렛버전을 2.5 -> 3.0.1로변경 필수(아래)

<dependency>
	<groupId>javax.servlet</groupId>
	<artifactId>javax.servlet-api</artifactId>
	<version>3.0.1</version>
</dependency>

junit(JavaUnit) 테스트 설정 후 기본 unit유닛(단위)테스트
단위테스트(junit)를 하는 이유는 실행환경에서 테스트 하기 전에 미리 예행 연습을 하는 역할 입니다.
주로 CRUD(입력,조회,수정,삭제) 4가지를 테스트 후에 jsp 프로그램작업이 들어갑니다.
메이븐과 그레들은 모두 빌드 도구 입니다. => 결과는 target폴더에 war실행파일이 만들어 짐.
수업은 egov3.10(스프링4.3.22) 하시고, 진행 후 스프링5.2.5버전으로 마이그레이션 다같이 함.
스프링프로젝트의 외부모듈 셋팅파일이 2가지로 구분됩니다.
메이븐 으로 빌드: pom.xml사용 (xml태그로 구성) - egov(이클립스) 기본개발환경
그래들 으로 빌드: build.gradle사용 (스크리트로 구성) - 안드로이드 스튜디오 기본개발환경
[수업공지]: 앞으로는 수업종료 10분 전에 질문/답변 시간을 갖는것이 어떨까 합니다.
이유는 수업진행 중간에 질문/답변 하기엔 약간 부담스러운 내용이 있을 수 있기 때문에, ^^
질문 내용이 무엇이 되었든, 종료 10분 전에 답변을 들으실 수 있는 시간을 갖도록 하겠습니다.

20201211(금) 작업

첨부파일 설정: servlet-context.xml에 파일업로드경로, 업로드용량제한 설정.
위에 더해서 외부 의존성추가: pom.xml 메이븐 설정파일 내용 추가. fileupload~.jar
RestAPI 댓글컨트롤러 1개 만듭니다.-네이버에서 RestAPI로그인서버를 1개 만드는 것과 같습니다.
게시판 로직에서 핵심: CRUD기본, 검색기능, 페이징처리로직, 첨부파일기능
게시판 로직확장 : 댓글기능(Rest-API대세).
Rest-API확장기능: 네이버아이디로그인(우리는 여기까지), SNS(페이스북,트위터,구글) 로그인 API
스프링 빈(등록되어서 사용가능하게된 클래스) 이 등록되는 절차(아래)
톰캣서버(WAS)가 실행될때, 로딩 실행되는 파일 순서(아래)
web.xml 최초 실행.
1. root-context.xml 실행.
1. servlet(server + let = 서버프로그램): servlet-context.xml 실행.
위 서블렛콘텍스트 안에 있는 component-span 의 패키지에 존재하는 아래 @~클래스를 읽어 들여서 빈으로 등록합니다.(아래)
@Controller, @Servcie, @Repository, @RestController(Rest-API)

자바에서 인스턴스 오브젝트를 만들때, ClassName className = new ClassName(); 오브젝트를 만들었음.
스프링에서 오브젝트를 생성하지 않고, 오브젝트를 주입하다고 하고, 기술용어로 DI(Dependency Injection)의존성주입.
의존성주입(DI,외부모듈)할때, @Inject=@Autowired 줄바꿈하고, ClassName className;
위 DI방식으로 SecurityCode클래스를 주입받아서, unscript메서드를 사용하였습니다.
쿼리스트링: 쿼리(질의)스트링(문자열) URL에서 쿼리스트링이라고 하면, URL?키1=값1&key2=value2
/admin/board/board_view?bno=${boardVO.bno}
BoardVO 클래스 만들기: Admin컨트롤러에서 Model클래스를 이용해서 jsp로 board_list 데이터셋를 보낼때 필요한 클래스 입니다.
AdminController 에서 board_list, board_view, board_write 바인드 매핑만들기
board_list.jsp, board_view.jsp, board_write.jsp 만들기

20201210(목) 작업

html게시판 소스를 jsp로 변환.
리버스 엔지니어링: reverse 반대말 : 일반 erd만들고 -> 물리DB : 반대 물리DB -> erd를만든다
개인 카톡 면담 12월 화두,(아래 2가지 중 최소 1가지 글을 남겨 주세요, 2개 다 도 가능합니다.^^)
1). 11월9일 부터 시작 이후 1달 가까이 지났으니, 현재 수업 대해서 어떤 분야든 의견 있으신분 말씀해 주세요, 수업에 반영 하도록 하겠습니다.
2). 사람인 취업사이트에서 학생 본인이 일 하고 싶은 회사 1개를 골라서 URL을 남겨 주세요.
첨부파일 등록에 사용되는 form 태그에는 특별한 속성이 추가 되어야만, 파일 전송이 가능합니다.
그속성은: encType="multipart/form-data" 필수. 파일전송이 포함된 폼에서는 엔코딩타입속성에서 파일분할로 전송해라.
모달(Modal): 이용자가 팝업대화상자 내용을 종료하기 전에는 다른 화면으로 이동하지 못하는 방식 팝업창.
모달리스(Modeless): : 이용자가 팝업대화상자 내용을 종료하기 전이라도, 현재 팝업창을 띄운상태에서 다른 창으로 이동가능.
댓글 관련 디자인 추가 후 Ajax 적용

<!-- 댓글 관련 자바스크립트 시작 -->
<!-- 댓글 리스트 반복문용 JQuery라이브러리 == jstl의 향상된for문 같은 역할 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.1/handlebars.js"></script>
<!-- 댓글 템플릿(빵틀) 만들기(아래) -->
<script id="template" type="text/x-handlebars-template">
{{#each .}}
	<div class="replyLi" data-rno={{rno}}>
		<i class="fas fa-comments bg-blue"></i>
		<div class="timeline-item">
			<h3 class="timeline-header">{{replyer}}</h3>
			<div class="timeline-body">{{replytext}}</div>
			<div class="timeline-footer">
				<a class="btn btn-primary btn-sm" data-toggle="modal" data-target="#modifyModal">Modify</a>
			</div>
		</div>
	</div>
{{/each}}
</script>
<!-- 댓글 템플릿(빵틀) 출력(아래)  -->
<script>
var printReplyList = function(replyArr, target, templateObject){
	var template = Handlebars.compile(templateObject.html());
	var html = template(replyArr);
	$(".replyLi").remove();
	target.after(html);
}
</script>
<script>
$(document).ready(function(){
	$("#insertApplyBtn").on("click",function(){
		$.ajax({
			type:'get',
			url:'/resources/board_view.html',
			dataType:'text',
			success:function(result){
				var replyList = [
					{rno: 1, bno: 15, replytext: "test1", replyer: "test1", regdate: 1607504648000},
					{rno: 2, bno: 15, replytext: "test2", replyer: "test2", regdate: 1607504648000}
					];
				printReplyList(replyList, $(".time-label"), $("#template"));
			}
		});
	});
});
</script>
<!-- 댓글 수정/삭제용 모달팝업창(아래) -->
<div id="modifyModal" class="modal modal-primary fade" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header" style="display:block;">
	<button type="button" class="close" data-dismiss="modal">&times;</button>
	<h4 class="modal-title"></h4>
      </div>
      <div class="modal-body" data-rno>
       <input type="hidden" id="rno" class="form-control">
	<p><input type="text" id="replytext" class="form-control"></p>
      </div>
      <div class="modal-footer">
	<button type="button" class="btn btn-info" id="replyModBtn">Modify</button>
	<button type="button" class="btn btn-danger" id="replyDelBtn">DELETE</button>
	<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
<script>
//댓글 리스트에서 댓글 수정버튼 클릭시 모달창 내용에 바인딩 시키는 코딩(아래)
$(document).ready(function(){
	//선택한 댓글(template:빵틀)의 데이터를 모달창의 id,클래스에 데이터 바인딩
	$(".timeline").on("click", ".replyLi", function(event) {
		var reply = $(this);
		$("#rno").val(reply.attr("data-rno"));
		$(".modal-title").html(reply.find(".timeline-header").text());
		$("#replytext").val(reply.find(".timeline-body").text());
	});
});
</script>
<!-- 댓글 관련 자바스크립트 끝 -->

20201209(수) 작업

Rest API방식으로 화면을 처리것이 트렌드 입니다.(빅데이터를 시각화하는 데 RestAPI+Ajax 기술사용)
Rest: Representation 기존데이터를 가지고, 화면 깜빡임 없이 데이터를 재가공하는 처리.
REST API사용되는 기술: 데이터 전송/수신 Ajax기술(프론트-개발자)로 처리. API(서버단기술)
Ajax: Asyncronized Javascript and Xml 비동기 통신으로 자바스크립트로 Json(text자료)를 재처리하는 기술.
스프링관리자 AdminLTE템플릿 폰트어썸아이콘: 아래 템플릿에서 icon메뉴에서 fontAswesome 항목 클릭
오후에는 스프링 관리자단에서 [게시물 관리] 메뉴 webapp/resources/html만들고, -> jsp변환 작업이어서 합니다.
prefix(jstl), suffix(servlet-context.xml)
prefix ,suffix 그냥 경로의 앞부분 뒷부분 생략가능하게 만드는 역할
@RequestMapping...반환값에서 prefix(/WEB-INF/views/)가 사용, suffix(.jsp)
...

  return "{prefix}admin/board/board_list{suffix}";

...
아래에서 사용된 prefix는 생략가능하다.
<beans:property name="prefix" value="/WEB-INF/views/" />
아래에서 사용된 suffix는 생략가능하다.
<beans:property name="suffix" value=".jsp" />
전체 틀(아래 읽으시면) : 자바이론 공부하신, 아래 데이터 흐름을 제어하는데 사용.
여러명의 회원 정보(MemberVO-자료형클래스를이용부분)를
전달주고받고(MainControler-메서드,URL호출부분),
출력(MemberService-비지니스로직부분)하는 메소드 선언하기
미지의 부분 -----------------------------------------
데이터베이스CRUD처리부분(MemberDAO-데이터베이스엑세스부분)

for (MemberVO member : members) {// members여러 레코드중 1개의 레코드를 member오브젝트객체로 대입
1번째반복-> members[0]레코드데이터=>MemberVO member객체벼수 =>출력시 member.toString();
2번째반복-> members[1]레코드데이터=>MemberVO member객체변수 =>출력시 member.toString();
3번째반복-> members[2]레코드데이터=>MemberVO member객체변수 =>출력시 member.toString();
개인 카톡 면담 12월 화두,(아래 2가지 중 최소 1가지 글을 남겨 주세요, 2개 다 도 가능합니다.^^)
1). 11월9일 부터 시작 이후 1달 가까이 지났으니, 현재 수업 대해서 어떤 분야든 의견 있으신분 말씀해 주세요, 수업에 반영 하도록 하겠습니다.
2). 사람인 취업사이트에서 학생 본인이 일 하고 싶은 회사 1개를 골라서 URL을 남겨 주세요.
서버시간 가져오기 미션 MainController클래스 수행
pom.xml 외부라이브러리를 관리하는 메이븐설정파일을 이용해서 외부모듈 가져와 사용하기 목적.-스프링프로젝트에서 메이븐 기본작업 테스트용.
Step3(열거형-Enum형 자료형클래스 사용) 를 생성.

20201208(화) 작업

Step2.java클래스 파일1개를 src/test/java폴더안에 kr.or.member패키지를 만들어서 3개 클래스파일로 분리.
3개의 자바클래스 모여서 1개의프로그램이 됨. 진입점 main메서드 1개만필요
erd보고 MemberVO.java 클래스만드시는것 1.
데이터베이스자료를 가공하는(비지니스로직) 서비스클래스 만들기 2.
조건문: if, switch(조건)~case문
반복문: for, forEach(제일많이 사용), while(많이안쓰는 이유, 무한루프로 빠지는 오류가 발생), forEach예,향상된for(member:member_list){구현내용}
연산자: +-x/,=(대입연산자)예, int sum = 3+5;
라이브러리(jar): 오브젝트클래스가 모여있는 패키지(묶음)을 라이브러리 라고 합니다.
람다식: 자바버전 8부터 지원하는 축소 코딩 방식 입니다. ->애로우화살표로 익명메서드(콜백함수)를 표시 호출시 자동실행을 구현.Lambda 클래스를 만들어서 실습.
자바스크립트에서 콜백함수부분을 => 애로우화살표로 대체해서 축약해서 표시해서 호출시 자동실행을 구현.
람다식은 특별한 로직없어서 논리적인 내용이 없고, 단순히 코드를 생략할때 ->애로우, ()익명함수 이 2개를 사용해서 코드사용을 축소하는데 의미 가 있습니다.
우리나라 스프링에서는 일반적이진 않지만, 외국에서는 많이 사용. 외국소스를 갖다쓸때, 람다식을 볼 줄 알아야 무리없이 외국소스를 가져다 사용할 수 있게 됩니다.
제네릭: Generic 일반적인 변수 타입. Map<String,Integer> mapTest = new HashMap<String,Integer>();
제네릭을 사용하는 이유: 코딩작업시 매개변수의 타입을 제한을 두어서, 값을 입출력 할 때 에러 상황을 미리 확인 하기 위해서.
코드 인스펙트: 코드 분석 -> 코드 생성
회사 자체 솔루션(프레임워크) 기반으로 직원들이 코딩 작업을 하게 됩니다.
선배와 같이 프로젝트 진행 3개월, 6개월 진행하시면, 회사 자체 프레임워크(솔루션)를 이해가 됩니다.
파일 입출력 처리 마무리 OK.
member_list.jsp에서 MemberVO 클래스 테스트 사용 예정(아래).
데이터 타입에 대해서 배열타입과 리스트타입 그리고, 해시타입
2차원 배열타입 변수 -> 클래스오브젝트 배열타입 변수으로 변경 -> 클래스오브젝트 List타입 변수로 변경

Date toDay = new Date();
MemberVO m1 = new MemberVO();
// setter 메서드를 이용해 해당 인스턴스 변수에 값을 넣는다.
m1.setUser_id("kimilguk");
m1.setUser_name("김일국");
m1.setEmail("kimilguk@abc.com");
m1.setEnabled(true);
m1.setReg_date(toDay);
m1.setLevels("ROLE_ADMIN");
MemberVO[] members_array = new MemberVO[2];
members_array[0] = m1;
members_array[1] = m1;
System.out.println("Array 배열 데이터 타입은 " + members_array.toString());
//=====================================================================
List<MemberVO> members_list = Arrays.asList(members_array);//실제 DB에서는 출력을 List 데이터타입 으로 반환받는다
System.out.println("List 데이터 타입은 " + members_list.toString());
//=====================================================================
Map<String, Object> paramMap = new HashMap<String, Object>();
paramMap.put("bno", 2);
paramMap.put("fullname", "abc.jpg");
System.out.println("해시맵 데이터 타입은 " + paramMap);
System.out.println("해시맵 일부만 출력은 " + paramMap.get("bno"));

20201207(월) 작업

목표: 자바(스프링)벡엔드단부분에 이력서(포트폴리오)+면접에서 일할수 인력으로 평가받는게 목적.
4년제 컴퓨터공학과 자바 1년(자바+jsp=2개학기)==2주(대학1학기)
바이트스트림(문자가아닌데이터): InputStream(업로드), OutputStream(다운로드)클래스를 사용.
게시판 첨부파일은 바이트스트림으로 데이터를 인풋, 아웃풋 합니다.
파일로부터 입력/출력이 필요할때는 : FileInputStream(FileReader), FileOutputStream(FileWriter) 클래스 사용.
이미지파일을 업로드할때, 다운로드할때 100M 초고화실 이미지 제한이 필요. 이미지 크기(해상도) 조정이 필요한 경우, 별도의 외부 처리 클래스가 필요. 우리는 이미지 해상도를 조절하진 않지만, 1회 업로드 용량은 2M정도로 제한을 두는 코딩이 들어갑니다.
캐릭터스트림(문자데이터) : Reader, Writer 클래스를 사용.
파일 업로드 경로가 없으면, /tmp에 저장됩니다.이러면 업로드된 파일 관리가 않되기 때문에,
위와 같은 문제로 경로 지정이 필요함., 헤로쿠에서 /tmp에 저장하겠으나, 실제로는 tmp에 저장하시면, 서버를 껐다가 켜면, tmp내용은 사라집니다. 실제 운영서버에서는 파일업로드경로를 제대로 지정해야 합니다.
File클래스와 입출력 스트림: 게시판에서는 파일 업로드/다운로드에 기술이 사용됩니다.
마지막달에 배우는 안드로이드앱도 자바기반의 기술을 이용합니다.
스레드 특징은: 비동기적으로 run이 실행된다. 그래서, 통신프로그램에서 많이 사용.(안드로이드앱)
헤로쿠 클라우드에서는 HSql 데이터베이스(프로토타입용)를 사용합니다.
헤로쿠에서도 Mysql(Maria)DB를 사용할 순 있으나, 신용카드번호가 필요해서 제껴 놓겠습니다.
로컬PC에서는 HSql+Mysql -> 오라클용으로 마이그레이션해서 사용하는 방법을 배우시게 됩니다.
java.lang패키지: Thread클래스는 통신프로그램에서 사용(안드로이드 앱)-
통신에서 스레드를 사용하는 이유는 데이터를 요청하고, 응답을 받을때까지 기다려야 합니다. 1개의 스레드가 기다려야합니다.
위 상태에서는 통신프로그램때문에, 웹프로그램이 멈춰야 합니다. 이 상황은 방지하려고, 비동기(멀티) 스레드를 사용합니다.
데이터를 응답받는 스레드 중간에, 다른 스레드를 실행하는 역할이 필요합니다.

예외처리하는 목적: 에러발생시 프로그램을 멈추지 않고, 계속 사용할 수 있도록 하는 목적으로 예외처리를 함.
예를 들면, 스마트폰앱에서 에러발생 시, 앱이 꺼져버리면, 계속 이어서 사용할 수 없음.
그런데, 에러발생시 예외처리를 하게 되면, 앱이 꺼지는 것이 아니고, 그 화면만 사용못하고, 앱에서 다른 화면은 이용가능하게 됩니다.
다형성: 오버로딩/오버라이딩을 설명/구현할때, 다형성을 사용합니다.
동적바인딩: 동적(runtime시) 실행시 적용되는 값. 메서드의 매개변수(파라미터,인자)는 메서드를 호출할때, 값을 전송하게 됨(바인딩).

20201204(금) 작업

오늘은 자바 인터페이스까지 연습했습니다.
클래스는 개별 객체의 상태 정보를 저장하는 필드와 개별 객체의 행동 양식을 규정하는 메소드를 포함할 수 있다.
회원멤버클래스를 만들기 실습: 회원 상태정보를 저장하는 필드(멤버변수:user_id, user_name, email,...)생성.VO(Value Object)클래스
회원멤버클래스를 만들기 실습: 회원 맴버변수의 행동양식을 규정한는 메소드(함수)를 생성.
abstract(추상)클래스/메서드 예: abstract class calc { add(){}; minus(){}; multi(){}, sub(){}; }
객체지향프로그래밍(OOP)-Object Oriented Programming 인스턴스(실행가능한클래스)를 사용하는 프로그램.
new 키워드로 만드는 오브젝트를 사용하는 방식이 필수.(한 물 간 방식)
참조형변수: 객체가 위치해 있는 주소 값을 저장한다. = 실행가능한 변수 = 인스턴스변수 = 메모리에 로딩된 변수
참조형변수예1: String s3 = new String(); //인스턴스 변수=오브젝트 를 이런방식 만들어서 사용함.
new String("초기값인자");//new String()괄호 안에 매개변수가 없는 생성자를 기본생성자.
클래스 만들때 생성자메서드를 개발자가 만들필요가 없음. 왜냐하면, 자바에서는 컴파일할때 자동 만들어 주기 때문에, 필수지만, 만들 필요가 없음.
new String()처럼 클래스이름과 똑같은 메서드를 생성자 매서드라고 한다.
String 클래스 -> new 키워드로 만들어진 s3는 오브젝트(인스턴스변수)-실행가능한클래스변수
참조형변수예2: s3 = "일반변수값입니다.";
기본형변수예: String s3 = "일반변수값입니다.";//일반변수는 이 방식을 사용 단, 클래스형 변수는 new 키워드로 생성한 인스턴스 변수를 주로 사용합니다. 단, 스프링에서는 new키워드로 만드는 인스턴스 클래스변수보다는 사용방법 더 간단한 @인젝트(주입)방식의 변수를 사용.(스프링에서는 DI-Dependency Inject 용어를 사용)
자바프로그램중 반복문: 향상된 for문을 시작합니다.
다국어지원하는 문자셋을 만들때: 유니코드로 제작. \u0041 => 이클립스에서 유니코드에디터에서는 A 로 수정합니다.

20201203(목) 작업

반복문 중에서 개선된 for문을 공부합니다.
변수의 종류 아래 2가지.
지역변수: 메서드 내에서 만든 변수로서, 메서드 안에서만 유효함.
멤버변수(클래스변수=static): 클래스 전역에서 사용가능한 변수. VO(Value Object)클래스에서 주로 사용.

static(스태틱)변수/메서드: 정적변수/메서드. 클래스에서 유일한 변수/메서드 라는 말.
인스턴스 클래스=오브젝트=실행가능한 클래스
파라미터=매개변수, 매서드명(파라미터위치);
javac HelloWorldApp.java -encoding UTF-8 (자바컴파일방법: 소스에 한글 옵션)
javac자바컴파일러로 위에서 만든 HelloWorldApp.class파일은 실행가능한 파일 입니다.
클래스파일 실행은 java kr.or.test.HelloWorldApp 단, 실행할 위치는 src/test/java

분산처리(마이크로서비스): 댓글달기-Ajax = RestAPI(개발의핫트렌드)-대표예(네이버아이디 로그인 구현)
일반웹프로그램은 동기처리: 화면이 기능이 실행중 이면, 종료될때 까지 멈춰있다.
분산웹프로그램은 비동기처리: 기능이 실행중이어도 다른 웹프로그램을 실행가능, 화면이 멈춰있지 않게 됨.
오픈소스-자바스크립트(웹브라우저용 js스크립트언어, 프론트쪽) - 크롬 브라우저만 있으면 실행됨.
자바스크립트는 *.js 파일자체를 실행합니다. 대신 자바 *.java실행되지않고, javac라는 자바컴파일러를 통해서 만들어진 *.class 파일이 실행됩니다.
오라클-자바(웹서용 jsp컴파일언어, 백엔드쪽) - 크롬브라우저 + 톰캣 서버가 있어야만 실행됨.
앞으로 스프링프로젝트 주 작업은 헤로쿠 클라우드로 배포합니다.(왜냐하면, 파스타정책이 체험신청 2주간으로 되어있어서)
수료하실때쯤 면접일정에 맞춰서, 여러분 프로젝트를 파스타에 배포 하시는 것을 추천 드립니다.
스프링관리자단 화면구현에서 왼쪽메뉴 active시키는 것 마무리. OK.
jsp 화면에서 데이터 전송하기(member_list.jsp) ->
admin컨트롤러로 데이터 수신받고, jsp로 전송하기 -> jsp화면에서 데이터 수신받기.
헤로쿠에 배포처리 OK.
12월3일(목) 2교시 화면구현 시험(포트폴리오제출) OK.
3교시 위 내용 마무리 후 자바 이론시작.(앞으로 2주간)
이것이 자바다 4번째 과목 교재수령 방법 한번 더 공지(수,목 오후 6시~8시까지 학원방문수령)
1. 구글 프레젠테이션 문서로 이론.
1. 이론이 지겨우실때, AdminLTE 관리자단, board_list.jsp,board_view.jsp,board_write.jsp
1. 실습은 github IT강의저장소의 V4.0.0 이것으로 실습(egov로)
취업 프로세스1: 1. 이력서+포트폴리오 관문 2. 면접 => 취업
취업 프로세스2: 1. 이력서+포트폴리오 관문 2. 코딩테스트(자바, j쿼리) 3. 면접 => 취업

화면설계시험(화면구현 미응시자는 가능하시면) 과제물제출 미응시 하신분만 확인해주세요(아래),
오늘 5시40분 이후 줌에서 오늘날짜 시험지 받으셔서,그림판에서 이름 작성 후
평가지그림판 및 과제물을 강사 이메일(boramcom@daum.net)로 제출해주시기 바랍니다.(제출 시간은 오후 5시 40분 이후 입니다.)

20201202(수) 작업

게시물관리는 지금 하지 않고, 빈 화면 1개 만들어서 바인딩처리 후 헤로쿠 배포 합니다.
헤로쿠에 배포전에 왼쪽메뉴에서 선택된 메뉴가 무언지, active시키는 j쿼리 적용하고나서...
admin컨트롤러 클래스에서 URL경로와 실제jsp파일과 바인딩 처리 OK.
jsp파일에서 폼 action속성값이동==buttton타입submit값, 링크경로를 html경로에서 컨트롤러의 바인딩경로로 변경.
admin폴더에는 크게 2가지기능: 관리자관리(member폴더에), 게시물관리(board폴더에)
상대경로: ./(현재폴더위치), ../(상위폴더위치), 파일위치를 지정할때 사용.return(스프링 반환값)
절대경로: URL경로(웹브라우저로 접근가능한경로)를 사용할때. @RequestMapping에서(스프링)
게시판 html화면 구현하기 전, 관리자관리 부분 제어용 컨트롤러 클래스 만들고 있습니다.
admin/include/header.jsp의 메뉴링크를 html상대경로에서 Admin컨트롤러의 절대경로로 변경처리.(아래)
/admin/member_list(관리자관리 메뉴와바인딩), /admin/board_list(게시물관리 메뉴와 바인딩)
데이터를 전송/수신하는 관계는 나중에 진행됩니다. 오늘은 URL과 jsp만 바인딩만 시킵니다.
저장소이름: 변수(내용에 변하는 값을 java로 불러옴) / 상수(내용에 정해진 값을 불러옴)
member_view.html 마무리.
member_write.html 화면작업: 부트스트랩참조URL(아래)
http://localhost:8080/resources/pages/forms/general.html

20201201(화) 작업

html lang="en" 이부분은 여러분PC가 영문 윈도면 정상.
그런데, 우리PC는 한글윈도우 이기 때문에, html lang="ko"로 변경하시면 편리합니다.
외부라이브러리 불러오는 상대경로를 절대경로로 변경.
AdminLTE로 만드는 스프링 관리자 메인 html화면구현 마무리.
관리자관리: member_list.html, member_view.html, member_write.html
게시물관리: board_list.html, board_view.html, board_write.html
관리자단 html화면구현한 내용을 jsp 만들어서 컨트롤러자바클래스에서 링크만 걸어 줍니다.

20201130(월) 작업

AdminLTE로 만드는 스프링 관리자 메인화면 구현 샘플(아래)
AdminLTE다운받은 압축파일을 풀어서, 폴더(dist,pages,plugins), index(1,2).html
위 6개를 resoureces폴더에 붙여 넣습니다.
프로트엔드단 대세중 2가지 플러그인(자바스크립트템플릿) 위에 포함되어 있습니다.
첫째, 부트스트랩.
둘째, chartJS(빅데이터 시각화할때 사용 JS템플릿)
위 기술만 가지고는 수입이 부족하기 때문에, 스프링을 배웁니다.
plugins중 ;문장끝 바로 앞에 , 존재하면 에러표시가 나옵니다.
고전자바스크립트(네이티브 자바스크립트)에서는 위 문제가 에러표가 되지만, 아래 es6부터는 정상으로 표시가 됨. es6,es5(엑마스크립트 버전을 말합니다.)
자바스크립트 버전, es5(2015년 js버전)이전버전-위 문제 에러, es6(2016년 js버전)-위 문제 정상.
dist: distribute(배포)하는 폴더명, 이 폴더만 있으면 실행이 가능합니다.
그래픽이미지 2가지: 비트맵 이미지(jpg, gif, png 이런이미지는 화면을 확대하면 깨짐, 이미지1개면 끝), 벡터 이미지(화면을 확대해도 깨지지 않음, 스크립트코드로 만들어진 이미지).

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="210" height="210">
  <rect x="5" y="5" width="200" height="200" style="fill:red; stroke:black; stroke-width:10px"></rect>
</svg>

SVG이미지는 개발자 입장에선, 안드로이드 스튜디오에서 버튼또는 이미지만들때 사용. xml로 만듭니다.
AdminLTE를 사용하면, 좋은 이유(아래)
font어썸제공. 사용예,
IFrame(아이프레임): 이 태그를 사용하면, 예전 프로그래머라고 생각하시면, 않됩니다.
구글맵(지도),유투브 퍼가기에서 사용하고 있습니다.
아이프레임은 화면레이아웃과는 상관없이, 콘텐츠가 들어갈 영역을 잡는 역할을 하는 태그 입니다.
URL 외부 콘텐츠를 가져다가 우리 홈페이지에 끼워넣을때 사용합니다.
SCSS는 CSS 파일을 컴파일한 파일을 SCSS라고 합니다.
.jsp 또는 .java를 컴파일하면 .class실행파일이 만들어지는 것과 같은 원리.
스프링에서는 관리자단, 사용자단이 나눠져서 개발됩니다.(보안때문에생긴 트렌드 입니다.)
관리자단은 거의 외부 디자인템플릿을 사용합니다.(예, AdminLTE)
사용자단은 거의 개성있는 내부 디자인을 사용합니다.(예, 퍼블리셔가 부트스트랩기반으로 작업합니다. 현재 트렌드 입니다.)
AdminLTE(부트스트랩기반 디자인템플릿)로 관리자단 화면을 구현.
위 템플릿을 사용한다는 것은, 템플릿의 html-css-js를 갖다가 사용하는 방법을 익히시는 겁니다.
위에서 화면구현 한 스태틱 html소스를(퍼블리셔가 만든소스), V6.0.0시간에 jsp로 변경하셔서, 프로그램을 입히시게 됩니다.(개발자 하는일)
헤로쿠 Deploy메뉴에서 작업을 했는데, 적용이 않되시고, 예전내용이 보이시는 경우,
헤로쿠에서 Deploy하실때, 깃허브에서 자료를 가져오게 되는데요, 약간 시간차가 있을 수 있습니다.
또는, 커밋/푸시가 잘 되었는지 확인해 주신 후,다시 Deploy해주시기 바랍니다.
구글 문서 작성방법(아래)

jsp파일과, css소스 복사해서 붙여 넣으시고, 이미지 캡쳐는 지금 화면에 보이는데로 크롬 개발자도구에서 Toggle Device Toolbar를 클릭한 후 Responsice에서 
731(모바일), 1131(태블릿), 1132(PC) 각각 1개이상씩 캡쳐해서 구글 문서에 붙여 넣으시면 좋겠습니다.

나눔고딕폰트 불러오기 할때, mobile.css만 해주셔도, 다른 기기에서 모두 적용 됩니다.
위 이유는, html, css, js는 소스라인 위쪽에서 아래로 적용이 됩니다.
그래서, 모바일.css 제일 상단에 있기 때문에, mobile.css에서 적용하면, 아래쪽(tablet, pc)에 모두 적용 됩니다.
참고, 이클립스에서 소스 검색후 한꺼번에 바꾸는 기능위치는 Edit메뉴->Find/Replace 클릭.
지난주 태블릿이상메뉴에서 메인과 서브페이지 상단 메뉴 크기변동 문제 처리예정.(아래)

<!-- mobile.css -->
body {
line-height:1.4 !important;/*!important 추가*/
font-family:'Malgun Gothic', dotum, sans-serif !important; /*글꼴고정추가*/
}

12월3일(목)2교시 과제물 서식 배포 예정.(과제물 서식 설명하면서 지난주 jsp 작업 리뷰 및 헤로쿠 클라우드 URL확인) https://drive.google.com/file/d/1Y9Mrukyr-6tmn9RFfkQzbTMR2l0B8jsJ/view?usp=sharing
지금까지 한것 깃에 푸시 하고, 헤로쿠 클라우드에서 Deploy(배포)합니다.
화면구현 과제물 작성시간 드립니다.(2교시+3교시)
4교시 부터 AdminLTE 부트스트랩 기반의 디자인 템프릿을 사용해서 관리자 화면구현 실습 진행 합니다.

20201127(금) 작업

스프링부트 버전2.0 (조그만동생): 소규모 프로젝트(스타트업)-조달청에 올라가는 프로젝트X
스프링부트 자동으로 생성되는 코드많아서, 사용하기 편하지만(장점), 커스터마이징 한계가 있습니다.(단점)
스프링프레임워크 버전4.3.22 (큰형): 중대형 프로젝트 - 조달청에 올라가는 프로젝트O
스프링프레임워크는 커스터마이징하는 프로젝트에 유용합니다.(장점), 복잡하다는 것이 단점.
/resources/sample/반응형페이지 : 실제서비스되는 내용은 아닙니다. 퍼블리셔가 만들어서 준것을 개발자가 여기다 배치 하는 공간 입니다.
위와 같은 콘텐츠를 Static콘텐츠라고 합니다.(스태틱은 고정적인 내용-html, css, js, img)
Static콘텐츠(많이사용)반대<->동적콘텐츠(jsp 프로그램으로 콘텐츠 내용이 수시로 변경되는 영역)
대표적인 Dynamic콘텐츠영역 : 게시판 입니다.(게시물을 등록하면, 콘텐츠가 동적 늘어납니다.)
실제 개발은 위에서 만든 퍼블리셔 결과물을 이용해서 WEB-INF/views 폴더에 개발한 결과를 배치하게 됩니다.
헤로쿠 클라우드에서 서비스 되는 페이지가 WEB-INF/views 폴더에 위치하게 됩니다.
WEB-INF/views/sample폴더 생성 후 index.jsp
컨트롤러 자바클래스에서 외부에서 /접근시 index.jsp로 매핑시킨 후 확인.
퍼블리셔가 만든 index.html 복사해서 index.jsp 붙여넣기 후 확인.
jsp분리작업: include폴더 생성후 그안에 header.jsp, footer.jsp 2개만듭니다.
index.jsp 에서 header.jsp에 들어갈 영역 Cut해서 붙여넣기.
index.jsp 에서 footer.jsp에 들어갈 영역 Cut해서 붙여넣기. 후 확인.

반응형 웹페이지 작업 결과를 스프링MVC프로젝트에서 home.jsp로 변환.
http://localhost:8080/ 새로만든 home.jsp가 나오도록 하겠습니다.
위 home.jsp 결과물 헤로쿠 클라우드에 올릴 예정.
최종결과: https://kimilguk.herokuapp.com (반응형 홈페이지 나오게 됩니다.)
파스타 클라우드 초기화 따른 파스타 재신청 처리예정.

20201126(목) 작업

반응형 웹페이지 작업 마무리.

20201125(수) 작업

테이블 태그:(아래)

<table>
<tr>
	<th>영화제목</th>
</tr>
<tr>
	<td>죠스</td>
</tr>
<tr>
	<td>인디애나존스</td>
</tr>
</table>

tr: table row : 테이블의 가로 선 영역.
th: table head : 테이블의 가로선내에 제일 상단에 있는 컬럼(필드) 영역.
td: table data : 테이블의 가로선내의 컬럼(필드)데이터 영역.
유스케이스다이어그램(이클립스): 관계(릴레이션-Relation)
관계: Generalization(일반화) - 부모-자식(상속관계)
관계 일반화란? 자식들(SUV,소형차,중형차,대형차)-extend -> 부모(자동차-일반화)-generalize
관계 include? 포함관계,footer.jsp(하단Logo) --> home.jsp <-- header.jsp(상단메뉴,로고포함)
관계 extend? 확장관계(상속관계)

NCS학습모듈(화면구현) 단원1 OK.
HTML(Hyper-Text-Markup-Language)+CSS(Cascade-Style-Sheet)+JS(JavaScript)
위 3가지 작업으로 결과물을 만드는 사람을 퍼블리셔 라고 함.=프론트엔드 개발자.
웹접근성(WebAccessbility): 사이트의 장애인 이용 가능성을 체크.(프로젝트 제안요청서에 항상 포함됨)
크로스브라우징(Cross Browsing): 다양한 웹브라우저에서 콘텐츠가 깨지는지 확인.(제안요청서에 항상 포함됨)
UI(User Interface)테스트: 사용성 테스트.
CLI(Command Line Interface): 예, cf cli 프로그램설치(파스타)
GUI(Graphic User Interface): 예, 이클립스에서 파스타 서버사용.
HTML5표준으로 만들어야 한다: 제약조건입니다.
11/12번째 과목에서 화면설계서작성ppt(강사제공),아카텍쳐구조도엑셀파일(학생),사용자매뉴얼ppt(학생) 내용채워서 제출 ( 이력서 제출시-사람인취업사이트에 학생이 제출 : 포트폴리오로 위 2가지 문서 제출하게 됩니다.)
6번째 과목마치면(내년2월초) 이 프로젝트를 가지고, 위 문서 3가지 있어야지, 완료보고가 가능합니다.
위 사람인에 이력서 제출시 프로젝트 클라우드 URL(헤로쿠, 파스타)도 제출.(취업처회사에서 확인)

20201124(화) 작업

RFP만들기전에 ISP(정보화전략계획:새로만들시스템의 타당성조사):1억프로젝트면 1000만 문서화 ->
IT발주업체(RFP:제안요청서을업로드:발주입찰공고) -> IT개발사들(제안서를제출:입찰-소속된개발자작업시작)
실행파일 확장자. .jar(자바archive실행파일),.war(웹archive실행),
.apk(안드로이드Package실행),.aab(안드로이드AppBundle실행)
스프링웹프로그램, 안드로이드앱 제작 후 테스트가 2가지 후 운영배포(구글프레이스토어기준아래)
alpha(알파)내부테스트, beta(베타)외부테스트, 프로덕션(상품)배포.
모바일용 화면처리 작업 마무리. OK.
index.html 파일에서 슬라이드부분 적용(부트스트랩-외부j쿼리라이브러리이용) OK.
단원2-2 상세설계부분 이론 예정. OK.
반응형에 사용에 대해서 이론설명.(미디어쿼리에대한 설명)
반응형의 목적은 1개 소스로, 스마트폰, 태블릿, PC화면에서 콘텐츠내용이 잘 보이게 처리하는것.
소스를 스마트폰용과 PC용으로 나눠서 하면, 장점: 소스가 단순해져 만들기편함. 단점: 유지보수가 어렵다는것.
반응형의 장점은 유지보수가 쉬워짐.(소스1부분만 수정하면되니까), 단점은 초기에 신규생성이 어렵다는것.
테블릿용,PC용 화면처리 작업 시작.
카카오상담 참여 공지.(본인이 일하고 싶은 분야 카톡으로 알려 주세요)
수요일 시험 공지.

20201123(월) 작업

CSS값 3개일때: 18px(상여백) 5%(좌우여백) 18px(하여백)
공공클라우드(public cloud): 아마존, 구글클라우드, 헤로쿠- 정보를 클라우드 사업사( 정보유출우려높음:관공서X,대학X, 대기업X(간단한 팀별로 프로토타입만 사용)-스타트업에선 많이사용함.
사설클라우드(private cloud): 파스타 - 고객회사 구축해서 사용.(정보유출낮아서 관공서O,대학O), 조달청(나라장터)에 올라오는 일거리는 대부분 사설 클라우드 기반입니다.
select box(웹앱) = combo box(PC앱)
Mysql(마리아DB)-회원이 1만명이상이면 시스템이 버벅거리는데, 해결책을 달라고 합니다.
답변: 오라클로(MS-SQL)로 마이그레이션 해야 합니다.
기능적요구사항: 개발자가 담당.
비기능적요구사항: 동시 접속자 수를 100명 1000명으로 늘려달라는 요구사항(하드웨어 기능 올려야 해결)
위 내용은 순간 트랙픽용량을 10M -> 100M로 상향해달라는 요구사항.-개발자인건비로 해결X
내용상 카카오오븐 프로토타입(학생) -> 화면설계(강사).참조 -> html,java(학생) 코딩에 진입.
카카오오븐으로 프로토타입을 만드셨고, 과제물로 제출하실 예정.
화면설계서는 강사가 제시한 것을 참조해서, 화면구현(html로 반응형)에 사용하시게 됩니다.
contact.html : form태그(자료전송하는 역할로 프로그램과 연동하는 부분이라서 중요함)
blog.html 만들고 확인.
화면전환효과: transition 속성을 사용.
CSS에서 가상선택자란: 1. 가상클래스, 2. 가상요소, 1+2= 가상선택자라고 합니다.
1. 가상클래스: *표시 a:hover(a링크인데, 마우스가 a링크영역 위에 떠 있을 때의 영역)
1. 가상요소:: *표시 a:hover::before(a링크에 마우스가 위에 떠 있을 때의 a영역의 앞의 영역)
work.html 파일 마우스 롤오버 이벤트 모바일용 CSS적용.
페이지 모바일용 CSS작업이 마무리되면, reset.css처럼 외부로 css파일을 분리하는 작업이 있습니다.
나머지 페이지들도 작업예정.
NCS학습모듈 이론 단원2 부분 학습예정.
모바일용 작업 후 태블릿용과 PC용도 이어서 작업예정.(마무리 못하면 V3.0.0화면구현(jsp)과목에서 이어서 작업합니다.)
[공지]파스타클라우드 11월26일(목) 뒤집어 엎어질 예정.(재신청필요)

20201120(금) 작업

소스 이쁘게 만들기 이클립스 단축키: source메뉴 > format 클릭하면 됩니다.
alter용어: 키보드의 Alt키 교체하다는 의미. Alter table 명령DB(더미데이터)
img태그의 Alt속성: 이미지가 나오지 않을때, 대체(대신)로 나오는 문자입니다.
1일기준: 1,2가지 확실하게 아시것이 있으면됩니다. 쌓여서 실력이 됩니다.
로렘 입숨(lorem ipsum; 줄여서 립숨, lipsum)
한글 입숨: http://hangul.thefron.me/
영문 입숨: https://www.blindtextgenerator.com/lorem-ipsum
페이지 제작 순서(아래)
1. 이클립스에서 파일생성하고, html 립숨데이터 만들기.
1. 영역분리하기: 클래스 이름 지정하기.
1. CSS 적용하기: 자바스크립트 작업포함.
1. CSS 분리하기: 테스트 후 마무리.
페이지 강력새로고침 단축키: [Ctrl]+[Shift]+[R]
프로그램에서 대소문자, -, _ 에 대해서 설명드리겠습니다.(아래)
우선 DB에서는 테이블명, 필드명 모두 소문자로 표시로 통일 합니다.(선택적 필수)
자바스크립트, 스프링(자바)에서는 변수/함수명, 클래스명 2가지로 나눕니다.(아래)
우선 클래스명은 대문자로 시작합니다.(필수)
변수/함수명은 소문자로 시작합니다.(선택적 필수)
특히 CSS에서는 클래스명에 -(하이픈)이 가능합니다. 단, j쿼리(자바스크립트)에서는 변수/함수명에 - 이 들어가면 않됩니다.
CDN(Contents Delivery Network): 콘텐츠를 네트워크로 전달받아서 사용하는 방식.
어제 수업시 작동않되던 네이티브 자바스크립트 사용예시
어제 작동이 않되었던 이유: 위에서 아래로 순서를 가지고 실행이 됩니다.
document.getElementsByClassName는 배열값을 리턴
document.getElementById는 1개값를 리턴

window.onload = prepareButton;
function prepareButton() {
	var toggle_btn = document.getElementsByClassName("menu-toggle-btn");
	toggle_btn[0].onclick = function(){
		alert("햄버거메뉴를 클릭했습니다.");
	}
}

CDN jQuery코어 받기 다시한번 강의.
$(".gnb").stop().slideToggle("fast"); j쿼리 토글메뉴 예시
작업순서1: 이클립스에서 html만들고, 더미데이터 html 생성.
작업순서2: body에서 레이아웃을 3가지 영역분리 header, section, footer.
*작업순서3: header영역의 3가지영역(로고, 햄버거메뉴, 글로벌네비메뉴)를 배치작업.
작업순서4: 로고의 세부영역 디자인.
작업순서5: 햄버거메뉴 영역의 세부디자인.
작업순서6: 글로벌네비메뉴 영역의 세부디자인.
작업순서7: 자바스크립트로 햄버거메뉴의 토글기능 구현.
작업순서8: 본문section영역 세부디자인(슬라이드부분 J쿼리로 구현-PC용 CSS까지 작업 후 적용).
작업순서9: footer 영역 세부 디자인.- 사용자css(모바일용헤더,푸터), 사용자js(햄버거메뉴작동)
작업순서10: 마무리. home(index.html)메뉴의 작업 테스트 확인.
1페이지 모바일용 CSS작업이 마무리되면, reset.css처럼 외부로 css파일을 분리하는 작업이 있습니다.
나머지 페이지들도 작업예정.
=================================================
모든페이지 모바일용 작업 후, 태블릿용, PC용 디자인 추가 합니다.

20201119(목) 작업

자바스크립트: 종류 2가지입니다.(아래)
네이티브자바스크립트(고전): 오늘 배우고...
jQuery(현재트렌드): 앞으로 계속 하고...
jQuery: 자바스크립트 프레임워크를 말합니다. j쿼리 코어라고 합니다.
j쿼리 사용법: 코어파일이 필요.(인터넷으로 가져와서 사용가능-CDN방식 합니다.)
콜백함수란? 고전 함수처럼 함수명이 있는 것이 아니고, function()처럼 자동실행되는 함수.
함수형식(아래):
function Add(a,b) {
var sum = a+b;
alert(a + "더하기" + b + " 는 " + sum + "입니다.");
}
함수실행: Add(3,5);//함수명(매개변수1, 매개변수2);
함수란? 입력값이 있고, 출력값이 있는 것을 함수.(사칙연산 +,-,x..)
대표적인 에러메세지:(HTTP Status 웹브라우저 상태 에러 아래)
404 Not Found: 경로에 파일이 없을때.
500 Error : 스프링(자바)프로그램에러일때.
인덱스:index 색인(책끝에 가,나,다...), 특징 0부터 시작하는 순서를 가지게 됩니다.
var member = [ {name : "김일국"}, {name : "이병현"}, {name : "남가인"} ];

- 출력: member[0][name] => "김일국";

소괄호(), 중괄호{}, 대괄호[]

*, :after, :before { /* :콜론의 의미 가상요소(선택자)
    -webkit-box-sizing: border-box;/* 크롬,사파리용 크로스브라우징때문에 추가 */
    -moz-box-sizing: border-box;/* 파이어폭스용 크로스브라우징때문에 추가 */
    box-sizing: border-box;/* IE용 박스크기를 지정하는데 테두리포함하겠다는 의미 */
}

index.html 더미데이터에 모바일용 CSS적용예정.
html(jsp)영역지정방식: tag방식, class방식, id방식
id방식은 현재html문서에서 1개만 존재해야함.(로그인시 사용하는 아이디와 같은 기능)
class방식은 현재html문서에서 여러개 존재해도 가능함.
reset.css 를 불러옵니다.(작업전 사전준비) 이 역할은 아래
크로스브라우징 사전처리 역할(아래)
IE, 크롬, 파이어폭스, 사파리(Sapari) 다영한 웹브라우저 콘텐츠가 같은크기로 보이게 하는 역할

메뉴 클릭에 대한 자바스크립트적용.
index.html 에 태블릿용 CSS적용예정.
index.html 에 PC용 CSS적용예정.

20201118(수)

반응형 페이지를 위한 더미데이터 입력(index.html)
html5(버전): Hyper Text Markup Language (링크기능)
html5 버전은 이전 버전과 무슨차이가 있는지 확인.
Tag태그로 구조화된 문서 Document 입니다.
태그사용 기본형식: <태그명> 내용 </태그>
진입점이 무엇인지 실습: 자동실행되는 부분.
홈페이지실행: index.html만들었는데 의미: 홈페이지 진입점을 말하고, 자동 실행됩니다.
자바프로그램실행: main() 메서드를 만들고 자동실행되는 진입점 입니다.
주)윈도에서는 대소구분없음. 리눅스기반, 스프링(자바)기반에서는 대소문자 구분이 있습니다.
클래스명은 대문자, 파일명 소문자, DB테이블명 소문자.
webapp폴더 내에 resources/sample 폴더만듭니다: 디자인에서 사용하는 리소스
src/main/resources 폴더 위 폴더와 틀립니다. 이 폴더는 자바프로그램 리소스 입니다.
5개월 짜리 프로젝트: 초기 1개월 ERD만들어야 하는데, 않하고 프로그램 들어가면, 100%실패.
회사에서 프로젝트 하시면, 성공하는 경우 10건 1건밖에 않됩니다.
1번 프로젝트하고(4000만이상), 1년 무상보수 하고, 이후에 계속 관계가 유지되는 회사.
포토피아-온라인 포토샵 입니다.(무료) https://www.photopea.com/
Form(폼). 자료를 전송할때 사용하는 html 태그 입니다.
폼요소=폼컨트롤=폼태그=폼엘리먼트=폼오브젝트
웹프로그램은 자료이동이 핵심 역할입니다. 자료이동을 구현 개발자들.
회원가입폼 -> 사용자가 자료를 입력하면 -> 스프링(자바)프로그램 받아서 -> DB입력처리 합니다.
Stuff == To Do 실행해라. == 실행관련 아이콘 디자인이 있음.
MaterialDesign == 디자인재료
빛 색상구조: Red + Green + Blue = # 3f + 51 + b5
빛의 특징은 더할수록 밝아 집니다. rgb(255,255,255) = white = #FFFFFF
빛의 특징은 뺄수록 어두워 집니다. rgb(0,0,0) = black = #000000
16진수: 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F(15)
빛의 세기(강도)는 0 ~ 255 (0 제일어두운것, 255 제일밝은것)
물감의 특징은 섞을수록 어두워집니다.
색상: #3f51b5 (16진수 3개조합), rgb(함수) = rgb(48, 63, 159)
css: Cascade Style Sheet (계단식 스타일 문서표) 함수를 사용가능합니다.
코로나 단계 1.5가 1단계로 내려가야지만, 출석 수업이 가능하다고 들었습니다.
정확한 내용은 행정실에서 공지 하실 예정입니다.
강사도 1주일 후에 출석 또는 줌 강의가 될지 모릅니다. 저도 전날 알게 됩니다.
카카오 오븐에서 화면설계서 만들기.(PC용 화면설계)
모바일용 화면설계 마무리
html + css + javascript 실습하면서 이론 병행 연습.
강사가 제시한 화면설계서를 기준으로 실전실습을 진행 합니다.
어제 시험 리뷰
과제물시험은 주로 코드에 대한 주석에 평가가 이루어 집니다.
서술형시험(2건)이 있을때는 제출은 강사 이메일로 제출 받도록 하겠습니다.
나머지13건 시험(포트폴리오,과제물제출)은 어제처럼 다음카페게시판에 업로드로 제출 받겠습니다.
insert문에서 문자필드에 값을 숫자(""따옴표없이)로 해도 정답으로 처리하겠습니다.
HTTP: 7계층 응용계층(어플리케이션, 예, 크롬)
SSH : 5계층 세션계층(서버에 정보를 저방하는 방식)
IPv4: 32비트 ( 8bit.8bit.8bit.8bit ) 8bit X 4 = 32bit (192.168.0.255)
IPv6: 128비트 ( 16bit.16bit.16bit.16bit.16bit.16bit.16bit.16bit ) 16bit X 8 = 128bit

20201117(화)

1. 와이어프레임
1. 포토샵작업(PSD)파일
1. 화면설계ppt문서작업
1. html(css+javascript)퍼블리싱 / 안드로이드앱 액티비티 (위 화면설계기준)만들기
1. 웹프로그램 스프링 / 자바 프로그램 입히기.
카카오오븐에서 화면설계하기.
화면장표(필수): 화면이름, 화면ID, 화면경로(링크경로), 관련계정, 메뉴바출력여부, 비고(픽사베이:무료이미지출처)
실제 현업에서는 사용자화면보다는 관리자화면부터 작업 합니다.
관리자화면(CRUD, 회원관리, 게시판관리) -> 사용자화면(CRUD,게시판관리, 로그인처리)
UI의 흐름: 메뉴(링크) 구조도(필요한 정보를 찾기 쉽게).
아키텍쳐(스키마): 콤포넌트(플러그인=외부모듈)를 조합해서 프로그램을 만든 것을 말함.
프로젝트 마무리할 때 완료보고서중 아키텍처 구조도엑셀파일을 이력서 작성시 포트폴리오로제출.
카카오오븐 회원가입 후 로그인 미리 확인. OK.
NCS학습모듈로 V2.0.0 이론수업.
카카오오븐 https://ovenapp.io/ 에서, 화면설계실습.
목적은: 카카오오븐 툴 사용해서, 화면 레이아웃(와이어프레임)을 만들어 보는 것이 목적.
와이어프레임(와이어-철사선 만든 구조):
위 와이어프레임을 기준으로 V3.0.0에서는 html5+J쿼리자바스크립트를 이용해서 반응형 웹페이지제작.

20201116(월) 작업

깃을 이용해서 소스코드 옮기는 방법.
reset.css : 크로스브라우징처리.
크로스브라우징(IE, 크롬, 파이어폭스, 사파리 등등 모든 브라우저에 공통으로 보이게하는 목적)
반응형이 무엇을 의미하는지 확인 : 파이어폭스라는 프로그램으로 모바일>태블릿>PC용 디자인확인.
파스타 에러메세지 : CF-AppInvalid(100001): The app is invalid:
VCAP::CloudController::BuildCreate::StagingInProgress
파스타 클라우드 설정파일: manifest.yml (야믈파일)
V1.0.0: 1(메이저버전).0(마이너버전).0(릴리즈버전-실행버전)
파스타 클라우드에 스프링MVC프로젝트 올리기 후 도메인으로 접속 확인-다음과목에서 다시진행예정.
파스타 정상작동이 확인될때까지는 헤로쿠에서 계속작업예정 입니다.
locked 되신분들은 락은 파스타 클라우드 대시보드에 로그인 되시는 상태로 다시 시작하게됩니다.
http://kimilguk.paas-ta.org/ 접속확인-다음과목에서진행예정.
깃 사용하기 위해서 git scm설치한 것처럼, cf(클라우드 파운드리) cli 프로그램 설치가 필요합니다.
헤로쿠는 깃과 바로 연동되는 것이 장점.
파스타는 이클립스와 바로 연동되는 것이 장점.(1년에 1번은 뒤집어 엎어지기 때문에, 여러분 자료가 다 사라집니다.)
서술형 예상문제 1-2문제 같이 풀어보는 시간갖기. OK.
HomeController.java 분석 후 수정. OK.
분석한 내용은 컨트롤러 단에서 시간데이터 조작한 내용을 뷰단으로 자료전송해서 출력한 예를 분석해 보았습니다.
로그를 콘솔에 출력: Logger(클래스명-데이터타입) logger(변수명) = 실행대상이 되는 클래스를 지정;
예를 들면, int(데이터타입) age(변수명) = 30;
위처럼 변수를 선언하고, 로그를 사용하려고, logger변수를 만들었습니다.
로크출력 사용예: logger.info("출력할 내용...");
public class HomeController { 내용 }
Beans(=클래스): 스프링이 관리하는 클래스 빈(즈)=@Controller를 이용해서 빈으로 반자동등록, 커피빈(커피콩)
====================================================
edu데이터베이스에 address2테이블 만들었습니다.(SQL타이핑키보드로)
물리데이터베이스에 테이블이 1개 추가되었으니, ERD모델에도 테이블 추가된 것을 반영하기
물리테이블 추가된 것을 반영하기 위해서 ERD모델에서 싱크(동기화) 시킵니다.
1. 과제물제출 50점
1. 서술형시험 50점
합계 100점으로 평가가되고,
1. 과제물제출은 구글 문서에 있는 내용입니다.
1. 서술형 시험은 sw기초기술활용과목 1,2,3단원에서, 각 3문제 총 9문제가 나오게 됩니다.
대부분 단답형이고, SQL쿼리도 2개 문제 포함 되어 있습니다.
SQL쿼리는 ERD테이블그림을 그림을 보시고, 테이블 생성하는 쿼리를 만드시고, 제출하시면 됩니다.
입력결과 예시를 보시고, insert쿼리도 1개 만드는 내용도 있습니다.
egov(이클립스)실행, 만세아이콘(wamp)실행, 워크벤치 실행.

20201113(금)

스프링 MVC구조 중 Controller단 HomeController.java 자바클래스를 분석해 보겠습니다.
==============MVC구조중 컨트롤러단 분석(아래)===================
HomeController 분석해 봅니다. MVC구조중 컨트롤러단 분석(아래)
클래스특징: 클래스이름은 대문자로 시작하는 규칙.
이름의 특징: 낙타등표기법=카멜표기법을 사용. Home+Controller (표기 낙타등 혹처럼)
클래스의 MVC종류 역할 표시: 아래 3가지 콤포넌트(복합기능)
@Controller:지시자 아래에 있는 클래스는 컨트롤러 역할이다라고 스프링에 명시.
@Service:지시자 아래에 있는 클래스는 프로그램서비스구현 역할이다라고 스프링에 명시.
@Repository:지시자는 데이터베이스 Model을 조작하는 역할이다라고 스프링에 명시.
참고로, html주석은:
자바주석: 2가지(아래)
1줄 주석: // 로 시작
여러줄 주석: /* ... */
import: 임포트지시어 외부 라이브러리(모듈)클래스 가져다가 사용하는 목적.
추가로 @import는 jsp에서 외부 라이브러리(모듈)클래스 가져다가 사용할때 사용.
개발자가 import 하는 것이 아니고, 이클립스가 자동으로 임포트 시켜 줍니다.
package: 패키지(묶음,짐보따리) 자바소스코드(클래스)를 관리하기 위해서 만든 가상영역.(도메인구조와 유사.
http://controller.edu.org <-> org.edu.controller
org.edu.controller 클래스를 초기에 프로젝트 생성할 때 만들었습니다.
java폴더클래스루트입니다.
java.폴더안에.ogr폴더안.edu폴더안.controller폴더안쪽에 자바소스코드(자바클래스파일)이 생성됩니다.
자바클래스는 개발자가 만듭니다.(백엔드)
==========================================================
스프링 MVC구조 중 View단 home.jsp 화면 분석해 보았습니다.(프론트엔드)
프로트엔드에서 제작한 html디자인파일 개발자가 jsp파일로 프로그램을 입히기 됩니다.
IT분야는 1번 했냐 | 안했냐
Java(자바): 오라클에서 제작한(라이센스가있는) 프로그래밍 언어.
=================MVC구조중 View단 분석(아래)===================
자바로 만든 홈페이지가 jsp 입니다.MVC구조중 View단 분석(아래)
jsp(Java Server Page): 스프링 MVC프로젝트 신규 생성(새문서생성)시 아래기본출력
꺽쇠<% .... %>: jsp파일에서 자바프로그램을 사용할때 <% 자바프로그램 %>
<%@ page 애노테이션 페이지 지시자(어) 역할: 예, 페이지 인코딩(한글처리)
<%@ taglib 애노테이션 태그라이브러리 지시자.
taglib = url("외부자바프로그램용 태그를 가져다가 사용할 주소")
prefix(접두사-축약어) = "c"
<%@ page session 세션: 로그인 상태를 유지할때 사용합니다.
세션: 원래 웹페이지는 페이지 이동시 로그인(변수)정보 사라집니다. 이런 상황을 방지 하기 위해서 세션(변수)를 사용함.
기본은 session = "true" (세션변수를 사용하겠다는 의미이고, 기본값입니다.)
태그: 의복(옷) 살표 가각표 태그와 같은 역할을 하는 html정보 태그입니다.
가격표태그(정보), 타이틀태그(정보), 바디태그(본문정보), P태그(패러그래프-문단정보)
서버 시간...
이클립스에서 단축키: 저장 [Ctrl+S], 뒤로 되돌리기[Ctrl+Z], 앞으로 되돌리기[Ctrl+Y]
영역지정 후 복사: [Ctrl+C], 잘라내기 [Ctrl+X]
Deploy: 배포
==========================================================
서버시간 톰캣서버의 시간(이클립스 컴퓨터시간), 헤로쿠올리면(헤로쿠서버의 서버시간)
시험 못보시면, 다음날 못보신분만 재시험, 오후 5시 40분 이후 1시간 보수교육 이후 시험을 보시게 됩니다. 과제물 50점 + 서술형 50점 = 100점(60점 이상이면 통과)
60점 미만이시면, 과락이고, 5시 40분 이후 1시간 보수교육 후 재시험 보게 됩니다.
오후에는 스프링MVC프로젝트의 구조확인하면서, 데이터전송에 대해서 설명드리고, 수정도 해 보겠습니다. 새문서 만들기 처럼, 새 MVC프로젝트 만들때, 기본 생성되는 아래 파일2개 분석(용어설명) 후 수정예정.
home.jsp + HomeController.java
1달기준, (출석수업-오프라인)마지막주 4번째 주 기간에, 5분-10분학생-강사면담.
11월달 마지막주(오프라인-출석수업) 개인카톡으로 질문 사항에 대한 답변,
위 마지막주 제약없이 11월달 개인카톡 주시면, 답변드리겠습니다.
카톡 면담 화두, 희망 취업분야 알려 주시면(제한사항은 없으니, 다른주제도 됩니다.),
참고하시고, 개인카톡으로 답변을 드리겠습니다.
희망취업분야: 백엔드쪽(자바스프링), 앱분야(안드로이드), 프론트엔드쪽(부트스트랩같은js분야)
솔루션 + SI(대상업체 맞게 커스터마이징-개발 납품) 한꺼한에 묶여 있습니다.
솔루션기반: 전자정부표준프레임워크(이클립스+스프링 4.3.22 버전기반)
카톡면담 기간은 11월 23일부터 11월26일까지 제한없이 받겠습니다.
이클립스에서 글자크기 조정하기.
무료라이센스(저작권):아래
GNU: GNU는 Not Unix이다. 유닉스OS 비싸기로 유명. 개발자가 거부감이 있어서 만든게 GNU라이센스입니다.
LGPL2.0: General Purpose License(일반목적의라이센스) 공개라이센스 입니다.
MIT라이센스: Mit공대에서 만든 라이센스. 비영리,영리 맘대로 갖다 쓸수 있는 제일 유연성있는 라이센스 입니다.
1. 헤로쿠에서는 Hsql 메모리 데이터베이스 사용.(서버를 껐다가 켜면, 내용이 원상복귀)
보통 솔루션은 데모페이지가 있습니다. 데모페이지에 자료등록이 가능합니다.
보통 데모페이지의 데이터는 서버를 저녁에 껐다가, 아침에 다시 켜면, 데모페이지 데이터가 초기화됨.
Hsql 데이터베이가 위와 같은 상황에서 사용됩니다.
1. 파스타에서는 Mysql 데이터베이스 사용.(서버를 껐다가 켜도, 내용이 계속 유지됨)
파스타는 다음주 월요일 같이 진행하도록 하겠습니다.
오늘 답변메일 못받으신 분은 파스타 질문답변게시판에 체험하기요청 답신메일이 않온다고 요청부탁드립니다.
아니시면, 다시신청 넣으셔도 좋습니다. 재신청이 않되실 수 있습니다.(위 게시판에 남겨주시면 됩니다.)
답변메일에서 파스타 플레이그라운드 아이디 비번 받으셨으면 준비 되었습니다.
encoding(코드화,UTF-8)<->decoding(복호화)
MVC: 자바(스프링)개발 방식중에 3가지 분리해서 개발하는 방식 Model, View, Controller
Model: 데이터베이스 부분
Controller: 데이터베이스(Model)단 과 화면(View)단을 연결시켜 주는 역할.
View: home.jsp 이것처럼, 화면부분
IDE: 통합개발환경 Integration Development Environment (이클립스, 안드로이드스튜디오)
앞으로 여러분들의 작업순서가 아래처럼 진행됩니다.
log: 로그 에러상황을 확인할때 보통 많이 사용하는 용어. log4j 사용해서 데이터전송상황, 에러표시 등을 사용하게 됩니다.
1. 이클립스에서 학생명의 프로젝트 소스수정 + 기능추가.
1. 이클립스 수정한 결과, Run on Server 로 톰캣에서 확인 OK. http://localhost:8080/
1. 깃에 푸시.
1. 헤로쿠에서 Deploy Branch(깃브랜치) 클릭 -> 깃소스 -> 클라우드로 배포
1. 헤로쿠에서 OpenApp 버튼: https://학생명.herokuapp.com/ ( 나중에 이력서 포트폴리오 주소가 됩니다.)

20201112(목)

실습4: 헤로쿠 클라우드에 kimilguk프로젝트 배포, 도메인URL로 크롬에서 확인. OK.
pom.xml에서 수정사항이 발생되면, 메이븐 업데이트가 필요합니다. OK.
아마존웹서비스(AWS)도 마찬가지, 클라우드 파스타와 마찬가지로,
헤로쿠도 클라우드 설정파일을 작성해야지만, 작동이 됩니다.
파일이름은 Procfile 파일명 입니다.
war(와르파일) 웹실행파일, jar(자르파일,Java ARcive파일): 자바실행파일.
깃에 올릴때, 제외시킬 폴더를 지정. target폴더는 깃에서 제외시키는 방법
.gitignore 파일을 만들어서, target 이름을 적으시면 됩니다.
root루트: 최상위 위치를 가리킵니다.
POM.xml 파일에서 버전을 변경하게 됩니다.
Program 에 사용되는 Object Module(외부프로그램들=모듈) 관리하는 파일을 pom.xml이라고 함.
스프링-메이븐 프로젝트이면, 필수로 생성되는 파일 pom.xml입니다.
pom.xml에 있는 의존성(dependency)은 외부프로그램모듈에 대한 의존해서 갖다가 사용한다.
서블렛(servlet): server프로그램+let(조각), 미니서버프로그램
인젝트(Inject-주사바늘삽입): 외부클래스 사용할때 쓰는 지시어 @Inject 사용
Aspect(관점): 미술에서 사용하던 용어. @Aspect 사용.
지시어 = 애노테이션 = @
이클립스 file메뉴> 제일하단 바로위 Restart 클릭.
자바버전 1.6 -> 1.8 변경예정.
스프링버전: 현재 3.1.1 -> 4.3.22 변경예정.
깃서버와 이클립스 소스 연동 OK.
깃 저장 순서: 커밋(.git폴더에 저장OK) + 푸시(github.com에 저장OK)
형상관리 = 버전관리 = 소스관리 = 팀작업
이클립스 사용법:
화면 왼쪽 상단: Package Explore 패키지탐색기로 보이게 됩니다.
퍼스펙티브(Perspective): 개발자 관점.(java, eGov개발자관점)
관점이 너무 이상하게 변해있다면, Window메뉴>Perspective>Reset~클릭으로 해결.
파일저장: 화면상단 메뉴아이콘중 디스켓모양 클릭 또는 Ctrl + S 저장.

응용SW기초기술활용과목(4개의 단원)

4단원: 개발환경 구축하기 시작
빌드(building:건축물): 1. Maven(메이븐,이클립스에서), 2.Gradle(그래들,안드로이드스튜디오 앱)
메이븐빌드는 지겹도록 하시게 됩니다.
***빌드는 자바소스코드(.java)를 컴파일(.class)하고, 실행가능하게 프로그램모듈을 묶어(패키징)하는 역할.
egov 는 삼성SDS, LG CNS, SK C&C 3개 컨소시엄으로 만들었고, 200억정도 비용이 들었습니다.
실습1: 깃 저장소 만들어서 소스코드버전관리(형상관리)를 할 예정. OK.
깃 github.com 에 아이디/암호 회원가입하십니다. -> kimilguk 깃저장소 만들었습니다.
git scm 프로그램을 여러분 PC에 설치가 필요합니다. OK.
실습2: 이클립스에서 톰캣(Tomcat고양이) 웹서버 만드실 예정. OK.
실습3: 이클립스에서 kimilguk프로젝트 만드시고, 메이븐 compile(java->class파일), package(war파일) 3가지 실습예정.
war(와르파일): Web ARchive 파일: 웹실행파일.
이전에는 개발자가 서버관리자에게 웹실행파일을 줄때 .war 파일을 전달해주고, 서버관리자 war파일을 배포했습니다.
아직도 보안이 중요한 기관(곳)은 위처럼 작업이 진행됩니다.(보안때문에 남아있음)
지금은 개발자가 (서버관리자않통하고)클라우드에 바로 배포합니다.(대세)
스프링 MVC 프로젝트 1개 만들었습니다.(Hello world!)
프로젝트선택 -> run as -> maven build... 선택 OK.
포트(도메인1개 서비스를 여러개로 분리할때): http://localhost:8080/controller (마리아DB 3306포트)
context : 맥락(줄거리) OK.
깃 서버와 이클립스의 kimilguk프로젝트 연동시키는 방법 실습예정.
egov 설치(설정) 후 실행 후 PDF이론 들어가겠습니다.
지금 스프링프레임워크 최신버전 버전 5.x
egov: jsp, java, spring프레임워크(전자정부표준프레임워크), ibatis(mybatis)
제약사항: 전자정부프레임워크기반적용
전자정부표준프레임워크를 기반으로 웹프로그램을 제작하는 것을 공부
국방부(시청,관공서)와 같이 인터넷망이 분리되어 있는곳,
망이 분리되어 있어서 프로그램모듈을 인터넷으로 다운받지 못해서, 개발도 못하고.,
실행도 않됩니다.
그래서, 메이븐(프로그램모듈관리)에서 레포지토리를 설정하는 과정이 필요합니다.
프레임워크: 개발에 필요한 여러가지 유틸리티, 플러그인프로그램을 모아서
플러그인을 인터넷으로 다운받아서 웹프로그램에서 사용하게됩니다.
일일이 해당되는 프로그램을 웹페이지에서 다운받는게 아니고,
***Maven(메이븐)이라는 프로그램모듈(기능묶어놓은것-조립,분해가 가능것)관리하는 툴로 자동으로 다운로드 받게 됩니다.
***위 메이븐에서 관리하는 프로그램모듈들이 저장되는 위치가 Repository 입니다.
지금 화면에 보시는 부분이 위 레포지토리 위치 입니다.
스프링(자바)기반의 프로젝트 나라장터 공개입찰 (2000만원 이상)
개발하시게 되는 대부분은 4000만원이상, 2개월이상 부터
3명 ~ 5명 팀 작업이 진행.
egov 쓰는 목적은 프로젝트를 발주(수주)할때 전자정부표준프레임워크기반
egov 기반으로 개발하지만, 회사자체 프레임워크로 추가로 개발합니다.
그래서, egov는 기반만 가져다 쓰고, 개발자가 별도 추가로 개발합니다.
앞으로 전자정부표준프레임워크 용어를 egov 로 통일하겠습니다.
전자정부표준프레임워크 개발환경 설치(설정) 후 실행.
이론: 10년전에 시작한 스프링(자바)기반 웹프레임워크 입니다.
개발자가 사용하기 편하게 구성해 놓은 개발환경이 프레임워크 입니다.
구글에서 전자정부프레임워크 검색.
간단한 MVC 웹프로젝트 1개 생성.
과제물 정리 공지OK.
3단원: 네트워크 기초 활용하기.
L4스위치: 역할, 분산(분리)해서 에러상황에 대처하는 장비(아래)
가정: 서비스하는 웹프로그램이 2대의 서버에서 서비스되고 있다.
만약 1대가 고장났을때, 나머지 1대로 서비스가 접속되도록 변경시켜(스위치) 주는 장치
윈도IP확인: ipconfig
리눅스IP확인: ifconfig
NIC: 네트워크 인터페이스 카드 약자. = 네트워크 어댑터.
16진수: 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F (숫자10개+문자6개=16개)
10진수: 0,1,2,3,4,5,6,7,8,9 (숫자10개)
네이버아이디로 로그인 개발(수업에있음)하실겁니다.
http://127.0.0.1 (개발자용 전용의 PC 아이피) = http://localhost
개발자 초임(서울): 연봉2400~2800만( 직원10명 이상, 연매출 10억인, 법인(주식회사) )
프로토콜(Protocol): 대상이 있는 약속.
위 예, 홈페이지(서버)와 크롬(PC웹브라우저) 사이에 데이터 전송에 사용되는 규칙.
프로토콜 사용예, http(Hyper Text Transper Protocol)
Http의 특징: 비연결성(홈페이지 내용 크롬으로 화면에 받은 이후 연결이 끊어짐)
그래서, 위 http 비연결성 단점때문에, 소켓통신을 하게 되면, 연결성을 보장받게 됨.
ssh (보안접속에 관련된 프로토콜), sshd(Secure Shell Deamon서버)프로그램 설치
Putty(한글퍼티)로 원격접속하실 실습 예정.
ssh특징은: 항상연결됨.(Putty프로그램으로 연결된 후 연결이 끊어지면, 프로그램이 종료됨)
SSH( TCP:Transper Controll Protocol ) : 항상연결을 유지 퍼티프로그램사용
HTTP ( UDP: 웹페이지전송-홈페이지내용받고 연결이끊어짐(아래)
단점,User Datagram Protocol + TCP:소켓통신사용 ) - 크롬사용
통신 패킷: Packet - 패키지상품(묶음상품) - 데이터를 묶어서 전송하는 것.
네트웍크 OSI 7 계층(OSI 7 Layer): (아래)
7계층(응용계층): 크롬(홈페이지가 표시)
2~6계층 :
1계층(물리계층): PC에있는 랜카드(공유기)

============================================

2단원: 데이터베이스 기초 활용하기: 단원만 마무리되었고, 6개간 지겹도록 하시게 됩니다.
전산전공자 - 비전산전공자
현업-정보처리기사 크게 의미 없습니다.
IT분야 현업에서는 1번 해봤다->위주수업진행됩니다.
구글에 오픈소스가 많기 때문에, 현업에서는 전공/비전공 의미 없습니다.
정보처리기사 시험- 전공자유리 이론시험위주
1. 테이블에 자료 입력,조회,수정,삭제 작업예정.
인프런(검색) : 무료강의 10분단위이기때문에, 한번씩, 자바, 스프링, 자바스크립트 들으시면 도움이 됩니다.
CRUD SQL쿼리 실행해 보았습니다.
Auto Increament : 자동증가처리 개발자를 편하게 해주는 대신,
단, 중간 이빨이 빠진 번호가 생깁니다.
나중에 jsp(html)에서 출력시 처리해서, 이빨빠진것 없이 보이게처리합니다.
위와 같은 것을 다른 Paging 처리 한다고 합니다.
페이징처리 한다고해서, 위 에 DB select 원본값이 변하는 것이 아니고,
웹프로그램 화면에서 보이기만 이빨 안빠지게 보이게 합니다.
SQL쿼리 실행시 에러확인: table alreay exist 기존에 테이블이 있으니, 먼저 처리하고, 다시실행.
화면 하단(옛날에 CLI 쿼리방식) -> 화면상단(GUI 방식)
N/A: No Acount 테이블이 아무것도 없다.
물리모델ERD(설계도)를 실제 데이터베이스edu에 싱크로나이즈(동기화)시키면,
edu데이터에베이스 테이블이 만들어 집니다.
seq_id: sequence (시퀸스=순서)
인터넷강의 돌려보실수 있으나, 줌은 돌려보실수 없습니다.
한번 놓치시더라도, 반복하기때문에 지나셔도 괞찬습니다.
단, 수업진도 같이 가셔야, 나중에 반복할때 다시 듣게 됩니다.
물리ERD만드실때, 테이블,필드명은 소문자로 합니다.
20201111.mwb ( mysql workbench 파일 )
왜냐하면, 대소문자를 구분해서 Client != client 사용하는 경우가 있습니다.
인덱스 예 배열변수, var member (=엔티티,테이블-표) = [ {name: "김일국", gender : "남자", age: 40}, {name : "이병현" , gender : "남자", age: "서른살"}, {name : "남가인" , gender : "여자", age: 20} ];
위 상황에서는 age 에서 에러(error)가 발생됩니다.
이런 에러상황을 방지하기 위해서 데이터형태가 존재 합니다.
이런 데이터형태를 DataType (데이터타입)이라고 합니다.
물리모델ERD만들실때, 주석입력은 해 주셔야지 개발자들이 작업이 가능하게됨.
주석: Comments
데이터타입: 바차varchar(45); 영문자열 45글자를 저장가능하다.
질문: 우편번호, 연락처는 문자열(varchar) 했은데, 숫자기 때문에 int으로 해야..
답변: 유연한 개발을 하기 위해서, 우편번호:111-11, 연락처:010-111-1111
유연한 개발을 위해서, 확실한 숫자값이 아니면, 문자열로 하시는 것이 좋습니다.
AI: Auto Increament 자동증가: 1, 2, 3, 4 int정수값을 자동으로 입력해 줌.
AI 로 자동증가된 정수값을 색인Index용으로 사용하게 됩니다.
AI 앞에 NN(Not Null): 빈공백값을 허용하지 않겠다.
NN 앞에 있는 PK(Primary Key): 기본키(고유식별키) 색인키 index키
PK는 사람으로 치면 주민번호와 같은 역할 입니다.(우리나라에 고유1명)
예를 들면, 데이터가 10개 입력되어 있다면,
delete from client where client_id = 10;
클라이언트 테이블에서 클라이언트_아이디가 10번인 가로줄을 삭제하겠다.
insert into client values('값1', '값2', '값3', now());
Type : 숫자(int, number), 문자열(varchar), 글내용(text), 날짜(date, timestamp)
time stamp(시간 도장) : 1970년 1월1일 부터 지금까지 시간을 1초 단위변환한 값.
timestamp 값은 1605055186 초 => 1970년기준 초단위변환 => 20201111
1. wamp 실행 -> 2. 워크벤치 실행 -> 3. DB커넥션 실행 + 어제 Model 오픈.
데이터베이스 ERD -> 실제 물리 테이블로 싱크맞추기 예정.
SQL쿼리실행: 위에서 만든 테이블에 데이터 CRUD(입력,조회,수정,삭제)하기 예정.
SQL : Structure Queary Language 구조적 질의 언어, 체계가 있는 묻고 답하기 언어
Insert Into 입력테이블명~
Select from 조회테이블명~ (where)
Update 수정테이블명 Set 필드명 ~where
Delete from 삭제테이블명 where ~
암호는 공통 으로 지정합니다: apmsetup
1. 마리아DB데이터베이스 관리자root 암호지정. ( 웹프로그램 개발시 필수 )
phpMyAdmin 웹프로그램에서 암호없이 로그인
로그인 후 상단 메뉴중 사용자 계정 클릭
제일아래 root 계정 localhost 권한수정 버튼 클릭
권한수정 화면 상단 [암호변경] 버튼클릭
마지막으로 암호 옵션에서 apmsetup 입력처리

1. 마리아DB한글입출력이 가능하게 처리. ( 웹프로그램 개발시 필수 )
UTF-8: 유니코드 타입 폰트 약자(Unicode Type Font) 다국어:한국어, 일본어, 베트남 등등...
wamp서비스 모두중지 -> mariaDB에서 my.ini (initialize초기화설정파일) 수정 후
wamp서비스 모두재실행 끝

Mysql서비스 Stop 중지클릭 -> Remove Service 클릭
Maria DB포트 3307 -> 3306 변경예정.
localhost 특별한 도메인PC에서 인식하는 : http://localhost/ 실행(개발자용도메인)
http://127.0.0.1 (개발자용 전용의 PC 아이피) = http://localhost
포트: 서비스 위치( http://kimilguk-mysql.paas-ta.org:80포트 )
웹서비스: http://localhost:80 포트
Mysql DB서비스: http://localhost:3306 포트 -> 3308포트로 변경
Maria DB서비스: http://localhost:3307 포트 -> 3306포트로 변경
톰켓(자바스프링서비스): http://localhost:8080 포트
오라클 DB서비스는? : http://localhost:9000 포트
실습준비: wamp 확인 ( Windows Apache웹서버, Mysql서버(마리아DB), Php서버 )
코딩 참조: stackoverflow
오픈소스참조: sourceforge : wamp 3.2x 기본이 mariaDB (it 강의저장소 3.1x 기본 mysql)
워크벤치로 백업 도 실습하실 예정 입니다.
index = 색인을 만들면 장점은 검색속도 빨라집니다. 모든검색하지 않고, 검색키값만 검색
index 자동으로 만들어 집니다. 테이블 생성할때, 기본키(Primary Key: PK)만들때 자동생성
var member = [ {name:"김일국"}, {name:"김일국"}, {name:"남가인"} ];
Update 명령어는 주의: update member SET name = "김일국"; //이렇게 실행 시말서
delete from member; //위 3개 데이터 모두 지워집니다.
delete from member where index = 0;
update member SET name = "김일국" where index = 1; 이렇게 해서 1개 수정하게처리
- 애스터리스크 , ? 물음표 : 와일드 카드(대체가능한) 문자
abc.txt = a?c.txt : 물음표는 1개의 문자만 대체가능합니다.
abc.txt = *.txt : 별표는 여러개의 문자를 대체가능합니다.
자바 : 프로그래밍 언어.
데이터베이스 언어 분류: DDL, DCL, DML
DDL: Data Definition(정의) Language 테이블+필드생성명령어 Create Table..., Alter Table
DCL: Data Controll(제어) Language 예, show tables (테이블명을 출력하는 명령어)
DML: Data Manufulation(조작) Language 데이터 생성, 수정, 삭제명령어 Insert, Update, Delete ...
워크벤치 ERD를 논리모델로 만들어서 실제 물리DB에 밀어넣어서 동기화(싱크) 시킵니다.
ERD 스키마(구조): 논리모델, 물리모델(Model=데이터베이스)
참고: MVC 개발방식, Model(db)-View(jsp,html)-Controller(java)
관계: 1:m(many, 1대다관계), n:m(다대다관계)
var member (=엔티티,테이블-표) = [ 자바-스프링에서는 VO(Value Object)클래스라고 함. {name (=속성,필드,컬럼) : "김일국" (=속성값,필드값) ...
5명 6개월 선문대 : 개발이사1(ERD), 개발팀과장남1,여1(ERD보고 기본CRUD구현),
개발팀대리1(jsp생산), 디자인팀대리1(퍼블리싱)
CRUD: Create(입력-insert), Read(조회-select), Update(수정), Delete(삭제)
E-R다이어그램(도형ERD) : Entity(테이블-표) - Relation(관계-닭발) 워크벤치에서 구현합니다.
제조업 같은 경우: 300인 이상을 중소기업이라고 합니다.
IT 같은 경우: 직원 10인 이상, 연매출액 10억이상 중소기업(주식회사) 입니다.
개발하기전 데이터베이스를 선택: oracle, mysql, maria, mongo 기타 등등
용어 : | = 파이프라인 = 또는
관계형데이터베이스 관계기호: 1개 : 0개 | 닭발(까마귀발=CrowFoot)
관계형데이터베이스: RDBMS(Relational DataBase Management System)
관계형: 자료(테이블=표)사이에 부모-자식.
게시판(부모) <- 댓글(자식)
1개의 게시물(부모) > 댓글(자식들) 1, 2, 3, 4.....
만약 게시물-댓글 관계가 없다고 하면, 댓글이 어떤 게시물에 대한 댓글 모르게 됨.
그래서, 관계(부-자) 가 필요합니다.
mysql시작(오픈소스-오라클에 팔려서), oracle마무리(상용)
mysql 만드사람이 오라클 퇴사 후 자기 딸 이름으로 maria(마리아) DB를 만드었습니다.
오픈소스로 만들었습니다. 요즘 오라클회사의 mysql 유료화 될 수 있기때문에
그래서, 마리아 DB(mysql과 호환됨)를 사용합니다.
맥(부트캠프기반) 윈도 mysql실행이 않됨. 겸사겸사 마리아 DB로 진행 하겠습니다.
오라클 Java8 대신에 OpenJDK 8 사용하는 것과 같이(두버전 모두 호환됨)
오라클의 mysql대신에 maria DB(오픈소스)사용 합니다.(두버전 모두 호환됨)
인덱스(책 마지막 장에 검색어 색인과 같은 의미)
인덱스: Index 자료구조에서 순서를 가지는 자료, 0,1,2,3,4,5....
인덱스를 가지고, 데이터베이스(테이블) 자료를 입력,출력,수정,삭제 개발자일.
대괄호 = [ 테이블 배열 ], 중괄호 = { 한줄배열 }, 소괄호 = ( 매개변수 )
인덱스 예 배열변수, var member (=엔티티,테이블-표) = [ {name (=속성,필드,컬럼) : "김일국" (=속성값,필드값) , gender : "남자", age: 40}, {name : "이병현" , gender : "남자", age: "서른살"}, 관계형DB 에서는 위처럼 age필드(칼럼) 숫자, 문자 혼합 불가능 noSQL(비관계형 DB)에서는 가능 주로 IoT사용. {name : "남가인" , gender : "여자", age: 20} ];

- 출력: member[0][name] => "김일국";
- 출력: member[1][name] => "이병현";
- 출력: member[2][name] => "남가인";

데이터베이스 용어중 인덱스가 뭔지 확인: 크롬 > 개발자도구 띄웁니다.
1단원: 운영체제 기초기술 활용: 버추얼박스설치,우분투실행,리눅스 명령어실행. 크라우드 가입(6개월내내사용)
JDK설치.
박정수씨 원격 봐드리겠습니다.
java -version 확인
javac (자바컴파일러=번역기) :
영문 개발자 java코드를 기계가 알아보는 class코드로 번역해줍니다.
Helloword.java코드가 실행되는것이 아니고, Helloword.class파일이 실행되게 됩니다.
호스트OS: 윈도 7, 10 <- 버추얼박스: 가상화장치(vt-x) -> 게스트OS: 우분투(리눅스)
앱(안드로이드)
윈도기반 - 안드로이드 스튜디오 툴기반 AVD(vt-x) -> 갤럭시폰 애뮬레이터 실행
마지막 내년 4월에 위 App개발때문에 vt-x필요(학원PC로 하시면 문제 없음)
이병현씨, 맥OS 부트캠프기반 윈도 설치 후 셋팅중 OpenJDK 부분 원격으로 확인
OpenJDK 확인: JDK 가 없으면 아래상황이 발생 됩니다.
자바로 만들어진 프로그램(이클립스X, DB워크벤치X 등등)이 실행 않됩니다.
sudo: 수퍼유저로 명령어를 실행할때, osboxes.org(아이디) / osboxes.org(암호) =================================================
OpenJDK, 이클립스(전자정부개발환경3.9버전), 톰캣(웹서버) 다운받겠습니다.
학습목차 >
JAVA 개발 툴설치: Java Delvelopement Kits 오라클 8버전(1.8) 유료화
Open JDK를 설치해서 자바개발환경을 만들게 됩니다.
평가가 보통은 1가지, 2가지(서술형, 과제물제출 서식)
이클립스기반 스프링, mysql, 클라우드.
프로젝트 웹에이전스 : 100 ~ 300만 1달 20~30개
- 프로젝트 솔루션개발또는 SI업체 : 2000만 ~ 1억 ~ 2억 : 1개당 3개월 ~ 12개월
위 SI 관련 프로젝트(교육기간:3달) 10개 중 2개 안드로이드 앱.(교육기간:1달)
5명 6개월 선문대 : 개발이사1(ERD), 개발팀과장남1,여1(ERD보고 기본CRUD구현),
개발팀대리1(jsp생산), 디자인팀대리1(퍼블리싱)
취업하실 곳은 서울(구로,가산), 경기(판교) 취업예상 됩니다.
헤로쿠: 깃repository(저장소)에 작업한 결과를 푸시(업로드) 소스관리.
위 깃소스를 헤로쿠에 Deploy(배포)해서 서비스를 하게 됩니다.
https://kimilguk.herokuapp.com 이렇게 서비스 도메인이 자동으로 등록됩니다.
단, 최초 실행 속도가 느리다는 것이 단점.
zzz : 잠자고 있다는 표시.
실습1: 버추얼박스 설치 후 우분투에서 리눅스(OS) 명령어 실행
실습2: 구름IDE에서 컨테이너 1개 생성(C/C++)해서 리눅스(OS) 명령어 실행
실습3: 파스타클라우드 신청, 헤로쿠클라우드 신청: 앞으로 6개동안 지겹도록 하실 내용.
신청하신분: 회원가입시 등록한 이메일로 확인 메일 받으시면, 같이 진행합니다.
헤로쿠: 다같이 신청 후 바로 사용가능합니다.
find /home -name "*.cfg"
Permission denied
sudo : super user do실행하겠다. 암호입력필요
sudo find /home -name "*.cfg"
osboxes.org (암호입력)
구름IDE에서는
find ./ -name "*.c"
find ./ -name "main.c" (파일이름 검색 명령어)
uname -a (리눅스 버전 확인 명령어)
작업프로젝트 납품하실때, 개발환경, 실행버전, 반드시 적어야 납품이 가능하십니다.
vt-x: 바이오스(CMOS)에서 설정 바꿔야야 합니다.
CMOS바이오스 진입하는 방법 4가지(종류가 여러가지라서...)
PC전원을 껐다가 켜시고, 바로 [F1], [F2], [F10], [Del]
박재형(OK), 정동규(OK), 정도영(OK)
박정수(구름클라우드-리눅스명령어실행),
이찬홍(구름클라우드-리눅스명령어실행),
임송하(구름클라우드-리눅스명령어실행),
배경득(구름클라우드-리눅스명령어실행),
김다혜(구름클라우드-리눅스명령어실행)
C언어 하실 때, 구름IDE 클라우드에서 C언어로 구구단, 은행입출금 프로그램 제작예정.
Virtualization Technology [disabled] 찾으셔서, 바꾸고 저장.
[enabled] 바꾸시고, [F10] 저장후 재부팅
vt 설정않되신분은 https://www.osboxes.org/ubuntu/ 에서
Ubuntu 16.04.6 Xenial 32bit 다운받으신 후 같이 진행 하십니다.
안드로이드 앱 하실때, 같은 문제가 발생하시는데,
마지막 달 학원에서 수업하시게 되니 괜찮을겁니다.
VT 않되시는 분은 3차 방법으로 수업가능합니다. 염려하실 필요 없습니다.
우분투 16.04.6 버전의 vdi(버추어 디스크 이미지) 저장했습니다.
앞으로도 프로그램 관련해서는 한글폴더에 저장위치를 잡으시면 않됩니다.
http://blog.daum.net/web_design (강사 블로그)
호스트OS: 윈도 7, 10 <- 버추얼박스: 가상화장치 -> 게스트OS: 우분투(리눅스)
v1.0.0 : 버전v 1(메이저버전).0(마이너버전).0(소버전)
egov 3.9.0 버전을 설치해서 자바 스프링 프로젝트를 개발예정.
용어에 익숙해 지도록하기 위해서 설명 드리고 있습니다.
지금 1단원 하고 있습니다. 이론 마치고, 집PC로 실습진행예정.
실습진행: 버추얼박스설치 > 우분투실행 > 리눅스명령어 실행실습
클라우드: 가상화기반의 서비스 3가지(아래).
IaaS(아이아스, 이아스): 인프라 as A 서비스. 오픈스택
PaaS(파스): 플랫폼 as A 서비스. 한국정화진흥원의 파스타,속도빠름
파스타 단점은, 1년 1번은 초기화 됩니다. 클라우드 4G까지 무료지원
헤로쿠(Heroku)클라우드: 5개 프로젝트 까지는 무료.단, 속도가 느림
SaaS(사스): 소프트웨어 as A 서비스. 구글 문서, 프레젠테이션, 스프레드시트
IaaS(인프라-서버) > PaaS(인프라+개발자) > SaaS(개발자)
프로세서: 1개 프로그램과 동일.
=실행중인프로그램=인스턴스(자바)=오브젝트(자바)=스레드(자바)
애플리케이션Application(PC 용) = 앱App (모바일용)
서술형시험은 오픈북 이니까 부담없이 보시면 됩니다.
: 콜론, ;세미콜론=함수종료,한줄 종료, : ; ,
키:값 배열변수 예, var member = [ {name : "김일국" , gender : "남자"}, {name : "이병현" , gender : "남자"}, {name : "남가인" , gender : "여자"} ];

- 출력: member[0][name] => "김일국";
- 출력: member[1][name] => "이병현";
- 출력: member[2][name] => "남가인";

윈도하단 작업표시줄>오른쪽버튼>작업관리자
위 작업관리자>세부설정>우선순위설정(프로그램우선순위)
GUI: 그래픽유저인터페이스, 탐색기(윈도)
CLI: 커맨드라인인터페이스, 명령프롬프트(윈도), 배시쉘(리눅스) 디지털컨버전스반 강사: 김일국 (010-8175-6075) 이메일: boramcom@daum.net IT강의저장소: https://github.com/miniplugin/human 실습은 학원PC에서 하지 못하시는 관계로 여러분 집에 있는 PC로 실습을 진행하시게 됩니다.
거의 인터넷 강의하고 비슷하게 진행됩니다.
줌으로 실습을 하시니까, 바로 피드백합니다.
속도가 느리게 됩니다.
대략 1달 정도 후에 학원에 출근하실때,
학원PC 작업하실때, 집에 있는 개발 PC환경설정을
한번 더 하시게 됩니다.
작업결과는 깃허브에 푸시(업로드)해서, 소스관리하게 됩니다.
Github: VCS(버전관리시스템)
웹 프로그램 만들기(중간목표) -> 이력서 포트폴리오제출 -> 취업(목표)
웹프로그램만들기 위해서 배우는 언어들: 자바스크립트+자바
웹프로그램만들기 위해서 배우는 프레임워크: 스프링
웹프로그램만들기 위해서 배우는 데이터베이스: mysql, oracle
웹프로그램만들기 위해서 배우는 클라우드: 파스타, 헤로쿠
자바가 오라클 회사 소유입니다. 자바8(1.8)버전부터 유료화.
오픈JDK( 자바개발툴 Java Developement Kit) 8(1.8)으로 개발.
현업에 가셔도, jdk7 버전까지는 무료기 때문에...
현업에 가시면, openjdk 사용하게 됩니다.
요즘 핫트렌드 프로그램부분(3가지)
1. RestAPI(빅데이터 처리): 시각화, 댓글처리, 네이버아이디로그인
1. 클라우드 서비스: 파스타, 헤로쿠 클라우드에 스프링 웹프로그램 서비스
1. IoT: 통신(인터넷)으로 하드웨어 제어(1달)
아두이노-안드로이드 앱이용 전구 켜기|끄기
라즈베리파이-UART통신(USB:컴퓨터PC to Serial:라즈베리PC)
맥북으로 수업따라가시는분 2명 있었습니다.(가능했습니다.)
현업개발자는 맥북 쓰시는 분들이 더 많습니다.
우리반은 윈도우기반(PC, 노트북)으로 수업을 진행합니다.
출근하셔서 오프라인 수업시, 종이시험지, 과제물 업로드
온라인(줌수업)에서는 그림판 이미지 시험지
그림판 수정 후 과제물 업로드 하시게 됩니다.
실습하실때, 에러나신 분들 원격으로 제가 봐드립니다.
원격PC제어에 사용되는 무료프로그램이 팀뷰어 입니다.
다운받습니다. -> 실행을 같이 해 봅니다.
공유화면에 띄울 예정 입니다.
다른분들은 에러난 PC를 프로그램에러를 어떻게 처리하는지
참관하시면 됩니다.
디자인 큰 학원이 좋다는 이유와 같습니다.
에러상황을 질문할때, 옆에서 볼수 있어서, 에러상황처리도 공부입니다.
실습않되시는 분들 없이, 다 같이 진행 됩니다.

Name		Name	Last commit message	Last commit date
Latest commit History 648 Commits
.settings		.settings
DATABASE		DATABASE
git_img		git_img
src		src
.classpath		.classpath
.gitignore		.gitignore
.project		.project
.springBeans		.springBeans
Procfile		Procfile
README.md		README.md
manifest.yml		manifest.yml
manifest_bak.txt		manifest_bak.txt
pom.xml		pom.xml
usecase.ucd		usecase.ucd

Folders and files

Latest commit

History

Repository files navigation

스프링 작업순서

실시간 투표 확인 대시보드(트렌드기술-빅데이터,SNS가 활성화 되면서)

20211212(일): CVE-2021-44228 취약점 보안패치ㅣlog4j-1.2.15에서 log4j2로

20211101(월): HelloTest.java

20211030(토)

20210419(월) 작업

20210416(금) 작업

20210415(목) 작업.

20210414(수) 작업.

20210413(화) 작업.

20210412(월) 작업

20210409(금) 작업

20210408(목) 작업

20210407(수) 작업

20210406(화) 작업

20210405(월) 작업.

20210402(금) 작업.

20210319(금) 작업.

20210318(목) 작업.

20210317(수) 작업.

20210316(화) 작업.

Hsql 데이터베이스 사용 개선

기본정보

수업에 대해서

톰캣 서버 강제 종료시키기

스프링 작업순서

20210202(화) 작업예정

20210201(월) 작업

20210129(금) 작업

20210128(목) 작업

20210127(수) 작업

20210126(화) 작업

20210125(월) 작업

20210122(금) 작업

20210121(목) 작업

20210120(수) 작업

20210119(화) 작업

20210118(월) 작업

20210115(금) 작업

20210114(목) 작업

20210113(수) 작업

20210112(화) 작업

20210111(월) 작업

20200108(금) 작업

20200107(목) 작업

20200106(수) 작업

20200105(화) 작업

20210104(월) 작업.

20201231(목) 작업

20201230(수) 작업

20201229(화) 작업

20201228(월) 작업

20201224(목) 작업

20201223(수) 작업

20201222(화) 작업

20201221(월) 작업

20201218(금) 작업

20201217(목) 작업

20201216(수) 작업

20201215(화) 작업

20201214(월) 작업

20201211(금) 작업

20201210(목) 작업

20201209(수) 작업

20201208(화) 작업

20201207(월) 작업

20201204(금) 작업

20201203(목) 작업

20201202(수) 작업

20201201(화) 작업

20201130(월) 작업

20201127(금) 작업

20201126(목) 작업

20201125(수) 작업

20201124(화) 작업

20201123(월) 작업

Packages