🚩th:style (display:none,block)

<th:block th:each="list : ${result}">
<div class="divcont" th:style="${list.result_flag == '1' ? 'display:block' : 'display:none'}"></div>
</th>

🚩th:styleappend (스타일 새로 추가)

<th:block th:each="list : ${result}">
<div class="divcont" style="background:#eee"th:style="${list.result_flag == '1' ? 'display:block' : 'display:none'}"></div>
</th>

Network Time Protocol의 약자로서 네트워크로 구성된 환경에서 운영되는 시스템들간 시간동기화를 위한 규약으로 NTP서버를 통해서 통신하고 있는 모든 서버의 시간을 동기화 하기 위함에 있다.

서버라기 보다는 시각 동기화장지라고도 한다.

📒

💻 코드

DBMS(Oracle, My-SQL, DB2 등)서로 다른 SQL를 사용함에 따라 미국표준협회(American National Standards Institute)에서 표준 SQL 문을 정립

🎫ANSI SQL 특징 미국표준협에서 정한 표준 SQL문으로 DBMS(Mysql, MariaDB, Oracle, MSSQL... 등) 특정 벤더에 종속적이지 않고 다른 벤더사의 DBMS도 사용이 가능하기 때문에 DB만 변경 되더라도 이슈없이 사용가능

• 프레임워크 구축 후 재상용을 함에 따라 DB를 변경시 시간을 단축할수 있어 ANSI SQL구문을 사용하는것이 좋다

📌관계형 DB VS 비관계형 DB

🎫관계형 DB

Mysql, Oracle, Mssql와 같이 SQL문을 통한 데이터 관리 테이블 구조의 데이터 관리를 하는 DB를 관계형 DB라고 합니다.    📍특징  트랜잭션을 통해 DB를 관리할수 있다. 하나의 단위로 기록 및 전체 롤백등 기능을 제공 📍장점 

• 데이터성능이 좋고 정렬, 탐색, 분류 속도가 빠름
• 데이터의 신뢰성이 높아 데이터 무결성 보장
• 정규화에 따른 갱신 비용을 최소 📍단점 
• 기존에 작성된 스키마를 수정 어려움
• 데이터베이스의 부하 분석 어려움
• 빅데이터 처리 비효율적임

🎫비관계형 DB

📍NoSQL이라고도 부르며, Not Only SQL(SQL 뿐만이 아닌. 이라는 뜻)의 줄임말이라고 합니다.  대표적으로 MongoDB, CouchDB 등이 있습니다.  📍특징 

• key-value 형식의 map 형태
• 관계형과 다르게 PK,FK JOIN등 관계를 정의X
• 스키마에 대한 정의X 📍장점 
• 대용량 데이터 처리를 하는데 효율적임
• 읽기 작업보다 쓰기 작업이 더 빠름
• 관계형 데이터베이스에 비해 쓰기와 읽기 성능이 빠름
• 데이터 모델링이 유연함
• 뛰어난 확장성에따른 검색에 유리
• 최적화된 키 값 저장 기법을 사용 응답속도, 처리효율 성능이 높음
• 복잡한 데이터 구조를 표현 가능 📍단점   - 쿼리 처리시 데이터를 파싱 후 연산을 해야해서 큰 크기의 document를 다룰 때는 성능이 저하됨.

🎫비관계형 (Nosql종류)

이미지 참조 : https://velog.io/@swhan9404/NoSQL-%EC%9D%98-%EC%A2%85%EB%A5%98%EB%B3%84-%ED%8A%B9%EC%A7%95

📌Redis란?

Key, Value구조의 비정형 데이터를 저장, 관리하기 위한 오픈소스 기반의 비관계형(NoSQL) DBMS(Data Base Manager System)

📌Redis특정

📌Redis특정

1. Redis다운로드 - github에서 Os에 맞춰 다운진행 Redis Download링크

2. 설치

3.약관동의 문의

4.설치 경로 설정

5. redis 사용 Port 지정

6. 용량지정

7. 설치 문의

8.설치 진행 중

9. 설치완료

