기록

보호되어 있는 글입니다.

시작하면서 Spring Boot, JPA, Kotlin, H2(개발용 DB)을 활용하여 Notice 테이블의 목록 조회와 삽입을 구현하고자 했다. 그런데 아이디를 어떤 방식으로 생성해야 하는지에 대한 고민이 있었다. 아래는 그 내용을 다룬 포스팅이다. 프로젝트 구성 (1) 공지사항 테이블 (Notice) (2) 데이터베이스 (3) 엔드 포인드 POST /notices 공지사항 생성 GET /notices 공지사항 목록 조회 기본 키 생성 전략(IDENTITY, SEQUENCE, TABLE) 데이터베이스에서 기본 키(Primary Key)를 생성하는 방식으로는 여러 가지 전략이 있다. 이중에는 IDENTITY, SEQUENCE, TABLE과 같이 자주 사용된다. 각 전략은 고유한 특징과 장단점을 가지고 있..

시작하면서 주말간 틈틈히 프로그래머스에서 javascript, css, html을 사용해서 고양이 사진첩을 구현하는 과제를 했다. 과제 풀이를 하면서, 어려웠던 점이나 신경썼던 부분을 정리해 보고자 한다. 데이터 불러오기 HTTP GET 요청을 사용하여 데이터를 가져오는 방법은 jQuery, fetch API, 그리고 async/await 등 여러 방법이 있다. 세가지 방법을 비교해본다면 아래처럼 작성할 수 있다. jQuery, fetch API, async/await 제이쿼리 (jQuery) jQuery는 브라우저 환경에서 DOM 조작 및 AJAX 요청을 간편하게 수행하는 JavaScript 라이브러리이다. $.ajax({ url: 'https://example.com/api/data',..

보호되어 있는 글입니다.

시작하면서 최근에 프로그래머스의 고양이 사진 검색 API 만들기 과제를 하면서, Feign API를 접하게 되었다. 이전에는 HttpConnection를 사용해 Http client를 작성했는데, Feign API는 인터페이스만 작성하면 기본적인 통신이 가능해서 훨씬 단순하다고 느꼈다. 이 글에서는 정말 간단하게 Feign API를 사용하는 방법에 대해서 이야기하고자 한다. 미리 준비할 것 아래에서는 고양이 사진 API를 사용할 것이므로, 미리 사용할 API와 API 응답에 맞는 Response 객체를 만들어둔다. HttpConnection 위 예제를 HttpConnection을 통해 구현하면, 외부 Api를 호출하고 jsonString을 Vo에 담는 과정까지 직접 구현해야 했다. public class..

보호되어 있는 글입니다.

시작하면서 운영환경에서 접속하면 "https://int-web", 개발환경에서 접속하면 "https://dev-web" 접속하도록 만드는 게 필요했다. 이를 위해서 JSP에 자바 스크립트 코드를 다음과 같이 작성하였는데, 운영환경에서도 "https://dev-web" 접속하더라;; @Controller public class MyController { @GetMapping("/my-page") public String myPage(Model model) { model.addAttribute("environment", getEnvironment()); return "my-page"; } } var url = ""; var environment = "${environment}"; if (environment..

CSS의 인라인 레벨과 블록 레벨에 대해 공부하며 챗 GPT를 활용하여 글을 작성해 보았습니다. CSS에서 블록 레벨(block-level) 요소와 인라인 레벨(inline-level) 요소는 HTML 요소가 표시되는 방식을 나타내는 개념입니다. 1. 블록 레벨 요소 화면 전체의 가로폭을 차지하며, 수직으로 쌓입니다. 기본적으로 width(너비)와 height(높이)를 지정할 수 있습니다. margin, padding 값을 모두 지정할 수 있습니다. div, h1, p, ul, ol 등이 블록 레벨 요소에 해당합니다. 2. 인라인 레벨 요소 필요한 만큼의 가로폭을 차지하며, 수평으로 쌓입니다. 기본적으로 width(너비)와 height(높이)를 지정할 수 없습니다. margin-right, margin-..