🌟🌟🌟

📌문제2차원 배열이 주어졌을 때 행의 원활한 추가 및 제거를 위해 `List`로 변환하여 사용하고자 한다.   📌해결1. 배열을 제네릭 타입으로 가진 `List`를 만든다.2. `List`를 제네릭 타입으로 가진 `List`를 만든다.  📌구현1. 배열을 제네릭 타입으로 가진 `List`를 만든다. int[][] intArr = new int[][]{ {0, 0}, {0, 1}, {0, 2} };List list = new ArrayList(Arrays.asList(intArr));for (int[] ints : list) { System.out.println(Arrays.toString(ints));}// [0, 0]// [..

📌힙이란?'부모 노드(값)가 자식 노드(값)보다 항상 같거나 크다'라는 조건을 만족하는 완전 이진트리. 주어진 데이터를 힙으로 표현하면 최댓값은 항상 루트 노드에 위치하게 되며(단, 같은 부모를 공유하는 형제 노드의 대소 관계는 일정하지 않다. -> 왼쪽이 오른쪽보다 클 수도 있음.), 루트 노드에 최댓값을 갖는 힙을 '최대 힙(maximum heap)' 이라고 한다. 반대로 각 노드의 값이 자식 노드의 값보다 작거나 같아야하는 완전 이진 트리를 '최소 힙(minimum heap)'이라고 한다. 이를 이용하여 오름차순 또는 내림차순으로 정렬할 수 있다. 📌힙 정렬이란?자료구조 힙(Heap)의 장점을 활용하여 정렬하는 알고리즘. 주어진 배열을 힙으로 만든 뒤 가장 큰 값인 루트를 꺼내고, 루트 이외의 ..

📌퀵 정렬이란?가장 빠른 정렬 알고리즘 중 하나. 분할 정복 방법이 적용된 알고리즘. 찰스 앤터니 리처드 호어(C. A. R. Hoare)가 알고리즘의 정렬 속도가 매우 빠르다고 해서 붙인 이름이다. 배열 내의 특정 데이터(pivot)를 기준으로 정렬할 데이터들을 왼쪽 부분 배열과 오른쪽 부분 배열로 나누어 각 부분 배열에 대해 퀵 정렬을 순환으로 적용하여 배열 전체를 정렬한다.  📌시간 복잡도최악: O(n^2) 이미 정렬되어 있는 배열을 정렬할 경우최선: O(n log n)평균: O(n log n)  📌흐름1. 입력된 데이터 수가 n인 배열 `arr`가 있을 때 `arr` 내 임의의 데이터 피벗(pivot)을 정한다. 일반적으로 배열의 첫번째 데이터(`arr[0]`)가 된다.2. 피벗을 기준으로 ..

📌문자열을 다루는 String 클래스의 대표적인 메서드1. 문자 배열 -> String2. 지정된 인덱스의 문자 반환3. 사전순 비교4. 문자열이 포함되었는지 검사5. 같은지 비교6. 주어진 문자의 인덱스7. 지정된 문자의 마지막 인덱스8. 문자열 길이9. 문자열 교체(replace)10. 분리자로 나누어 배열로 반환11. 부분 자르기12. 소문자/대문자 변환13. 공백 제거14. 값을 문자열로 변환    1. 문자 배열을 String으로 변환`String(char[] value)`  char[] c = {'H', 'e', 'l', 'l', 'o'};String s = new String(c);// s = "Hello"   2. 지정된 위치(index)에 있는 문자를 반환`char charAt(int ..

📌환경MacVSCode  📌추가하기`input`에 할일을 입력하고 엔터를 입력(또는 추가 버튼 클릭)할일 목록이 추가되어야 한다.  function App() { return ( 할일 목록 추가 );}export default App; 기본 태그를 만들어주고, 변경된 값을 추적하기 위한 `useState`와 `onChange` 함수를 추가한다.  const [toDo, setTodo] = useState(""); const [todoList, setTodoList] = useState([]); function onChange(e) { setTodo(e.target.value); } // ... ..