10. Win키 + R -> services.msc ( 윈도우 등록된 서비스 목록 출력 ) 해

11. redis-cli.exe 실행

12. ping명령어입력하여 Pong확인하기 set 명려여어를 통해 데이터를 key-value형태로 입력가능 get으로 조회가능

명령어 모음

🙆‍기본 형태 : User-Agent: /

🙆‍**comment :

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.93 Safari/537.36

1. Firefox

🎁Mozilla/5.0 (platform; rv:geckoversion) Gecko/geckotrail Firefox/firefoxversion

* Mozilla/5.0 : 접속한 브라우저가 Mozilla와 호환
* platform : 브라우저가 실행되는 운영체제 환경 및 모바일확인 (window, mac, linux, android 등)
* rv: geckoversion : Gecko 버전 (파이어폭스 렌더링 엔진)
* Gecko/geckotrail : 브라우저가 Gecko 기반확인 데스크탑은 geckotrail값이 20100101스트링값으로 고정
* Firefox/firefoxversion : 브라우저 파이어 폭스 여부 체크

## 2. Chrome
>```
🎁Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.103 Safari/537.36

• 크롬은 파이어폭스는 비슷한 정보 출력 UA(리눅스 환경) + Chrome이름 + /ver정보 모바일ios CriOS출력시 크럼을 뜻함

  🎁Mozilla/5.0 (iPhone; CPU iPhone OS 12_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/71.0.3578.89 Mobile/15E148 Safari/605.1

• 안드로이드 삼성 브라우저접속시 크로미움 기반으로 Chrome, SamsungBrowser동시 출력

  🎁Mozilla/5.0 (Linux; Android 8.0.0; SAMSUNG-SM-G950N/KSU3CRJ1 Build/R16NW) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/8.2 Chrome/63.0.3239.111 Mobile Safari/537.36

• Microsoft Edge도 크로미움 기반이라 chrome과 Edge가 출력

  🎁Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36 Edge/17.17134

• 크로미움 기반 삼성브라우저 및 Edge를 뜻함

3. Safari

🎁Mozilla/5.0 (iPhone; CPU iPhone OS 13_5_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.1 Mobile/15E148 Safari/604.1

* 사파리는 크롬은 비슷한 정보를 출력 마지막 브라우저 정보에 Safari가 출력 & 모바일 접속시 Mobile출력

## 4. IE
>```
🎁IE11 : Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; rv:11.0) like Gecko

• IE로 접속시 trident 렌더링 엔진 명시

5. 브라우저 UserAgent정보 출력

• javascript

  <script src="https://code.jquery.com/jquery-latest.min.js"></script>
  <script type="text/javascript">     
  $( document ).ready(function() {
  
  // javascript에서 브라우저 정보출력
  const agent = window.navigator.userAgent.toLowerCase();
  alert(agent);
  

});

* java

@RequestMapping(value = "/testbrowger.do", method = RequestMethod.GET) public String testbrowger(HttpServletRequest request, Locale locale, Model model) { String browser = ""; String userAgent = request.getHeader("User-Agent");

if(userAgent.indexOf("Trident") > -1) {                                                // IE
    browser = "ie";
} else if(userAgent.indexOf("Edge") > -1) {                                            // Edge
    browser = "edge";
} else if(userAgent.indexOf("Whale") > -1) {                                         // Naver Whale
    browser = "whale";
} else if(userAgent.indexOf("Opera") > -1 || userAgent.indexOf("OPR") > -1) {         // Opera
    browser = "opera";
} else if(userAgent.indexOf("Firefox") > -1) {                                          // Firefox
    browser = "firefox";
} else if(userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1 ) {     // Safari
    browser = "safari";        
} else if(userAgent.indexOf("Chrome") > -1) {                                         // Chrome    
    browser = "chrome";
}

logger.info("---------------------------------------------");
logger.info("User-Agent : " + userAgent);
logger.info("Browser : " + browser);
logger.info("---------------------------------------------");

return browser;

}

