추가 공부/Web

이번 프로젝트에서 로그를 사용할때System.out.Println() 을 이용해서 로그를 찍고 있었다. 하지만 성능저하에 큰 영향이 있다는 글을 확인하여 다른 로그 방법을 찾던 중 Lombok 이라는 것을 찾게 되었다.(성능저하 관련 글은 아래 블로그를 확인해주세요)https://systemdata.tistory.com/21 System.out.println 메소드는 실무에서 `절대 사용하지마라.`목차개요System.out.println 무엇인가?왜 사용해서는 안되는가?로그를 남기면 안되는 것인가?결론1. 개요프로그래밍을 처음 접하면 System.out.println(”Hello World”);같이 콘솔에 출력하는 것을 배우게systemdata.tistory.com Lombok 이란?Java 개발자들이..

이번에 Tomcat에서 호스팅 받고 확인해 보니 FTP 서버로 이미지 파일을 불러올 수 있다고 봐서Spring에서 FTP File Upload를 진행해 보았습니다. 우선 Spring에서 FTP로 File을 보내기 위해서는 pom.xml에 아래 의존성을 추가해주어야 한다.pom.xml더보기 commons-net commons-net 3.10.0  의존 주입이 완료되었다면 이제 FTP File을 연결하고 Upload 를 진행해보자. Test FTP File Upload변수 선언String ftpServer = "FTP 서버";int port = 21;String username = "FTP 접속 아이디";String password = "FTP 접속 비밀번호";//업로드를 하기 위해 파일 이름을 받아옵니다...

1. RequestBodyHttp 요청으로 넘오는 body 데이터를 HttpMessageConverter를 통하여 Java Object로 역직렬화를 하며multipart 요청이 아닌, 어떤 바이너리 파일을 포함하고 있지 않은 데이터를 받는 역할을 한다. HttpMessageConverter란Http 요청과 응답에 대해 '전략 패턴' 을 사용하 converting(반환) 해주는 역할이다.'전략 패턴'은 하나의 메서드가 여러 가지의 대응 방법을 미리 준비해두고필요한 상황마다 대응 방법을 달리하는 것을 말한다. RequestBody의 경우 Http 요청으로 넘오올때 Header의 Content-type을 보고 어떤 Converter를 사용할지 정한다.이에 Content-type 아래와 같이 명시해줘야한다. a..

이번 국비 최종 프로젝트 관리자 페이지에메인 페이지에 차트로 대시보드로 보이도록 만들 예정이라 Chart.js 관련을 찾아보고자 찾아보았다.적용법과 특징을 확인해서 작성해둔다. Chart.js 특징1. 간단하게 사용가능사용자 친화적인 API를 제공쉽게 차트를 생성하고 구성가능 2. 다양한 차트 유형Chart.js는 다양한 차트 유형을 지원차트 유형으로는 선 그래프, 막대 그래프, 원형 그래프, 꺾은선 그래프 등 3. 반응형 디자인Chart.js는 반응형 디자인을 지원하여 다양한 디바이스와 화면 크기에 맞춰 차트가 자동으로 조정 4. 상호작용 가능사용자가 차트를 클릭하거나 마우스 오버 이벤트 처리가능사용자가 차트에 대한 추가 정보를 얻고 특정 데이터 강조 가능 5. 가벼운 라이브러리Chart.js는 가벼운..

1. Spring Framework란스프링 프레임워크(Spring Framework)는 JAVA를 위한오픈 소스 프레임워크로서 간단하기 스프링(Spring)이라고도 합니다.이는 동적인 웹 사이트를 개발하기 위한 여러 가지 서비스를 제공한다고 합니다.(Spring == Spring Frameword)  2. Spring Framework의 특징은 다음과 같다.위키백과(Spring)경량 컨테이너로서 자바 객체를 직접 관리한다. 각각의 객체 생성, 소멸과 같은 라이프 사이클을 관리하며 스프링으로부터 필요한 객체를 얻어올 수 있다.스프링은 Plain Old Java Object 방식의 프레임워크이다. 일반적인 J2EE 프레임워크에 비해 구현을 위해 특정한 인터페이스를 구현하거나 상속을 받을 필요가 없어 기존에 ..

2. CKEditor 이미지를 서버에 저장하고 해당 내용을 출력해보기CKEditor_insert.jsp 글 작성  CKEditor.js이전 포스팅에서 import 한 Cktest와 editorConfig 를 js 파일에서 사용하기 위해 추가해주고 사용합니다.//editorConfig.js에서 CKEditor 설정 정보 불러오기import { editorConfig } from 'editorConfig';import { ClassicEditor } from 'CKtest';//CKEditor 생성console.log('CKEditor 생성');//CKEditor 생성하기위한 위치를 설정해줍니다.//editorConfig = 이전 포스팅에서 설정한 CKEditor의 설정입니다.ClassicEditor..

1. CKEditor 사용 준비하기CKEditor CDN 설정 및 import 설정 CKEditorConfig.js 만들기import { AccessibilityHelp, Autoformat, AutoImage, Autosave, BlockQuote, Bold, CloudServices, Essentials, Heading, ImageBlock, ImageInline, ImageInsert, ImageInsertViaUrl, ImageResize, ImageStyle, ImageTextAlternative, ImageToolbar, ImageUpload, Indent, IndentBlock, Italic, Link, Paragraph, SelectAll, Si..

이번 중간프로젝트에서 CKEditor 를 연동하지 않았지만추후 추가할 수 있기 때문에 공부해본다. 우선 아래에 CKEditor공식 사이트에서 지원하는 CDN을 추가해줍시다https://ckeditor.com/ckeditor-5/download/#cdn CKEditor 5 - Download Latest VersionDownload a ready-to-use CKEditor 5 Build. Install, download or serve a ready-to-use rich text editor of your choice.ckeditor.com   CDN이 추가되었다면 Script 태그에 type 속성 Importmap을 활용하여변수 이름을 지정하고 CDN 파일의 URL을 매칭 시켜줍니다. URL 매칭이 완..