15일차 글쓰기save

글 작성 페이지, 글작성 완료

위 인증로직을 만들지 않았을때에는 postman으로 게시글 저장이 가능하다(principal=null로 들어감)

그러나!! 위에 처럼 인증로직을 만들어놓으면 principal이 null이면 게시글 저장이 안된다!!

★강사님 코드!!!!!!!!

 

Controller는 무조건 가야한다 왜? 파일이 WEB-INF에 있으니까!!!!!!!!!

글쓰기 페이지 가면?? C,V만 타고 간다

수정 페이지 가면??? 데이터 들고가야하니까 MVC 타고 간다!!!!!!

 

▶이제 수정페이지 만들자

웹 에디터 중에 summernote로!!!!!!!!

이외 다양한 무료 웹 에디터가 있다. 

참고 https://brunch.co.kr/

글이 작품이 되는 공간, 브런치

또는,, 네이버 스마트 에디터 https://smarteditor.naver.com/desktop/

네이버 스마트에디터 ONE

 

 

파일 다운받거나!!!!!!!!  CDN!!(content delivery network)

소스 테스트해보자 dynamic web project로!!!  이렇게 테스트 안하면! 나중에 오류 못잡는다.

ctrl+F11

 

그림이 다 그려지고 나서 !!! 

script가 맨 아래에 있는 이유??? 스크립트는 기생언어이다(인터프리터 언어이다). 즉 element가 이미 생성되고 script에서 해당 element를 찾아서 어떤 함수나 이벤트를 실행할거니까!! 돔을 제어하기 위해서 

결과는???

위에 내용 쓰는 란에 세로가 너무 좁다! 

기본 설정을 바꿔서 세로를 키워보자

문서에 확인해보자

위 코드로 수정해서 테스트해보자

그리고 나서 코드 적용

결과는???

 summernote가 css와  js를 다 들고 있어서 script로 event발생시킨다

db 에 byte로 저장된다. 이미지 1MB는? 100만 BYTE로 저장된다. 이걸 가지고 오면 그대로 뿌려서 화면에 보여지도록

디코딩이 되는 암호화로 저장된다!!!! MIME TYPE image/jpeg:......

password는 인코딩하고나서 복구화가 안되도록 만들어진다!

 

위에 글작성을 하면??? DB에 다음과 같이 저장된다.

 

<p><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgAB.........//Z" style="width: 198px;" data-filename="2MQSHX5004_0_198.jpg"><br></p> 

위에 DB에 저장된 코드를 복구화해서 화면에 다음과 같이, 보여주는 것!!!!!!!! 

▷data는?? 프로토콜

  image/jpeg?? MIME TYPE

 

▶이제 수정 버튼 클릭해서 수정페이지로 이동하는 로직 만들자!! 

1) 수정페이지로 이동

2)수정페이지 이동에 대한 Controller만들기

3)수정 페이지 Form 만들기 

updateForm => 기존에 만들었던 saveForm페이지를 그대로 복붙!!

4)update  Controller만들자

redirect는 파일로 가는게 아니라 주소로 가는거!!! 이때는 DB에 들리지 않고 간다. 

redirect:/post/1 이렇게 때려지니까 아래 주소로 때려짐 그래서 detail페이지로 이동!

수정완료후 상세보기 페이지로 이동한 결과

 

★주소에 대한 개념 체크!

   2

   3

IPv4

   5

   6

뭐가 바뀌었을까?? 1번 버전은 테스트! 그리고 2출시

주소 체계 2^32 즉, 42억 9천개 

짝수버전으로 출시!!!!! 

42억 9천개의 주소를 이렇게 만든다. 000.000.000.000

000이 8비트, 255개

즉 총 32비트! 

예를들어, 170.001.1.50 이런 IP 주소가 열린다.

172로 시작하는 IP

192로 시작하는 IP

10으로 시작하는 IP

는 할당하지 말라고 약속해놓는다. (사설 IP)

예를들어, 전세계에서 IP를 돈 주고 사서 제공해준다. 

LG가 홍길동에게 170.001.1.50을 제공해줬다고 하자. 

위 주소와 연결되는 선을 공유기에 꽂는다. 공유기에 핸드폰 컴퓨터 노트북 꽂으면??? 

내부 IP가 연결되어서 192로 시작한다. 

집에서 192.168.0.10이라고 치면??/ 내부 IP라서 공유기 타고 밖으로 가지 않고 공유기에서 우회되어서 다시 돌아온다. 

만약, 300.5.10.9라고 치면?? 공유기가 거르지 않고 밖으로 내보내서 해당 주소를 찾아간다.

 

dhcp할당 동적 할당도 있다

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

다음주 금요일까지 진도!!!(월화수)

1.HTML CSS 하루 수업

2.자바스크립트 put,delete요청 가능(싱글스레드 비동기 개념)

3.Java 객체지향 

 

그리고나서(목금)

1.페이징

2.GolobalException잡을것=> try-catch문

3.AOP기술(공통관심사 분리!) 바탕으로 만들어진 인터셉터 기술

  그리고 인터셉터 기술 바탕으로 만들어진 시큐리티!(보안) 

4.optional 처리

 

그 다음주

comment