본문 바로가기

Time waits for no one 😎
FE 개발자 지망생의 기술 블로그입니다.
[Github - https://github.com/inthhh]

블로그 내 검색

🎮 프로그래밍51

[Springboot] 자바 스프링부트 Swagger 기본 설정 풀스택 미니 프로젝트를 진행하면서 메모하는자바 스프링부트 스웨거 설정 🔥 기본 URL = http://localhost:8080/swagger-ui/index.html#/ 🔥 디렉토리 = java/com/example/{프로젝트 이름}/global/config 🔥 build.gradle 의존성 추가 내용// swagger implementation 'org.springdoc:springdoc-openapi-starter-webmvc-ui:2.7.0' 🔥 SwaggerConfig 기본 코드package com.example.kiosk_be.global.config;import io.swagger.v3.oas.annotations.OpenAPIDefinition;import io.swagger... 2025. 5. 1.

[NextJS] SSR 컴포넌트 vs CSR 컴포넌트 (Server Component와 Client Component), 페이지 로딩 사용자 경험 문제 해결 Next.js - Server Component와 Client ComponentNext.js 13부터 app 디렉토리 구조가 도입되면서, 컴포넌트가 서버(Server) 컴포넌트인지, 클라이언트(Client) 컴포넌트인지 구분하는 것이 매우 중요해졌습니다.이 글에서는 Server Component와 Client Component가 무엇인지, 각각 어떤 특징과 장단점을 가지는지, 그리고 언제 어떤 걸 선택해야 하는지 쉽게 정리해보겠습니다.Server Component란?Next.js에서 page.tsx나 layout.tsx 컴포넌트들은 기본적으로 Server Component입니다.Server Component는 서버에서 렌더링되고, 최종 결과만 HTML로 브라우저에 전달됩니다.✅ Server Compone.. 2025. 4. 26.

[NextJS] 이미지를 렌더링하는 두 가지 방법 : img vs Image 태그 비교 Next.js에서 img와 Image 컴포넌트 비교Next.js로 웹 개발을 하다 보면 이미지 태그를 삽입할 때 두 가지 선택지가 있다. 바로 HTML 기본 태그인 와 Next.js가 제공하는 컴포넌트다. 비슷해 보이지만, 두 방법은 내부 동작 방식, 성능 최적화, 사용 편의성 측면에서 상당히 다르다. Next.js를 사용하는 목적 자체가 최적화된 React 개발이기 때문에, 이미지 또한 전용 컴포넌트를 적극 활용하는 것이 바람직하다."빠르고 가벼운 웹 서비스" 를 목표로 한다면, Next.js의 를 사용하자! 1. 기본 정의 정의HTML 표준 이미지 태그Next.js 전용 고성능 이미지 컴포넌트제공 주체브라우저 표준Next.js (next/image 모듈)2. 동작 방식 태그그냥 HTML 그 자체.. 2025. 4. 26.

[NextJS] 라우팅 시스템 종류 - app vs pages 디렉토링 방법 비교, 폴더 구조 예시, useRouter 오류 디버깅 Next.js에서 app 디렉토리와 pages 디렉토리는각각 다른 방식으로 페이지 라우팅을 처리하는 두 가지 방법을 제공합니다.1. pages 디렉토리import { useRouter } from 'next/router'; 사용/pages 구조 예시 index.tsx → / about.tsx → /about # 👤 사용자용 client/ dashboard.tsx → /client/dashboard profile.tsx → /client/profile blog/ [id].tsx → /client/blog/:id # 🛠 관리자용 admin/ i.. 2025. 4. 25.

[한경xToss] 15주차 요약 : Java SpringBoot + 첫 스프링 백엔드 개발 개인의 학습 내용 기록 중, 극히 일부의 내용만 작성되었습니다. 자바 스프링부트 기초 🌱 Spring 개념Java 기반의 웹 애플리케이션 프레임워크목표: 현대 자바 기반 엔터프라이즈 애플리케이션을 위한 프로그래밍 및 설정 모델 제공✨ Spring의 주요 특징- POJO 지향POJO (Plain Old Java Object): 외부 기술 없이 순수 Java로 작성된 객체- 경량 컨테이너객체 생성 및 관리를 자체적으로 수행- IoC (제어의 역전) / DI (의존성 주입)객체 간 의존성을 외부에서 주입하여 유연한 구조 설계 가능- AOP (관점지향 프로그래밍)공통 관심 사항(로깅, 보안 등)을 핵심 로직과 분리하여 관리🚀 Spring Boot 주요 어노테이션🔹 @SpringBootApplication3.. 2025. 4. 12.

[한경xToss] 14주차 요약 : Java 개인의 학습 내용 기록 중, 극히 일부의 내용만 작성되었습니다. Java//자바는 클래스에서 시작해서 끝난다.//public : 접근제한자//class : 클래스 정의어public class ex01 { //static : 정적 변수/함수로 선언 // 프로그램 시작점에 정의한다. //String[] : 문자열 배열, 프로그램 시작시 // 파라미터 ex) hwp.exe a.hwp b.hwp public static void main(String[] args) { //println : 콘솔 출력 System.out.println("Hello Java!"); }}//데이터 타입(자료형) //기.. 2025. 4. 12.

이전 1 2 3 4 ··· 9 다음

728x90

티스토리툴바