전체 글
-
Springdoc(OpenAPI 3.0) - Swagger 확장 버전개발/BACKEND 2025. 7. 2. 00:18
🔸 Swagger란?Swagger는 API 명세를 시각화하여 브라우저에서 쉽게 테스트할 수 있는 UI를 제공합니다.개발자와 프론트엔드, QA, 기획자 등 여러 직군이 API 명세를 쉽게 확인할 수 있게 해줍니다.🔸 Spring Boot에서 Swagger 설정 (springdoc-openapi 사용 권장) Spring Boot에서는 API 문서화를 위해 Swagger 또는 그 확장 버전인 Springdoc(OpenAPI 3) 를 주로 사용합니다. Springfox 기반 Swagger는 유지보수 중단되어 지금은 springdoc-openapi 사용을 권장합니다.✅ 1. 의존성 추가(pom.xml에 작성)Gradle 의존성// build.gradleimplementation 'org.springdoc:sp..
-
Shell(셸)개발/BACKEND 2025. 6. 29. 23:39
✅ Shell이란?**Shell(셸)**은💬 사용자와 운영체제(OS) 사이를 이어주는 인터페이스예요.당신이 키보드로 명령을 입력하면, Shell이 그걸 운영체제에게 전달하고 결과를 보여줘요.쉽게 말하면, "컴퓨터와 대화하는 통역사" 같은 존재예요.GUI(그래픽) 대신 텍스트로 명령을 입력하는 방식이에요.📦 Shell 종류 (대표적인 것들) Shell 이름설명비고CMD (Command Prompt)Windows 기본 셸오래된 인터페이스PowerShellWindows의 강력한 셸스크립트 기능 강화BashLinux, macOS 기본 셸가장 많이 쓰임ZshBash의 향상판macOS 기본, oh-my-zsh로 유명Fish사용자 친화적인 최신 셸자동완성 강력🔁 참고: Bash (Linux/macOS) vs C..
-
우클릭 메뉴(Context Menu) 설정 - Visual Studio CodeETC 2025. 6. 28. 15:21
✅ 방법 1: Visual Studio Code 설치 시 다시 설정 (가장 확실함)Visual Studio Code 설치 파일 다운로드공식 사이트에서 설치 파일을 다시 받아 실행합니다.**설치 마법사 실행 → “다음”**을 누르며 진행하다가✔️ Windows 탐색기에서 "Code로 열기" 컨텍스트 메뉴 추가이 옵션을 체크합니다.설치 완료 후 우클릭 메뉴에 "Code로 열기" 가 보이게 됩니다.✅ 방법 2: (이미 설치된 경우) 수동으로 레지스트리에 추가1. VS Code 설치 경로 확인:VS Code 아이콘에 우클릭하여 "속성"을 선택합니다."대상" 항목에서 설치 경로를 확인합니다."파일 위치 열기" 선택합니다. 2. 레지스트리 편집기 실행:Windows 키 + R을 눌러 "실행" 창을 엽니다."rege..
-
JavaScript 패키지 매니저 npm, yarn, pnpm개발/FRONTEND 2025. 6. 28. 02:02
npm, yarn, pnpm 모두 JavaScript 패키지 매니저입니다.프로젝트에서 사용하는 라이브러리를 설치하고, 관리하고, 실행하는 도구입니다.✅ 요약 비교항목npmyarnpnpm출시 시기가장 먼저 (기본)Facebook이 만든 대안성능 중심의 최신 도구속도보통빠름 아주 빠름 💨 저장 방식중복 저장약간 개선 하드 링크로 공간 절약 💾 안정성개선됨안정적 아주 효율적 호환성기본npm과 호환 npm과 호환 사용처거의 모든 JS 프로젝트React 등 대규모 프로젝트속도 중시하거나 모노레포 환경📦 1. npm (Node Package Manager)Node.js 설치 시 기본 포함됨명령어: npm install, npm run, npm uninstall 등가장 많이 사용되고, 널리 지원됨npm inst..
-
Next.js개발/FRONTEND 2025. 6. 25. 23:20
Next.js by Vercel - The React FrameworkNext.js by Vercel is the full-stack React framework for the web.nextjs.org Next.js는 React 기반의 프레임워크로, 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG), 클라이언트 사이드 렌더링(CSR) 등을 모두 지원하는 올인원 웹 애플리케이션 프레임워크입니다. ✅ Next.js의 핵심 특징서버 사이드 렌더링 (SSR) 지원페이지 요청 시 서버에서 HTML을 만들어 보내줌 → SEO에 유리하고, 초기 로딩 속도 빠름정적 사이트 생성 (SSG)빌드 타임에 HTML을 미리 생성하여 빠른 속도 제공블로그, 문서 사이트 등에 적합클라이언트 사이드 렌더링 (CSR)Reac..
-
Tailwind CSS개발/FRONTEND 2025. 6. 24. 21:41
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.tailwindcss.com Tailwind CSS는 유틸리티 퍼스트(Utility-First) 방식의 CSS 프레임워크야. 쉽게 말하면, 디자인을 클래스 이름만으로 빠르게 구현할 수 있도록 도와주는 도구야. 🔧 일반 CSS와의 차이구분전통적인 CSSTailwind CSS스타일 방식별도로 CSS 파일 작성HTML 태그에 클래스 이름 직접 작성예시.btn { color..
-
Android 버전 선택ETC 2024. 5. 23. 10:50
[참고] https://no-dev-nk.tistory.com/110 안드로이드 버전별 점유율 2024.2이 글의 주제는 안드로이드 버전별 점유율의 상태에 대해서 작성하는 글인데요. 사실 한 철만 볼 수 있는 주제에 가까운데 왜 포스팅을 하느냐하면, 각 API 별로 분류를 해 볼까 해서입니다. 현재no-dev-nk.tistory.com https://cliearl.github.io/posts/android/how-much-minsdkversion/ 2021년 7월 현재, minSdkVersion 몇으로 해야 할까?minSdkVersion 과연 몇으로 해야할지 정해드립니다. 다음 코드는 build.gradle의 코드 일부입니다. build.gradle의 minsdkversion은 내 앱을 설치할 수 있는 ..