위 코드에는 프로필 이미지 파일을 base64로 인코딩한 문자열이 포함되어 있다. 따라서 별도의 이미지 파일과 url이 불필요하다. [그림 1]은 위 코드를 실행한 결과이다. base64는 ASCII에서 특수문자를 제외한 26인 64개의 문자로 이루어진다. 즉, "A~Z, a~z, 0~9, +, /"로 표현된다. 아래의 base64encode.net에서 이미지 파일을 base64 문자열로 변환할 수 있다. https://www.base64encode.net/ Base64 Encode - Online Tool Base64 encode Encode base64 string from 'base64 encoder' to 'YmFzZTY0IGRlY29kZXI=' www.base64encode.net

패스트 캠퍼스의 "Java&Spring boot로 시작하는 웹 프로그래밍"의 Final 과제를 수행하고 있다. "데이터베이스 연동 설계와 구현"의 6번 "게시판 테이블과 시퀀스는 Board 엔티티에 설정된 Annotation을 기반으로 자동으로 생성되도록 합니다."를 구현하던 중 아래와 같은 에러를 만나게 되었다. org.hibernate.tool.schema.spi.CommandAcceptanceException: Error executing DDL 블라 블라~ Caused by: java.sql.SQLSyntaxErrorException: You have an error in your SQL syntax; check the manual that corresponds to your MySQL serve..

Maven Repository에서 Springfox Boot Starter 라이브러리를 검색하여 build.gradle에 추가하였다. gradle를 새로고침 하고 프로젝트를 실행시켰더니 다음과 같은 에러가 발생했다. "Failed to start bean 'documentationPluginsBootstrapper'; nested exception is java.lang.NullPointerException" 이 문제는 swagger와 관련된 에러로서 application.yaml에 다음의 코드를 추가하면 해결할 수 있다. 나의 경우 이 코드를 가장 상단에 붙여 넣었다. 프로젝트가 에러 없이 실행된 후 브라우저 주소창에 "http://localhost:8080/swagger-ui/"를 입력하면 [그림 1..

위의 API 문서를 토대로 아래와 같이 코딩하였다. 하지만 이대로는 "category=null"을 반환하는 문제가 발생하였다. package com.example.restaurant.naver.dto; import java.util.List; import com.example.restaurant.naver.dto.SearchImageRes.SearchImageItem; import lombok.AllArgsConstructor; import lombok.Data; import lombok.NoArgsConstructor; @Data @NoArgsConstructor @AllArgsConstructor public class SearchLocalRes { private String lastBuildDate..

Fast Campus의 Java&Spring 과정을 수강하고 있다. 강의에서는 Java 11 버전을 사용하는데-나의 경우 8 버전이 이미 설치되어 있었기 때문에-8 버전으로 실습을 진행하였다. 그동안은 별문제 없이 실습이 진행되었으나 네이버 API 연동 부분에서 var 키워드를 사용하기 시작하면서 실습에 어려움을 겪게 되었다. var는 타입을 추론하는 키워드로서 8 이하 버전에는 없는 기능이다. 실습을 따라가다가 처음 var가 등장하였을 때만 해도 어떤 타입에 대한 var인지 추측이 가능해 직접 타입을 지정해 주며 그냥저냥 따라갔고 별 문제가 없었다. 하지만 갈수록 곤란한 상황이 이어져 Java 11 버전을 추가로 설치하고 8 버전과 11 버전을 쉽게 변경해가며 사용할 수 있는 환경을 구축했다. 이를 위..

REST 테스트를 할 수 있는 도구이다. Postman과 달리 별도의 회원가입이 없어도 된다. 크롬의 확장 프로그램이라 설치가 간편하고 회원가입 없이도 크롬에 로그인되어 있다면 설정 값이 계속 유지되므로 편리하다. 패스트캠퍼스의 JAVA&Spring 원격 강의로 학습 중에 알게 된 툴인데 앞으로 즐겨 사용하게 될 것 같다! 설치 경로는 다음과 같다. https://chrome.google.com/webstore/search/talend?hl=ko

1. 입력한 후 "Enter" 키를 누르거나 포커스를 다른 곳으로 이동할 때 한 번에 출력. 데이터 바인딩을 하면 입력값이 실시간으로 출력된다. lazy 기능을 이용하면 "Enter"키를 입력할 때 출력되게 한다. 2. splice를 이용한 요소 추가, 변경, 삭제. data: { myArray: ['첫번째', '두번째', '세번째', '네번째', '다섯번째'] }, methods: { addLast: function(){ this.myArray.push("[맨 뒤에 추가]"); }, addObj: function(){ this.myArray.splice(index, 0, "[추가]"); }, changeObj: function(){ this.myArray.splice(index, 1, "[변경]"); ..

구멍가게 코딩단의 책 "코드로 배우는 스프링 웹 프로젝트(개정판)"으로 Spring legacy project 실습을 하고 있다. 책에서는 Oracle DB를 베이스로 하고 있는데 나의 경우에는 MySQL로 실습 중이다. 309~313쪽을 실습 중이었고 [그림 1]의 페이지 번호를 클릭하면 페이지 이동이 되어야 하는데 제대로 작동하지 않아 애를 먹었다. 아래 코드는 BoardMapper.xml의 일부로서 페이지 번호 클릭 시 페이지 이동을 담당하는 쿼리이다. MySQL에서는 페이징 처리를 위해 Oracle DB와 달리 LIMIT #{pageNum}, #{amount}를 이용한다. #{pageNum}는 몇 개를 skip 하는지이고, #{amount}는 몇 개의 데이터를 가져오는지이다. 예를 들어 1~10을..