📌환경MacVSCode  📌리액트란?자바스크립트 라이브러리. 웹 애플리케이션에서 빠르고 쉽게 UI를 구현할 수 있도록 돕는다. 반복되는 코드 조각을 컴포넌트로 정의하여 재사용할 수 있고, 변경된 부분만 재랜더링하여 효율을 높인다.  - Vanilla JS : HTML 태그를 먼저 만들고 property를 설정한 뒤 Javascript 코드로 해당 태그를 변경함.- React.js : 요소(Element)를 원하는 대로 생성한 뒤 HTML로 만들어서 렌더링함. const span = ReactDOM.createElement( "span", // html 태그 {id : "id"}, // property "Hello, I'm span" // innerText); 이렇게 직접 UI를 작성할..

open /Applications/MySQLWorkbench.app 워크벤치를 다 끄고 터미널로 켠 다음 import 하면 잘 동작한다...   📌참고 [MySQL/Error] unhandled exception: 'ascii' codec can't decode byte 0xe3 in position 63: ordinal not in range(128)csv 파일을 데이터베이스에 넣어주려고하는데 utf-8로 변환해주었는데도 불구하고 자꾸 위와같은 오류가 나서 open /Applications/MySQLWorkbench.app 이와같이 터미널에서 앱을 열고, 해주었더니 오류가 해suucong.tistory.com

📌문제 카테고리명이 `자바`인 게시글 리스트를 불러오기 위해 파라미터로 `name: '자바'`를 전송했으나 백에서 파라미터가 인식되지 못하고 null 오류가 발생하는 문제. const param = { name : '자바' } getBoardList(param).then(result => { console.log(result); }).catch( e => { console.log(e); }); async function getBoardList(paramList){ const response = await axios.get('/board/list', paramList); return response.data; } @GetMapping("/list") @ResponseBody public List board..

📌문제 기존에는 제출이 성공하거나 실패할 경우 사용자에게 안내하기 위해 다음과 같이 `Controller` 메서드 내에 `PrintWriter`를 사용하여 직접 스크립트 코드로 `alert`를 띄우도록 했다. response.setCharacterEncoding("utf-8"); response.setContentType("text/html; charset=utf-8"); PrintWriter w = null; try { w = response.getWriter(); } catch (IOException e) { // throw new RuntimeException(e); return "redirect:/another"; } if(result == 1){ w.println(""); w.close(); 물..

📌환경IntelliJ UltimateJava 17SpringBoot 3.2.3Gradle - Groovy Dependencies: Spring WebThymeleafSpring Data JPAlombokMariaDB 10.11Spring Dev toolSpring Security  📌문제모든 정적 리소스에 대해 403 에러가 발생하면서 이미지, js, css 파일이 로딩되지 못하는 문제. 📌해결스프링 시큐리티는 설정이 없으면 모든 리소스에 대해 권한을 요구하므로 정적 리소스 또한 403(Access Denied) 에러가 발생한다. 일반적인 경우에는 정적 리소스에 권한을 요구하지 않아도 되므로 `resource` 폴더 내 `/static` 이하의 모든 파일에 대해 접근을 허용해준다.   @Bean..

📌환경 IntelliJ Ultimate Java 17 Spring boot 3.2.3 Gradle - Groovy Dependencies: Spring Web Thymeleaf Spring Data JPA lombok MariaDB 10.11 Spring Dev tool Spring Security 📌문제 관리자 페이지를 의미하는 `/member`를 제외한 모든 url에 요청을 허용하려고 한다. 정적 리소스와 작성된 다른 url의 요청을 모두 허용하기 위해 다음과 같이 작성했다. http.csrf(AbstractHttpConfigurer::disable) .authorizeHttpRequests(request -> request.requestMatchers(HttpMethod.POST, "/another..

📌환경 IntelliJ Ultimate Java 17 SpringBoot 3.2.3 Gradle - Groovy Dependencies: Spring Web Thymeleaf Spring Data JPA lombok MariaDB 10.11 Spring Dev tool QueryDSL 5.0.0 📌페이지네이션(Pagination)이란? 페이징 또는 페이지네이션이라고 부른다. 다량의 데이터를 공통된 개수만큼 여러 묶음으로 나누어 특정 페이지 당 한 묶음을 화면에 보여주는 것을 말한다. DB에 등록된 데이터가 많은 경우 요청 시 전체를 한번에 들고온다면 응답 시간이 길어지게 되면서 클라이언트에게 불편을 초래한다. 이때 데이터를 페이지에 해당하는 개수만큼 일부만 잘라서 가져온다면 시간을 단축할 수 있다. 예를..

📌환경 IntelliJ Ultimate Java 17 SpringBoot 3.2.3 📌문제 스프링 시큐리티로 회원 로그인 및 로그인된 사용자만 접근할 수 있는 페이지를 설정하던 도중 해당 오류를 발견함. 쿠키를 삭제해도 문제가 지속적으로 발생하여 해결하기 위해 글을 작성한다. 1. `/`는 메인 인덱스로 모든 유저가 접근할 수 있고, `/member/**`는 `MEMBER` 권한을 가진 사용자만 접근할 수 있다. 2. `/member`에 접근할 경우 사용자가 로그인하지 않았거나 `MEMBER` 권한이 없으면 `/member/login`으로 튕겨나가야 한다. 이때 로그인 하지 않은 사용자가 `/member`로 접근할 경우 `/member/login`으로 가지 않고 위와 같은 오류가 발생했다. 📌해결 결론부..

📌환경 IntelliJ Ultimate Java 17 SpringBoot 3.2.3 📌스프링 시큐리티(Spring Security)란? 인증(Autentication)과 인가(Autorization), 데이터 보호 기능을 포함하여 사용자의 권한을 관리할 수 있도록 도와주는 Spring의 프레임워크. 약간의 코드와 설정만으로 로그인 처리와 자동 로그인, 로그인 후처리 등을 처리하여 개발자가 보안에 관한 기능을 빠르게 구현할 수 있도록 도와준다. ✔️ 인증(Autentication): 스스로를 증명함. 참이라는 근거가 있는 무언가를 확인하거나 확증하는 행위. 사용자가 스스로를 증명하기 위하여 자신의 정보(아이디 및 비밀번호)를 제공하고 이를 통해 인증을 완료하는 로그인 개념이 여기에 속한다. ✔️ 인가(Au..

const buttons = document.querySelectAll(".customBtn"); buttons.forEach(function (customBtn) { customBtn.addEventListener("click", function() {// 여기에 클릭 시 이벤트 구현 } }}  `querySelectAll()`로 모든 버튼을 가져오면 버튼 리스트를 참조하는 변수가 된다.`forEach()` 함수 내에서 `addEventListener()`를 적용해주면 된다.  📌응용버튼입니다.버튼입니다. 버튼입니다. 버튼입니다.  이렇게 같은 클래스를 가진 버튼이 여러 개 존재할 때 모두 같은 이벤트를 부여하고 싶다면 아래와 같이 작성한다.  con..

📌환경 IntelliJ Ultimate Java 17 Spring boot 3.2.3 Gradle - Groovy Dependencies: Spring Web Thymeleaf Spring Data JPA lombok MariaDB 10.11 Spring Dev tool 📌문제 2024년 3월 16일 기준 스프링 부트 3.2.3버전 프로젝트에서 스프링 시큐리티의 적용 과정 도중 책과 구글링을 통해 참고한 코드가 deprecated 되었다는 오류와 함께 작성되지 않는 불편을 겪어 해당 글을 작성한다. 📌해결 Spring Security 5.2 이후로 `Configuration` 작성 시 메서드 체이닝 대신 람다식을 허용하고 있다. Spring Security 6.0 버전 이후로는 기존의 `WebSecuri..

📌환경 IntelliJ Ultimate Java 17 Spring boot 3.2.3 Gradle - Groovy Dependencies: Spring Web Thymeleaf Spring Data JPA lombok MariaDB 10.11 Spring Dev tool 📌문제 게시글 DTO인 `BoardDTO`를 DB에 저장하기 위해 엔티티인 `Board`와 `BoardImage`로 변환하고자 한다. `BoardDTO`는 파일 이름 `String`이 담긴 `List`를 필드로 가진다. `BoardImage`는 각각 uuid, 원본 파일명, 순서인 `uuid`, `fileName`, `ord`를 필드로 가지며 상위 엔티티인 `Board`를 참조한다. 이미지가 포함된 글 작성 시 `BoardDTO`를 파라..

📌환경 IntelliJ Ultimate Java 17 Spring boot 3.2.3 Gradle - Groovy Dependencies: Spring Web Thymeleaf Spring Data JPA lombok MariaDB 10.11 Spring Dev tool 📌문제 파일 업로드 처리를 시도하는 도중 `Controller`에서 타입을 MultipartFile로 지정했음에도 swagger UI에서application/json; charset=UTF-8로 설정되는 문제. package org.zerock.b02.dto; import lombok.Data; import org.springframework.web.multipart.MultipartFile; import java.util.List; @..

📌환경 IntelliJ Ultimate Java 17 Spring boot 3.2.3 Gradle - Groovy Dependencies: Spring Web Thymeleaf Spring Data JPA lombok MariaDB 10.11 Spring Dev tool 📌문제 `Reply`를 삭제 처리하기 위하여 /URI/{rno}에 `DELETE` 방식으로 삭제를 요청함. `Reply`의 아이디인 `rno`를 데이터베이스에 존재하는 아이디로 설정할 경우 정상적으로 동작. 그러나 데이터베이스에 없는 번호로 설정하고 요청하면 Exception 없이 code 200을 반환 받았음. 기대했던 Exception : `EmptyResultDataAccessException` 500 결과: 200 Hibernat..

프로젝트를 이것 저것 실행하거나 껐다가 켰는데 포트가 닫혀있지 않은 경우 발생할 수 있다. 이미 8080 포트를 사용 중인데 해당 포트로 서버를 올리려고 시도해서 발생하는 문제다. 터미널을 열고 실행 중인 포트를 검색한다. sudo lsof -PiTCP -sTCP:LISTEN 8080을 죽여버린다. PID로 해당 포트를 닫을 수 있다. 88579 그대로 따라 치지 말고 PID 쳐라 kill -9 88579 죽었는지 확인한다. sudo lsof -PiTCP -sTCP:LISTEN