여기 저번에 왔던 것 같은데?

javascript에서 행의 값이 필요할 때 table.rows 함수와 row.cells 함수를 활용하여 값을 가지고 오는 코드입니다. (rows collection, cells collection) html 및 javascript 코드 중점으로 올리고 css의 경우 포스팅 맨 하단부에 추가해놓을 테니 필요하신 경우 참고 부탁드리겠습니다. First Name Last Name Phone Email Date of Birth Susan Connor (02) 338-2765 jmatman@gmail.com 01/13/1979 ... (생략) (html 코드, 단순한 테이블 구조) (행의 값을 가져오는 javascript 코드) table.rows 함수를 통해 rows collection을 가져올 수 있으며, ..

Spring에서는 클라이언트가 업로드한 File을 핸들러에서 손쉽게 다룰 수 있도록 MultipartFile 인터페이스를 제공합니다. 이렇게 업로드된 파일은 저장 또는 다른 처리를 위해 MultipartFile File 서로 간의 변환이 종종 필요한데요. 이어지는 내용을 통해서 MultipartFile과 File의 차이점 및 변환 방법을 살펴보겠습니다. MultipartFile MultipartFile interface는 Spring에서 업로드된 파일을 다룰 때 사용되는 인터페이스로 파일의 이름과 실제 데이터, 파일 크기 등을 구할 수 있습니다. /* Spring에서 MultipartFile 타입을 매개변수로 사용하기 위해서는 MultipartResolver 구현체가 Bean으로 등록되어 있어야 하는데요..

위와 같이 포토샵에서 WebP 파일을 여는 것이 안되거나, 해당 확장자로 저장하는 것이 안 되는 경우가 있는데요. WebP는 구글에서 만든 이미지 포맷으로 어도비 포토샵에서는 최근 23.2 버전 업데이트를 통해 WebP 파일을 지원하도록 하였습니다. (플러그인 설치하는 방법 아래에 WebP에 대한 간단한 설명이 있으니 궁금하시다면 참고하셔도 좋을 것 같습니다.) Adobe 구독 서비스를 사용하는 사용자의 경우에는 업데이트를 통해 WebP를 사용하면 되지만, 이전 버전의 포토샵을 사용하고 있다면 직접 플러그인을 설치해야 WebP 파일을 열거나 저장할 수 있는데요. (아래 방법을 통해 간단하게 설치 가능합니다.) https://github.com/webmproject/WebPShop/releases (플러그..

REST를 대체한다고? GraphQL(Graph Query Language)란? 시작에 앞서 GraphQL이란 무엇인지 간단하게 살펴보면, 페이스북에서 개발된 쿼리 언어인 GraphQL은 기존에 많이 사용되던 RESTful API와는 다른 형식의 인터페이스입니다. 가장 큰 차이로는 RESTful API가 URL, Method 등의 조합으로 다양한 Endpoint를 가지는 반면, GraphQL은 단 하나의 Endpoint 만으로 데이터를 요청하고 응답받을 수 있는데요. 이 방식을 통해 기존의 RESTful API의 단점인 Over-Fetching, Under-Fetching 문제를 해결할 수 있습니다. /* Over-Fetching(오버 패칭) 오버 패칭은 클라이언트에서 데이터를 요청했을 때, 실제로 사용..

블로그를 운영하는 사람에 따라 다를 수는 있지만, 대부분 티스토리를 운영하시는 분들은 애드센스로 인한 수익을 추구하게 되는데요. 때문에 조회수가 어느 정도 잘 나오는 포스팅에서 광고가 노출이 안 되는 것은 신경이 안 쓰일 수 없는 부분입니다. 저 역시 포스팅된 글들 중 약 20~30%가량에서 애드센스 광고가 나오지 않고 있으며, 그중에서 조회수가 높은 글들도 있기 때문에 그냥 방치하기보다는 원인이나 해결할 수 있는 방법을 찾아보자는 생각에 몇 가지 조치를 취할 수 있는 방법을 찾아보았는데요. 티스토리 현재 상황 우선 현재 상황부터 살펴보자면, 당연히 애드센스는 승인된 상태이며 카카오 광고인 '애드 핏'과 구글 '애드센스'를 모두 적용해놓은 상태입니다. 또 대부분의 포스팅에서 광고가 잘 나오고 있지만 나머..

Java Enum을 활용한 방법 중 두 번째, ConverterFactory 인터페이스를 구현한 CustomConverter를 만들어 HTTP 요청에서 Enum 값을 받을 때 Enum 값 자체를 받는 것이 아니라 legacyCode를 받아 자동으로 Enum으로 형 변환하는 방법입니다. @GetMapping("/user/{idx}") public ResponseEntity getUserDetail(@PathVariable Long idx) { ... } 스프링에서 HTTP Query String을 통해 전달되는 정보는 모두 문자열(String)로 인식됩니다. (HTTP 요청 파라미터는 모두 문자열로 처리) 하지만 위 예시와 같이 컨트롤러에서 Long (또는 Integer, boolean Enum 등)으로 ..

티스토리에 포스팅을 올리고 난 이후에도 해당 글이 잘 노출이 되는지, 이상은 없는지 가끔 확인을 하는데요. 최근에 어느 정도 유입이 되는 글임에도 불구하고 애드센스 광고가 나오지 않는 경우가 자주 발생되고 있어 아쉬운 마음에 해결 방법을 찾던 중 추가로 '광고 크롤러 오류: 호스팅 서버 과부하' 문제를 발견하여 정리한 내용입니다. 자세한 내용을 살펴보니 '크롤러: 호스팅 서버 과부하' 문제가 발생한 페이지는 2건으로 최근인 22년 10월 1일 발견되었습니다. 해당되는 두 페이지 외에도 광고가 안 나오는 페이지들이 여러 개 존재했기 때문에 광고가 나오지 않는 근본적인 원인은 아니었지만 그래도 문제를 해결하기 위한 방법을 살펴봤는데요. 결론을 먼저 말씀드리자면, 크롤러 오류: 호스팅 서버 과부하 문제를 해결..

Spring Boot MVC 패턴 프로젝트에서 부트스트랩(bootstrap) 템플릿을 적용하며 정리한 내용입니다. 해당 내용은 아래 타임리프 레이아웃(Thymeleaf layout)을 적용한 상태에서 추가된 내용이기 때문에 함께 내용 참고하시면 좋을 것 같습니다. Spring Boot 타임리프 Thymeleaf layout 적용하는 방법 타임리프(Thymeleaf)에 대해서 간단하게, 타임리프는 서버 사이드 템플릿 엔진(Template Engine)의 한 종류로, 쉽게 컨트롤러가 전달하는 데이터를 이용하여 동적으로 화면을 구성할 수 있게 해주는 역 wildeveloperetrain.tistory.com *** You don't need to put the layout:fragment/data-layout..

JPA를 사용하면서도 연관 관계 매핑을 쓰지 않다가 이번 프로젝트에서 연관 관계를 적용하기 시작하며 정리한 내용이며, JPA 연관 관계 매핑 중에서 1:1 연관 관계인 @OneToOne에 대해 정리한 내용입니다. @OneToOne 일대다(1:N), 다대일(N:1) 관계에서는 다(N) 쪽이 항상 외래 키를 가지고 있지만, 일대일(1:1) 관계에서는 주 테이블이나 대상이 되는 테이블 양쪽 모두 외래 키를 가질 수 있습니다. 때문에 일대일 관계를 적용할 때는 주 테이블과 대상이 되는 테이블, 어느 쪽에 외래 키를 둘지 선택해야 하는데요. JPA에서는 외래 키를 갖는 쪽이 연관 관계의 주인이 되고, 연관 관계의 주인이 데이터베이스 연관 관계와 매핑되어 외래 키를 관리(등록, 수정, 삭제)할 수 있기 때문에 해당..

올해 들어 불법 대출이나 주식, 코인, 로또 당첨번호를 알려준다는 문자까지 각종 스팸 문자가 특히 더 많이 오는 것 같은데요. 실제로 방송통신위원회와 한국인터넷진흥원이 발표한 2022년 상반기 스팸 유통현황에서도 음성 스팸은 지난해 대비 줄었지만, 문자 스팸은 더 늘었다는 결과를 볼 수 있습니다. /* 음성 스팸 메시지는 942만 건으로 지난해 하반기 대비 20.3%(240만 건) 줄었지만, 문자 스팸은 799만 건으로 26%(165만 건) 늘었다. */ 스팸 문자란, '스팸 문자'는 메시징 시스템을 이용해서 불특정 다수에게 마케팅을 목적으로 원치 않는 메시지를 보내는 것을 의미하는데요. 요즘은 많은 사람들이 연락을 할 때 카카오톡을 쓰기 때문에 문자가 오는 경우는 대부분 스팸인 경우가 많습니다. 스팸 ..