AngelPlayer`s Diary

[OAuth] 01 Google OAuth + SpringBoot + Next로 간편 로그인 구현

Google OAuth를 활용하여 간편 로그인 기능 + 방명록을 구현해 보겠습니다. 기능- Google OAuth- Session 기반 인증 방식 사용 프레임워크/라이브러리- Next.js 14- SpringBoot 3 1. Google Cloud Console 설정 https://cloud.google.com/ 클라우드 컴퓨팅 서비스 | Google Cloud데이터 관리, 하이브리드 및 멀티 클라우드, AI와 머신러닝 등 Google의 클라우드 컴퓨팅 서비스로 비즈니스 당면 과제를 해결하세요.cloud.google.com 먼저 새 프로젝트를 생성해야 합니다. Google Cloud Console로 이동하여 로그인 후 [프로젝트 선택 - 새 프로젝트]를 눌러줍니다. 다음으로 프로젝트 이름을 ..
Web/etc 2025. 12. 1. 15:59

[Next] Next.js에서 폰트(글꼴) 변경하기 (Feat. Google, Local)

오늘은 Next.js에서 Font(글꼴)을 변경하는 방법을 알려드리겠습니다. 내용은 크게Google Font 적용 방법여러 개의 Google Font 적용 방법Local Font 적용 방법입니다.    Google Font 적용하기과거 HTML이나 React를 사용할 때는 cdn을 통해서 Google Font를 사용한다고 알려주거나,폰트를 직접 다운로드 받아서 연결하는 작업이 필요했습니다. https://angelplayer.tistory.com/510 [HTML/CSS] 외부 Font(TTF/OTF) 웹 페이지에 적용하기테스트 환경 React + Vite ※. TTF vs OTF 차이 폰트 구조 TTF는 오래된 폰트 형식으로, 덜 복잡한 비트맵으로 구성되어 있어 일부 오래된 시스템과의 호환성이 더 좋을..
Web/React.js 2024. 7. 7. 18:07

[GCP] Google Cloud Platform VM 만들기 & 원격 접속

새로운 프로젝트를 해보려고 하는데 CI/CD 환경까지 구축하려니 최소 2코어 4GB RAM 정도 성능이 필요하다고 합니다. AWS에서 EC2로 결제하면 한 달에 40불로 약 5만 원 선으로 해결가능한데, 조금 싸게 할 방법을 찾다가 Google Cloud Platform이 처음 사용자에게 3개월간 300불을 무료로 제공한다고 해서 한 번 사용해 봤습니다. VM 인스턴스 만들기 https://console.cloud.google.com/ Google 클라우드 플랫폼 로그인 Google 클라우드 플랫폼으로 이동 accounts.google.com GCP에 가입 후 Compute Engine - VM 인스턴스를 선택합니다. ! 이 단계 앞에서 VM 인스턴스를 사용하기 위한 인스턴스를 설치하라는 화면이 나오는데..
Programming/Infra 2023. 11. 25. 08:25
◀ 1 ▶

티스토리툴바