분류 전체보기
-
7월 12일 수요일 TIL 회고록카테고리 없음 2023. 7. 13. 01:30
프로그래머스 Lv.1 코딩테스트 추억 점수 문제 설명 및 제한 사항, 입출력 예 풀이 import java.util.HashMap; import java.util.Map; class Solution { public int[] solution(String[] name, int[] yearning, String[][] photo) { int[] answer = new int[photo.length]; Map list = new HashMap(); for (int i = 0 ; i < name.length; i++) { list.put(name[i],yearning[i]); } for (int i = 0; i < photo.length; i++) { int sum = 0; for (String str : ph..
-
7월 11일 화요일 TIL 회고록카테고리 없음 2023. 7. 12. 01:12
게시글 선택 조회 오류 해결, 레디스를 사용해 캐쉬 적용 게시글 선택 조회 오류 게시글을 한번 조회한 후 다시 조회를 하려하면 아래와 같은 오류가 출력되면서 조회가 안되었다. (no creators, like default constructor, exist): cannot deserialize from object value (no delegate- or property-based creator), cannot construct instance of response 해당 에러의 원인은 아래와 같았고, 'jackson' library 가 empty constructor 가 없고, 파라미터가 있는 constructor 가 있을 때 어떻게 Json 모델을 생성해야되는지 몰라서 발생하는 문제 구글링을 해본 결과..
-
7월 10일 월요일 TIL 회고록카테고리 없음 2023. 7. 11. 00:48
게시글 조회 페이지 구현 최종 구현 페이지 (결과물) 1. html 전체 게시글 조회 구현 HTML에서 구현하려고 하니 딱히 구글링을 해도 안나와서 정말 애먹었고 고생했다. 전부 jsp를 사용해서 JSTL을 사용해서 편하게 body부분에 forEach를 사용해서 구현했는데 나는 HTML이라 JSTL이 적용이 안되었다. HTML 대신 jsp를 사용하려고 했으나 (새로 jsp 파일을 만들고 HTML에 있던 내용들을 전부 복붙) 막상 실행하고 jsp로 들어가면 들어가지지 않고 다운로드가 되서 포기했다. 그래서 생각한 방법은 ajax에서 반복문을 돌려서 구현하자고 생각을 했다. 처음에 for문을 사용해 반복문을 돌렸는데 작동은 잘 되나 최종 결과물처럼 예쁘게 나오지 않고 붙어나와서.. 멘붕이 왔다. // 예시..
-
7월 6일 목요일 TIL 회고록카테고리 없음 2023. 7. 7. 01:23
이미지 업로드가 안되던 문제 해결 구글링 및 샘플을 참고하여 이미지 html, script 부분을 바꿨다. 이미지 스크립트 부분은 너무 길어서 생략.. 아래 블로그에 있는 샘플을 참고하였다. https://purecho.tistory.com/68 [JavaScript] 첨부파일 다중파일 multiple 업로드 Ver1. 파일 첨부 시 최대 개수가 넘으면 현재 선택된 파일은 전부 첨부를 안 하는 방식. See the Pen [T] 다중파일 업로드 v1 by green526 (@green526) on CodePen. Ver2. 파일 첨부 시 최대 개수를 넘으면 최대 개수 purecho.tistory.com function createBasicBoard() { var form2 = document.queryS..
-
7월 5일 수요일 TIL 회고록카테고리 없음 2023. 7. 5. 23:16
게시글 작성 부분 만들기 먼저 어제 미완성으로 만들어두었던 게시글 작성 부분을 게시글 작성 api가 동작하게끔 만들었다. (부트스트랩 5, 구글링) 엄청 심플하다.. 더 이쁘게 꾸미고 싶었지만 이거 만드는데도 상당히 오래걸렸다 ㅋㅋ ㅠㅠ 카테고리 버튼 부분과 제목, 내용, 카테고리버튼에 각각 id를 부여했다. 게시글 작성 api를 포스트맨 코드스니펫을 사용해 vs code에 복붙했다. var form = new FormData(); form.append("request", "{\"title\" : \"제목\",\"content\" : \"내용\",\"BoardSort\" : \"BASIC\"}"); form.append("images", fileInput.files[0], "file"); var sett..
-
7월 4일 화요일 TIL 회고록카테고리 없음 2023. 7. 4. 22:45
프론트엔드 고민.. 어제 고치려고 했던 X 버튼을 누르면 마커가 안꺼지는 오류가 있었는데.. 결국 못고쳤다. 고치려고 수많은 시도를 했지만 고쳐지지가 않아 일단 보류하기로 했다.. ㅠㅠ... 게시판을 어떻게 만들어야할지 계속 고민했다.. 디시인사이드처럼 **갤러리 이런식으로 여러 갤러리를 만들고 싶은데 막상 백엔드로 구현하자니 어떻게 만들어야할지.. 또 어떻게 구글링 해야할지.. 모르겠다. 그래서 일단 게시판 폼만 만들었다. 구글링을 하여서 샘플을 가져왔다. 디시인사이드 갤러리와 비슷하다. 생각해보니 전체글을 조회하려면 게시글을 작성해야한다. 그래서 게시글 작성 폼도 구하긴 했는데.. 이건 내가 조금 꾸며야할 것 같다. 일단 게시글 작성, 전체 조회, 선택 조회 기능을 프론트엔드에 붙여보고 또 생각해봐야..
-
7월 3일 월요일 TIL 회고록카테고리 없음 2023. 7. 3. 23:04
프론트엔드 구현 로그인을 한 뒤 메인화면에 가면 사용자의 이름이 나오면서 ~~님 반갑습니다. 란 문구가 나오게 만들었다. .ajax(settings).done(function (response, status, xhr) { console.log(response); console.log(xhr.getResponseHeader('Authorization')) localStorage.setItem('accessToken', xhr.getResponseHeader('Authorization')) alert("로그인 성공"); window.location = '/index.html' }).fail(function(response) { console.log(response.responseJSON); if(respon..
-
6월 30일 금요일 TIL 회고록카테고리 없음 2023. 7. 1. 01:00
어제 multipartFile을 사용했었는데, multipartFile이 뭔지 적으면 좋을 것 같아 적어보려고 한다. Multipart란? 웹 클라이언트가 요청을 보낼 때, HTTP 프로토콜의 바디 부분에 데이터를 여러 부분으로 나눠서 보내는 것이다. 웹 클라이언트가 서버에게 파일을 업로드할 때, HTTP 프로토콜의 바디 부분에 파일 정보를 담아서 전송하는데, 파일을 한번에 여러개 전송을 하면 Body 부분에 파일이 여러개의 부분으로 연결되어 전송된다. 이렇게 여러부분으로 나뉘어서 전송되는 것을 Multipart Data라고 한다. 보통 파일을 전송할 때 사용한다. Multipart/form-data란? 일반적으로 폼 데이터를 전송하면 application/x-www-form-urlencoded 의 형식..