```

DB테이블을 생성하다보면 varchar2(4000)이런식으로 형식을 지정하게 된다. varchar2는 문자열 이고 4000으로 명시시 4000byte를 사용할수 있게 된다. 통상 한글이 2Byte로 2000글자의 한글을 입력할수 있다.

But!!!!! 아래와 같이 int(11), tinyint(4) 형식으로 정수형 데이터옆에 (N) 형식으로 숫자를 명시할때가 있다.

(N) 이걸 _ZEROFILL옵션_이라고 한다. ZEROFILL옵션이란 해당 데이터에 자료형 길이에는 영향이 없지만 괄호안 숫자만큼 빈칸을 0으로 채우라고 명시하는 부분이다.

자료형 별 데이터 범위

🧨signed와 unsigned차이

• signed : 음수를 사용하겠다는 의미
• unsigned : 음수를 사용하지 않겠다는 의미
• 공통 UNSIGNED이면 0에서 양수 + 음수 합산 내역

TINYINT[(M)] [UNSIGNED] [ZEROFILL]

• 범위 : -128 에서 127 (UNSIGNED - 0~255)

SMALLINT[(M)] [UNSIGNED] [ZEROFILL]

• 범위 : -32768 에서 32767 (UNSIGNED - 0~65535)

MEDIUMINT[(M)] [UNSIGNED] [ZEROFILL]

• 범위 : -8388608 에서 8388607 (UNSIGNED - 0~16777215)

INT[(M)] [UNSIGNED] [ZEROFILL]

• 범위 : -2147483648 에서 2147483647 (UNSIGNED - 0~4294967295)
• 주의 : 모든 연산은 "signed BIGINT" 로 이루어진다. 따라서 더하기 곱하기 등으로 "signed BIGINT" 의 범위를 벗어난다면 값이 틀려질 것이다.

NTEGER[(M)] [UNSIGNED] [ZEROFILL]

• 범위 : INT 와 동일

BIGINT[(M)] [UNSIGNED] [ZEROFILL]

• 범위 : -9223372036854775808 에서 9223372036854775807 (UNSIGNED 일 경우 0 에 18446744073709551615)

FLOAT[(M,D)] [ZEROFILL]

• 범위 : -3.402823466E+38 에서 -1.175494351E-38, 0 그리고 1.175494351E-38 에서 3.402823466E+38
• 주의 : unsigned 를 설정할수 없다.

DOUBLE[(M,D)] [ZEROFILL]

• 범위 : -1.7976931348623157E+308 에서 -2.2250738585072014E-308, 0 그리고 2.2250738585072014E-308 에서 1.7976931348623157E+308
• 주의 : unsigned 를 설정할수 없다.

REAL[(M,D)] [ZEROFILL]

• 범위 : DOUBLE 과 동일

DATE

• 범위 : '1000-01-01' 에서 '9999-12-31'
• 주의 : unsigned 설정불가

DATETIME

• 범위 : '1000-01-01 00:00:00' 에서 '9999-12-31 23:59:59'

TIMESTAMP[(M)]

• 범위 : '1970-01-01 00:00:00' 에서 2037

CHAR(M) [BINARY]

• 범위 : 1 에서 255 글자
• 주의 : 고정길이로 길이가 작은 값이 입력되면 오른쪽에 스페이스로 채워져서 입력된다. BINARY 키워드가 주어지지 않을 경우 대소문자 구분없이 검색한다.

VARCHAR(M) [BINARY]

• 범위 : 1 에서 255 글자
• 주의 : BINARY 키워드가 주어지지 않을 경우 대소문자 구분없이 검색한다.

TINYTEXT

• 범위 : 최대 255 글자

TEXT

• 범위 : 최대 65535 글자

MEDIUMTEXT

• 범위 : 최대 16777215 글자

LONGTEXT

• 범위 : 최대 4294967295 글자

ENUM('value1','value2',...)

• 범위 : 'value1', 'value2', ..., or NULL 만이 입력가능 최대 65535 개의 다른 값이 들어갈수 있음

SET('value1','value2',...)

• 범위 : 'value1', 'value2', .., or NULL 만이 입력가능하다. 최대 64 개의 다른 값이 들어갈수 있음

🧨WIN + L -> 윈도우 잠금화면

🧨윈도우 검은화면 실행파일 만들기

1. 메모장 실행 후 아래그림과 같이 입력 후 "지정하고싶은이름+.bat" 형식으로 저장 (%systemroot%\system32\scrnsave.scr /s)

2.저장 후 해당파일 바로가기 생성

3. 바로가기파일에 대한 대상 경로 변경

기존 : C:\user ....... 이런형식경로 변경 : cmd.exe /c "C:\user ......." 이런형식으로 작성 (cmd.exe /c "기존경로")

4.생성된 바로가기에 대한 파일을 작업표시줄에 이동 후 단축키를 통해서 호출 진행 (작업표시줄 1번째에 해당파일을 두었기 때문에 win+1로 해당 파일 호출 )

5.이후 정상적으로 검정색 화면으로 변환된 내역 확인

-> 해당건을 사용하는 이유는 검정색 화면으로 구성후 원격접속을 위한 용도로 사용하기에 괜찮은 방법이기 때문에 해당양식으로 사용

-> git 버전을 확인 ( * 맥은 git이 기본 설치가 되어있다.)

2. git config --global user.name "깃허브 계정 ID" git config --global user.email "깃허브 계정 이메일주소"

-> git Repository와 내 로컬 피씨와 연동을 하기 위해서 계정정보를 세팅한다.

3. git remote add origin [내 저장소 링크]

-> git과 내 저장소의 링크진행

1. 로컬에서 루비를 통한 서버 실행
2. ruby cmd창에서 해당 디렉터리로 이동 후 jekyll serve 명령어 실행
3. http://localhost:4000/ 4000port로 로컬로 해당 블로그 운영 가능

git config -global name 등 설정 git config -list

아래처럼 git 저장소 설정을 하기 위해서

1. 로컬 PC 내 컴퓨터에 저장할 폴더 생성

-> D:\99_GIT_BLOG

2. git clone git 저장소 명령어

git clone https://github.com/mrbang-00/mrbang-00.github.io.git

이렇게 명령어를 진행하면 내 로컬 PC에 github 내역과 연결이 된상태

3. git status 이 명령어를 통해서 상태를 확인

4. git add * - 이렇게 하면 전체 파일 git add 파일명 - 이렇게 하면 특정파일

5. git commit -m "커밋 내용" git commit -m "blog skin update"

6. git push

-> commit한 내용을 내 git hub에 업로드 진행

7. git 전체 삭제

-> git rm ---cached * -> * 이쪽이 파일명이고 *로 하면 모두 삭제 처리 진행 ( 로컬 ) -> 삭제 후 커밋 진행 시 깃도 삭제

😜ORACLE 오라클 TIMESTAMP 데이터 임시테이블 조회

😜오라클에서는 TIMESTAMP 명령어

DML(Data Manipulation Language) 명령어중 UPDATE, DELETE명령어 사용후 commit 명령어를 입력할것이다. 그러나 사람은 언제나 실수를 하는법 입력한 명령어에 대한 잘못으로 다시 조회를 할때 ORACLE에서는 임시테이블에 저장된 데이터를 조회할수 있는 명령어가 있다. 그게 바로 TIMESTAMP이다.

*제약조건 : ORACLE에서 설정한 시간만큼만 임시테이블에 저장이 되는 구조이다. *

SELECT *  FROM TEST_TABLE AS OF TIMESTAMP(SYSTIMESTAMP-INTERVAL '30' MINUTE);

🧨데이터 조작어(DML:Data Manipulation Language)

👻SELECT 　　🐾조회 및 검색 명령어 (RETRIEVE) 👻INSERT & UPDATE & DELETE 　　🐾데이터의 값을 변경하는 명령어 (데이터 삽입, 수정, 삭제)

🧨데이터 정의어(DDL : Data Definition Language)

👻CREATE & ALTER & DROP & RENAME & TRUNCATE 　　🐾테이블과 같은 데이터 구조를 정의 명령어(생성, 변경, 삭제, 변경, 테이블 초기화)

🧨데이터 제어어(DCL : Data Control Language)

👻GRANT & REVOKE 　　🐾데이터베이스에 접근 및 객체들에 대한 사용 권한을 부여 및 회수 명령어

🧨트랜잭션 제어어(TCL : Transaction Control Language)

👻COMMIT & ROLLBACK & SAVEPOINT 　　🐾논리적인 작업의 단위를 묶어서 DML에 의해 조작된 결과정보를 작업단위(트랜잭션) 별로 제어하는 명령어

🧨show status; - MySQL 데이타베이스의 현재 상황
🧨show Processlist; - MySQL 프로세스 목록
🧨select * from information_schema.processlist where COMMAND <> 'Sleep'; - sleep이아닌 상태값   
🧨select * from information_schema.processlist where COMMAND = 'Sleep'; - sleep인 상태값 
🧨show global status like 'threads_connected'; - 현재 접속되어있는 연결 수 
🧨show global status like 'threads_connected'; - 현재 thread수 
🧨show global status like 'threads_created'; - 접속을 위해 생선된 thread수
🧨show global status like 'threads_running'; - Sleeping되어있지 않은 thread수
🧨show status like 'threads_connected';
🧨show variables; - 설정 가능한 모든 변수 목록
🧨show variables like '%max_connect%'; - 최대 사용자 접속수 보기

🧨flush logs; - MySQL의 로그파일 초기화
🧨flush status; - MySQL 상태정보 초기화
🧨flush thread; - 쓰레드 캐시에 저장된 쓰레드 초기화
🧨flush tables; - MySQL에 캐싱된 테이블 초기화
🧨flush privileges; - 권한정보 재 설정
🧨Aborted_clients; - 클라이언트 프로그램이 비 정상적으로 종료된 수
🧨Aborted_connects; - MySQL 서버에 접속이 실패된 수
🧨Max_used_connections; - 최대로 동시에 접속한 수

🧨Threads_cached; - Thread Cache의 Thread 수
🧨Threads_connected; - 현재 연결된 Thread 수
🧨Threads_created; - 접속을 위해 생성된 Thread 수
🧨Threads_running; - Sleeping 되어 있지 않은 Thread 수

🧨SELECT @@innodb_lock_wait_timeout; - Innodb lock wait timeout 값 ( innodb에 대한 lock 걸리는 최대 시간 설정 ) 
🧨SET GLOBAL innodb_lock_wait_timeout = 20; - innodb에 대한 최대 lock 시간 설정 (슈퍼 관리자 계정만 설정 가능) 

DB 접속 후 현재 설정 확인. select Host,User,plugin,authentication_string FROM mysql.user;

모든 IP 허용 GRANT ALL PRIVILEGES ON . TO 'root'@'%' IDENTIFIED BY '패스워드';

IP 대역대 허용 GRANT ALL PRIVILEGES ON . TO 'root'@'172.10.0.%' IDENTIFIED BY '패스워드';

특정 IP 허용 GRANT ALL PRIVILEGES ON . TO 'root'@'172.10.0.254' IDENTIFIED BY '패스워드';

IP 허용 후 원래 상태로 되돌리기 DELETE FROM mysql.user WHERE Host='%' AND User='아이디'; FLUSH PRIVILEGES;

thymeleaf는 자바 라이브러리이면서 웹, 웹이 아닌 환경에서 html, xml, javascript, css, 텍스트를 생성할수 있는 템플릿 엔진이라고 한다.

기존 java에서는 jsp라는 java server page라는 곳에서 jstl(java standard library)라는 라이브러리를 통해서 앞단과 뒷단데이터를 가져다 사용을 하였다.

하지만 Spring에서는 thymeleaf를 권장하고 있다.

타임리프 문법 예제

🧨데이터를 가져올때

let sessionval = /*[[${session.sessionstate}]]*/ "";

• map이나 session과 같은 객체에 담은 값을 가져올때

  <option th:each="item : ${datalist}" th:value="|${item.num}_${item.name}|" th:utext="${item.name}"></option>
  <option th:each="item : ${list에담은값}" th:value="|${item.num}_${item.name}|" th:utext="${item.name}"></option>

• list형태 데이터를 가져올때

_위형식으로 호출을 하게되면 java단에서 세션에 담은 객체를 가져올수 있다. 뒤에"" 이런형태로 명시를 해야 해당 세션값을 자바스크립트에서 "세션값" 이런형태로 가져올수 있다. _

🧨 문법 예제

<button th:href="@{/logout}" type="button" th:id="logout_id" th:class="logout_id" title="로그아웃">로그아웃</button>코드를 입력하세요

• href경로를 지정해줄때 th:href="@{/경로}"
• id값을 명시할때 th:id="아이디명"
• class값을 명시할때 th:class="클래스명"

  <option th:each="item : ${datalist}" th:value="|${item.num}_${item.name}|" th:utext="${item.name}"></option>

• value값을 합쳐서 사용할때 th:value="|${값1}_${값2}|"
• text값 th:utext="${텍스트값}"

  <a data-toggle="modal" th:onclick="|javascript:modalfun("A")|" data-target="#modalid">onclick이벤트</a>

• onclick이벤트 : th:onclick="|javascript:함수명(매개변수)|"

window.location.href - 전체 URL 전달 window.location.hostname - 도메인 내임만 전달 window.location.pathname - 현재 페이지 경로 전달 window.location.protocol - 사용하는 프로토콜 반환 window.location.assign - 새 document 로드

*😘자유 *

먹고 싶은 대로 먹고,

자고 싶을 대로 자고,

하고 싶은 대로만 하려 하면

그 순간은 자유로운 것 같지만

결국 우리는 자신의 욕구에 구속된다.

욕구를 제멋대로 두면 스트레스 저항성이 낮아져

작은 불만도 견디지 못하는 나약한 상태가 된다.

자신을 단련시키고, 훈련시키는 것은

일시적으로는 구속하는 것 같지만

욕구를 절제하는 힘을 통해 더 큰 자유를 누리게 된다.

불편하고, 원하는 대로 되지 않을 때도

흔들리지 않을 수 있는 것이 진짜 자유다.

우리는 수련을 통해 일시적 구속과 더 큰 자유를 얻는다.

• 참고 : Spring 3.0이상 버전부터 사용이 가능

web.xml에서 root-context.xml을 설정 -> 해당파일에서 util형식의 설정파일을 선언 -> 선언된 설정파일에서 spring에서 제공하는 sp, el태그에 들어갈 설정 명시

root-context.xml파일에 해당 설정파일 명시

allconfig.properties에서 필요에 따른 설정 파일 지정

• 해당 설정에 대한 파일별 사용방법 web.xml에서 DispatcherServlet을 설정

🧨catalina.policy

-> 보안정책에 대한 권한을 설정하는 파일이며 JVM에 의해서 웹 어플리케이션에 강제적으로 보안 정책을 권한을 설정한다고 한다.

🧨 catalina.properties

-> 서버를 시작할때 검색하는 서버라고 하는 이유 찾기 -> 공유로더 -> jar등의 공유 정보 포함

🧨 context.xml

-> 세션 및 쿠키 저장경로지정을 설정하는 파일

🧨 server.xml

-> 톰켓의 service, connector(포트포함), host정보등을 설정

🧨 tomcat-users.xml

-> 사용자 권한 및 인증정보 저장 -> 톰켓 관리자를 사용할때 활용된다고 하는데 이유 찾기 -> 기본적으로 주석처리 진행 (해제 및 설정을 해야 관리자 실행 가능) -> 추후 작업해보기

🧨 web.xml

-> 톰켓 인스턴스를 사용하는 기본 설정파일 -> WebApplication의 web.xml의 설정이 우선 적용

🧨앞으로 개발 블로그를 이곳으로 해야지

🧨gitblog랑 연동시켜서 잘 사용해야지

🧨앞으로 화이팅

 var a = "123";