홍가의 코딩공부

고정 헤더 영역

글 제목

메뉴 레이어

홍가의 코딩공부

메뉴 리스트

  • 홈
  • 분류 전체보기 (61) N
    • 일상 (0)
    • 공부 (12) N
      • React 공부 (4)
      • Next JS 공부 (0)
      • TypeScript 공부 (0)
      • Java 공부 (1) N
      • Database 공부 (1) N
      • 개발 공부 (6)
    • 프로젝트 (9)
      • Project (React) (7)
      • Project (Next) (2)
    • Html, Css, JavaScript 기초공부 (27)
    • 깃허브 사용법 (11)

검색 레이어

홍가의 코딩공부

검색 영역

컨텐츠 검색

전체 글

  • Java 설치 및 Spring boot 프로젝트 생성 방법 - mac기준

    10:30:37 by hongga

  • DBeaver 설치 및 기본 세팅 방법 - mac기준

    2026.08.30 by hongga

  • 카카오 개발자 사용 기 로그인 기능 구글 OAuth, 카카오 로그인, Github 로그인 + 배포 후 URL 변경 방법

    2026.05.28 by hongga

  • 카카오맵 API 발급 및 사용기

    2026.05.22 by hongga

  • supabase 사용하기

    2026.05.20 by hongga

  • supabase 란? - SQL, NoSQL, PostgreSQL

    2026.05.14 by hongga

  • MAC 개발 세팅 진행하기 - git 설치 및 VScode 연결하기 및 Node.js 설치

    2026.05.13 by hongga

  • 2026 프론트엔드 개발 트렌드 총정리 (AI, Edge, Server Components)

    2026.05.06 by hongga

Java 설치 및 Spring boot 프로젝트 생성 방법 - mac기준

회사를 이직하면서 자바를 사용하게 되어가지고 공부할 겸 프로젝트도 바꿀겸 글 작성을 해봅니다. The Leading IDE for Professional Java and Kotlin DevelopmentIntelliJ IDEA is the JetBrains IDE for pro development in Java and Kotlin. Built for your comfort, it unlocks productivity, ensures quality code, supports cutting-edge tech, and protects your privacy.www.jetbrains.com dmg(‎Apple Silicon)을 설치해주시면 됩니다. M칩 시리즈는 Apple Silicon, 그 외 맥북은 int..

공부/Java 공부 2026. 9. 1. 10:30

DBeaver 설치 및 기본 세팅 방법 - mac기준

DBeaver은 모든 DB를 하나의 프로그램에서 사용이 가능하다는 장점이 있다 (mysql, postgreSQL, oracle 등등)그리고 이직한 회사에서 프론트 백엔드 데이터 등 다 하기에 공부도 할 겸 실제 서버 및 데이터 관리를 직접 해보려고글을 작성하게 되었습니다. Download | DBeaver CommunityDBeaver is a desktop application. If you are looking for a web-based database management system, please check another of our products: CloudBeaver. It is also open-source and free. DBeaver CLI (dbvr) is a command-lin..

공부/Database 공부 2026. 8. 30. 14:19

카카오 개발자 사용 기 로그인 기능 구글 OAuth, 카카오 로그인, Github 로그인 + 배포 후 URL 변경 방법

Supabase | The Postgres Development Platform.Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free.supabase.com Google OAuth Google 클라우드 플랫폼로그인 Google 클라우드 플랫폼으로 이동accounts.google.com 프로젝트 생성 메뉴에서 API및 서비스 - 사용자 인증 정보 - 클라이언트 ID 추가 생성이름 설정 후 승인된 리디렉션 URI 추가 작업. https://supabase.com/ 로그인 후 대..

공부/개발 공부 2026. 5. 28. 13:36

