Spring Boot 다른 포트에서 서버 실행하기
·
TIL/기타
spring boot는 기본적으로 8080 포트에서 서버가 실행된다. 기본 서버 포트가 아닌 다른 포트에서 서버를 실행하고 싶으면 spring boot 설정 파일인 application.properties 또는 application.yml에서 포트 설정을 해주면 된다.  여기서는 9090 포트로 변경하고 있으니, 9090 대신 원하는 포트번호를 작성하면 된다.  application.propertiesserver.port = 9090 application.ymlserver: port: 9090  설정 파일 변경 후 서버를 실행시켜 보면 정상적으로 9090 포트에서 tomcat 서버가 실행된 것을 볼 수 있다.
Spring Boot에서 postgreSQL 연결하기
·
TIL/기타
maven - pom.xml org.postgresql postgresql runtime  application.propertiesspring.datasource.url=jdbc:postgresql://localhost:5432/postgresspring.datasource.username=유저이름spring.datasource.password=비밀번호  예시 Entity 코드package com.example.testproject.data.entity;import jakarta.persistence.Entity;import jakarta.persistence.Id;import jakarta.persistence.Table;import lombok.*;@Entity@Getter@Sette..
Spring Boot 3에서 Swagger 사용하기
·
TIL/기타
Swagger는 서버로 요청되는 API 리스트를 화면으로 문서화하여 테스트할 수 있는 라이브러리이다. 애플리케이션의 서버가 가동되면 @RestController를 읽어 API를 분석하여 HTML 문서를 작성한다.  현시점(2024-08-24) 가장 최신 버전은 2.6.0 버전이며, 버전 정보는 아래 링크에서 확인할 수 있다.https://mvnrepository.com/artifact/org.springdoc/springdoc-openapi-starter-webmvc-ui  Spring Boot 3 버전에서 Swagger를 사용을 위한 가이드이며, 필자는 Maven을 사용하고 있다.Gradle을 사용하는 분은 위 링크에서 Gradle 탭에 있는 코드를 참고하길 바란다.   다음 코드를 pom.xml과 a..
CSS | border와 outline의 차이
·
TIL/기타
프론트엔드 개발을 하다 보면, 마우스를 hover 하거나 click 했을 때 해당 element의 크기 또는 text의 위치가 의도한 바와 다르게 아주 조금씩 어긋나는 경우를 한 번쯤 경험해 봤을 것이다. 이런 경우, 혹시 내가 설정한 css 속성에 border가 있는지 한 번 확인해 보길 바란다.   웹페이지에서 F12를 눌러 개발자모드에서 styles 탭의 가장 아래쪽에서 해당 element의 속성을 보자.   아래 그림에서 볼 수 있듯이 element의 전체 크기에는 margin, border, padding이 모두 포함된다.  즉, border는 element의 전체 크기에 영향을 준다. 그러나 outline은 포함되지 않아 element의 전체 크기에 영향을 주지 않음을 알 수 있다.   따라서..
javascript | splice 메소드
·
TIL/javascript
자바스크립트에서 splice()는 배열의 요소를 추가, 제거하거나 교체할 때 유용하게 쓰이는 메소드이다.array.splice(start, deleteCount, [item1, item2, ...])start: 시작 인덱스음수인 경우 배열의 끝에서부터 세어나감배열의 길이보다 큰 경우 0으로 간주deleteCount: 제거할 요소의 개수0이면 제거되지 않음생략하면 배열의 끝까지로 간주item1, item2, ...: 배열에 추가할 요소지정하지 않으면 삭제 기능만 수행 1. 요소 삭제2번 인덱스에서부터 2개의 요소를 삭제한다.** splice 메소드는 삭제된 요소를 반환한다.let array = ['a', 'b', 'c', 'd', 'e'];let removed = array.splice(2, 2); con..
javascript | 문자열 반복 repeat()
·
TIL/javascript
자바스크립트에서 문자열을 원하는 만큼 반복시키고 싶으면 repeat 함수를 사용할 수 있다.파이썬에서 문자열에 *를 사용하는 원리와 같다.str.repeat(n)  이때, n은 0 이상의 양수이어야 하며 양의 무한대보다 작아야 한다.그렇지 않으면 RangeError가 발생할 수 있다.  'hello'.repeat(3); // 3번 -> 'hellohellohello''hello'.repeat(1.7); // 1번 -> 'hello''hello'.repeat(5.2); // 5번 -> 'hellohellohellohellohello''hello'.repeat(0); // 0번 -> ''  n이 소수인 경우에는 소수점 아래는 버리고 정수 부분만큼만 반복한다.또한, n=0이면 결과값이 빈 문자열이 되는 ..