목록분류 전체보기 (357)

참치코더의 꿈 메모장

Next.js / 페이지, 레이아웃, 템플릿 사용법 정리

1. 페이지 (Page) - 위치 : app/ 디렉토리 안의 page.tsx (또는 page.jsx)- 역할 : URL 경로와 직접 연결되는 실제 화면 단위 특징- URL 라우팅을 담당 -> app/about/page.tsx -> /about- 기본적으로 Server Component (필요시 Client Component 사용 가능) 2. 레이아웃 (Layout) - 위치 : app/ 디렉토리 안의 layout.tsx- 여러 페이지에서 공통으로 유지되는 UI를 정의 (네비게이션, 푸터, 사이트바 등) 특징- 특정 경로 이하의 모든 하위 경로에 적용- 상태가 유지됨 -> 페이지 전환 시에도 Layout은 다시 렌더링되지 않음- 중첩 가능 -> 상위 Layout + 하위 Layout 구조로 중첩되서 보..
Next.js 2025. 9. 25. 18:03
Spring / Projection 정리 (개인 프로젝트 부분 발췌)

Spring Data JPA Projection Projection- 엔티티 전체가 아니라 일부 필드만 조회하고 싶을 때 사용 Interface-based Projection 12345678910111213141516171819202122232425262728293031323334353637383940414243// 인터페이스로 조회를 원하는 필드를 선택// 인터페이스는 실체 클래스가 없고 getter만 정의된 인터페이스이다. // 개인 프로젝트 발췌 public interface FindAllReservationDTO { Long getId(); String getCalender(); String getClock(); String getDogType(); int getDog..
Spring 2025. 9. 24. 23:51
디자인 패턴 / 싱글톤 디자인 패턴 정리

싱글톤 디자인 패턴 - 클래스의 인스턴스를 오직 하나만 생성하고, 어디서든 동일한 인스턴스를 공유하도록 보장하는 패턴- 전역에서 하나의 객체만 사용해야 할 때 유용 (데이터베이스 연결 객체, 설정(config) 객체, 로깅(logging) 객체 등) 싱글톤 패턴 특징 - 인스턴스 단일 (프로그램 전체에서 하나의 인스턴스만 생성) - 전역 접근 (어디서든 동일한 객체에 접근 가능) - 생성 제한 (외부에서 new 키워드로 객체를 직접 생성하지 못하도록 제한)123456789101112131415161718192021222324252627282930313233343536373839// 싱글톤 예제 public class Singleton{ // 자기 자신 타입의 private static 변수..
디자인 패턴 2025. 9. 24. 12:30
Oracle / 프로그래머스 - 조건에 부합하는 중고거래 댓글 조회하기

1234567891011SELECT b.TITLE, b.BOARD_ID, r.REPLY_ID, r.WRITER_ID AS REPLY_WRITER_ID, r.CONTENTS, TO_CHAR(r.CREATED_DATE, 'YYYY-MM-DD') AS CREATED_DATEFROM USED_GOODS_BOARD b JOIN USED_GOODS_REPLY r ON r.BOARD_ID = b.BOARD_IDWHERE b.CREATED_DATE >= TO_DATE('2022-10-01', 'YYYY-MM-DD') AND b.CREATED_DATE TO_DATE('2022-11-01', 'YYYY-MM-DD')ORDER BY r.CREATED_DATE ASC, b.TITLE A..
Oracle 2025. 9. 24. 11:24
Spring / @ModelAttribute, 스프링 redirect : 미니 정리

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879// @ 사용방법 // 1. @RequestParam 으로 설정한 후에 item repository 저장 후 반환// 코드 다소 복잡 @PostMapping("/add")public String addItem(@RequestParam String itemName, @RequestParam Integer price, Model model) { Item item =..
Spring 2025. 9. 23. 15:37
Oracle / 프로그래머스 - 입양 시각 구하기(1)

1234SELECT TO_CHAR(DATETIME, 'HH24') AS HOUR, COUNT(*) AS COUNTFROM ANIMAL_OUTSWHERE DATETIME BETWEEN TO_DATE('09:00:00', 'HH24:MI:SS') AND TO_DATE('19:59:00', 'HH24:MI:SS')GROUP BY TO_CHAR(DATETIME, 'HH24');Colored by Color Scriptercs - 09:00 ~ 19:59 까지 입양된 동물의 수를 시간대 별로 구하는 문제이다. - FROM절에 뽑으려고 하는 컬럼이 있는 테이블을 참조하고,- WHERE 절에 DATETIME이 날짜 시각까지 다 명시되어 있는 데이터 이므로 TO_DATE를 사용하며 시간만 추출한 다음에 09:00:0..
Oracle 2025. 9. 21. 20:45
Spring / 자주 쓰는 타임리프(Thymeleaf) 미니 정리

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107// 타임리프 사용 선언// build.gradle 라이브러리 다운로드 다운 및 적용된 가정 // 속성 변경 - th:href th:href="@{/css/bootstrap.min.css}" // 기존에 있던 a태그의 href 값을 스프링 서버를 거치면 선언한 속성으로 변경해준다, 만약 값이 없다면 새로 생성해준다.// HTML..
Spring 2025. 9. 21. 18:41
Next.js / 라우팅 기본 정리 (ver 12- , ver13+) 비교

Next.js는 파일 시스템 기반 라우팅을 사용한다.app/ 또는 pages/ 폴더에 파일/폴더를 만들면 자동으로 URL 경로가 된다. Next.js 13+ app/ (13 버전 이상은 app으로 명시)--page.tsx -> "/" (홈)-- about/ ㄴ page.tsx -> "/about"-- posts/ ㄴpage.tsx -> "/posts" ㄴ[postId]/ ㄴ page.tsx -> "/posts/1" , "/posts/2", "/posts/3" 같은 동적 라우트 123456789101112131415161718192021222324252627282930313233// app/about/page.tsx export default function ..
Next.js 2025. 9. 20. 19:19
Prev 1 ··· 12 13 14 15 16 17 18 ··· 45 Next