카카오맵 API 발급 및 사용기

Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해 보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com접속 후앱 생성 하기. -> 생성 된 앱 클릭 후 필요한 내용 가져다가 사용하기. .env에 추가 ?? 안보이는 상황. -> 다시 생성된 앱에 접속하여 플랫폼 키 -> JavaScript키 추가 -> SDK도메인 추가 - 생성된 내용은 .env에 입력 후 사용 그래도 나오지 않는다면 개발자도구 window(F12) mac(Option+command+I)를 켜서 console을 확인 하시고 조치를 취하시기를,,저는 Response was blocked by CORB (Cross-Origin Re..

공부/개발 공부 2026. 5. 22. 11:30

supabase 사용하기

Supabase | The Postgres Development Platform.Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free.supabase.com 접속 후 체크 표시 클릭 프로젝트 생성 (알맞게 설정 후) 초록 버튼 클릭 -> 비밀번호 설정 후 프로젝트 생성 확인. -> Copy라고 된 버튼 클릭하면 Project URL, Publishable Key 등등 있습니다. 이거 .env에 넣어서 사용하시면 됩니다.project URL은 메인 대시보드 copy 버..

공부/개발 공부 2026. 5. 20. 14:12

supabase 란? - SQL, NoSQL, PostgreSQL

Supabase가 뭔가요?Supabase는 2020년에 등장한 오픈소스 백엔드 플랫폼입니다. 한 줄로 표현하면 "Firebase의 오픈소스 대체제" 인데, Firebase와 결정적으로 다른 점이 하나 있습니다. 바로 내부 엔진이 PostgreSQL이라는 것입니다.데이터베이스, 인증, 파일 스토리지, 실시간 기능, 서버리스 함수까지 — 백엔드에 필요한 것들을 하나의 플랫폼에 묶어서 제공합니다. 덕분에 프론트엔드 개발자도 별도의 백엔드 서버 없이 풀스택 앱을 만들 수 있습니다. Supabase의 핵심 기능 4가지① Database — PostgreSQL 완전 지원. 자동으로 REST API와 GraphQL API까지 생성해줍니다. 테이블만 만들면 별도 API 서버 없이 데이터를 바로 읽고 쓸 수 있습니다.②..

공부/개발 공부 2026. 5. 14. 11:30

MAC 개발 세팅 진행하기 - git 설치 및 VScode 연결하기 및 Node.js 설치

터미널(cmd, PowerShell)에서 git --version을 입력 설치가 안되어 있으면 아래 그림처럼 나옴. 깃 설치 Git git-scm.com운영체제(Windows/Mac)에 맞는 설치 파일을 다운로드하고 설치합니다. (설치 중 나오는 옵션은 모두 기본값인 상태로 'Next'를 눌러 설치해도 무방합니다.) 설치 중. -> 설치 완료 시 VScode 닫고 재실행 후 -> git --version 입력 내용 확인되면 git 설치 된 것. window : Ctrl + Shift + P / mac : Cmd + Shift + P -> Git: clone allow 후 git clone 과정을 거치면 이렇게 레포지토리 내용이 확인 가능 레포지토리 클릭하면 어디에 저장할 지 선택하라고 나옵니다. 저장 폴..

깃허브 사용법 2026. 5. 13. 14:24

2026 프론트엔드 개발 트렌드 총정리 (AI, Edge, Server Components)

안녕하세요 😊요즘 프론트엔드 개발 흐름이 정말 빠르게 바뀌고 있습니다. 단순히 화면을 만드는 것을 넘어서, 성능·사용자 경험·개발 생산성까지 모두 고려해야 하는 시대가 되었죠.그래서 오늘은 2026년 기준으로 꼭 알아야 할 프론트엔드 핵심 트렌드 3가지를 정리해봤습니다.1. AI가 프론트엔드 개발을 바꾸고 있다이제 AI는 선택이 아니라 필수입니다.코드 자동 생성, UI 초안 제작, 테스트 코드 작성까지 AI가 도와주고 있어요.예를 들어,반복적인 컴포넌트 생성API 연동 코드 작성에러 디버깅이런 작업들이 훨씬 빨라졌습니다.중요한 건 “AI를 얼마나 잘 활용하느냐”가 개발자의 경쟁력이 되고 있다는 점이에요.앞으로는 단순 구현 능력보다 문제 해결 능력 + AI 활용 능력이 더 중요해질 가능성이 큽니다.2. ..

카테고리 없음 2026. 5. 6. 15:59

추가 정보

인기글

최신글

페이징

이전
1 2 3 4 ··· 8
다음
TISTORY
홍가의 코딩공부 © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바