본문 바로가기

전체 글

(81)
위지윅이란? CK Editor 사용하기 위지윅이란? CK Editor 사용하기 https://ckeditor.com/ 위지윅 이란? 위지위그(WYSIWYG: What You See Is What You Get, "보는 대로 얻는다")는 문서 편집 과정에서 화면에 포맷된 낱말, 문장이 출력물과 동일하게 나오는 방식을 말한다. 이는 편집 명령어를 입력하여 글꼴이나 문장 형태를 바꾸는 방식과 구별된다. -위키백과 즉, 우리가 흔히 게시판에서 보는 텍스트 에디터를 뜻한다. 이것을 라이브러리를 갖고와 편하게 사용할 수 있다. 위지윅 라이브러로는 "CK Editor", "TinyMCE", "Toast Editor", "Summernote" 등이 있다. CDN 방식으로 CK Editor 사용 사용할 html 파일에 아래 스크립트 태그를 추가해준다. 그 이..
[정보처리기사] 정보처리기사 2021년 3회차 시험 오답 & 개념 정리 정보처리기사 2021년 3회차 시험 오답 & 개념 정리 지금까지 기출을 풀면서 개인적으로 가장 어렵고, 모르는 개념들이 많이 나온 회차. 맞춘거 && 틀린거 개념 정리 2021년 3회차 UML 모델 관계 Association (연관관계): 사물과 사물 사이의 연관성 표현 Aggregation (집합관계): 하나의 사물이 다른 사물에 포함되어 있는 관계 Composition (포함관계): 집합관계의 특수한 형태, 포함하는 사물의 변화가 포함되는 사물에게 영향을 미치는 관계 Generalization (일반화 관계): 하나의 사물이 다른 사물에 비해 더 일반적인지, 구체적인지 표현 Dependency (의존관계): 사물 사이에 서로 연관은 있으나, 필요에 의해 서로에게 영향을 주는 관계 Realization..
[Mybatis] Mybatis #{}, ${} 의 차이 (Mybatis SQLSyntaxErrorException, Unknown column) Mybatis #{}, ${} 차이 공부하던 중 Thymeleaf를 사용하다 보니 무의식 적으로 xml 파일에서 ${} 이런 표현식을 사용하게 되었다. 처음에 위화감을 느끼지 못하고 Junit으로 단위 테스트를 진행했다. 역시나 당연하게 에러가 나게 되고 한참을 해메게 되다가 찾게 되었다. 내가 사용한 xml UPDATE vam_author SET authorName = ${authorName}, nationId = ${nationId}, authorIntro = ${authorIntro}, updateDate = now() WHERE authorId = ${authorId} 단위 테스트 @Test public void authorModifyTest() throws Exception { AuthorVO ..
[Spring Boot] 회원가입, 로그인 비밀번호 암호화(인코딩) 하기 (BCryptPasswordEncoder, Gradle) [Spring Boot] 회원가입, 로그인 비밀번호 암호화(인코딩) 하기 (BCryptPasswordEncoder, Gradle) 회원가입 시 데이터베이스에 등록되는 비밀번호를 암호화 하여 만일의 사태에 무방비하게 노출되는 비밀번호 유출을 막기 위해 데이터베이스에 저장되는 비밀번호를 암호화(인코딩) 하는 것이다. BCryptPasswordEncoder 란? 스프링 시큐리티(Spring Security) 프레임워크에서 제공하는 클래스 중 하나로 비밀번호를 암호화 하는데 사용할 수 있는 메서드를 가진 클래스 여기서 스프링 시큐리티(Spring Security)란 자바 서버 개발을 위해 필요한 인증, 권한 부여 및 기타 보안 기능을 제공하는 프레임워크 이다. Gradle 설정 implementation 'or..
[Spring Boot] Paging 구현하기 (Mybatis, MySql, Thymeleaf) [Spring Boot] Paging 구현하기 (Mybatis, MySql, Thymeleaf) 블로그를 하면서 하나 느낀게 공부할 때 그냥 이해 됐다고 넘어가면 오래 안가고 글로 작성하면서 다시한번 이해해야 더 오래가는 것 같다. 그렇기에 조금 애먹었던 Mybatis와 Thymeleaf를 이용한 Paging처리를 글로 남기려 한다. 현재 내가 하고있는거는 책 쇼핑몰이다. Kim VamPa님의 블로그 아직까지는 혼자 프로젝트를 진행해보려해도 백지에서 시작하는게 너무 막막하고 힘들다. 그래서 위의 블로그분의 글을 따라가며 방향성을 잡으면서 진행중이다. 항상 양질의 개발 글을 공유해주고 제공해주시는 모든 개발자분들에게 감사를 표한다. Paging 참고 블로그 (도뎡이님의 블로그) 본론으로 들어가기 전 처음 ..
[Spring Boot] MIME type ('application/json') is not a supported stylesheet MIME type (Interceptor 설정 시 css 오류) MIME type ('application/json') is not a supported stylesheet MIME type Spring Boot 공부하던 중 Interceptor 설정 후에 위의 오류가 나게 되었다. 구글링을 통해 몇가지 원인을 알아보았다. css 파일 이름에 대한 오류 즉 오타. 위의 경우 몇번을 눈씻고 확인해도 이상은 없었다. css파일 설정을 건들지 않았을 뿐더로 Interceptor 설정 전까지 잘 작동하였다. css 파일 경로에대한 오류 위의 코드를 아래 코드처럼 href 앞에 / 를 넣어주면 해결 된다고 한다. 하지만 나의 코드는 위의 경우에도 문제가 없었다. 그렇기에 Interceptor 설정에 문제가 있다는것을 생각했다. 나의 WebConfiguration..
[Spring Boot] 스프링 이메일 전송 사용하기 (SMTP) Spring Boot 이메일 전송 SMTP SMTP 란? SMTP는 Simple Mail Transfer Protocol로서 전자 메일 전송을 위한 표준 프로토콜 이다. 따라서 SMTP Server란 이메일을 송신하는 서버이다. (메일서버는 SMTP Server, POP3 Server가 있고 POP3 Server은 이메일을 수신하는 서버이다.) 요즘 정보처기기사 필기 준비하는데 이렇게 보니 반갑다 0. 메일 계정 보안 설정 SMTP를 이용한 이메일 전송은 전송하고자 하는 메일에 대한 계정 보안 설정이 필요하다. 메일 계정 보안 설정은 자신이 사용하고 싶은 계정만 진행하면 된다. 0-1. Google 이메일 전송을 할 Google 계정에 로그인 후 계정관리에 들어간다. 보안 탭에 들어간다 '보안 수..
[정보처리기사] 필기시험 정리 & 오답 정리 정보처리기사 필기 정리 & 오답 필기정리 파일 필기 파일 링크 위의 블로그분께 허락을 받고 링크를 첨부합니다! 몇가지 정리 파일을 보았지만 제가 느끼기에 가장 정리가 잘 되어 있었습니다. 정보처리기사가 20년도에 개정이 된 이후 기출문제들에 대한 개념정리를 꼼꼼하게 해 두어서 공부하기 정말 좋습니다. 또한 다른 글에 공부방식도 나와있어 한번 읽어보시는 것도 추천 드립니다. 파일 공유해주신 원작자분 감사합니다! 개인 오답 정리 개인 오답정리 (위의 링크 파일에 없는 혹은 랜덤 기출을 풀다가 모르는 내용 정리) 유스케이스(Use Case) 사용자가 보는 관점에서 시스템이 액터에게 제공하는 서비스 또는 기능을 표현한 것 타원으로 표현하며 타원 안쪽이나 아래쪽에 유스케이스 이름을 기술한다. 액터에 의해 수행되며..

728x90
반응형