Front-end/etc

📌 Firebase | Google’s Mobile and Web App Development Platform 개발자가 사용자가 좋아할 만한 앱과 게임을 빌드하도록 지원하는 Google의 모바일 및 웹 앱 개발 플랫폼인 Firebase에 대해 알아보세요. firebase.google.com 프로젝트 생성하기 1. 로그인을 한 뒤 Go to console 을 클릭해 내 console로 이동한다. 2. 프로젝트 추가를 클릭한다. 3. 프로젝트 이름을 입력하고 계속 버튼을 누른다. 4. 계속 클릭! 5. 프로젝트 만들기 클릭하여 프로젝트 생성완료 Realtime Database 1) Realtime Database란? Firebase에서 제공하는 실시간 데이터베이스 서비스로 클라우드 기반으로 호스팅 되며, 웹..

📌 Postman API Platform | Sign Up for Free Postman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster. www.postman.com Open API를 사용할 때 API 리스트를 확인하고 테스트 할 수 있다. 컬렉션 기능도 있는데 필요한 API를 모아두고 쉽게 찾고, 테스트 할 수 있다. 1. 로그인을 한다. 2. My Workspace 에서 + 를 눌러 컬렉션을 만들어 준다. 3. Variables 탭을 클릭하고 발급받은 AP..

📌 YouTube Data API | Google for Developers 동영상 업로드, 재생목록 만들기 및 관리 등의 YouTube 기능을 애플리케이션에 추가합니다. developers.google.com Youtube api key 발급받기 1. youtube api key를 발급받기 위해 아래 사이트에 접속한다. Google 클라우드 플랫폼 로그인 Google 클라우드 플랫폼으로 이동 accounts.google.com 2. 로그인을 한다. 3. 새 프로젝트를 클릭한다. 4. 프로젝트 이름을 작성하고 만들기를 클릭한다. 5. 해당 프로젝트의 대시보드로 와서 API 및 서비스의 사용설정된 API 및 서비스를 클릭한다. 6. 상단에 있는 API 및 서비스 사용 설정을 클릭한다. 7. 필요한 yout..

📍 Pretendard Pretendard 프리텐다드 Pretendard 프리텐다드 글꼴 다운로드 일본어 버전 다운로드 GitHub에서 보기 system-ui를 대체하는 글꼴 Apple의 system-ui가 익숙한 나로서는 San Francisco와 Apple SD 산돌고딕 Neo가 없는 cactus.tistory.com 내가 가장 많이 사용하는 폰트 중 하나인 프리텐다드! NotoSans와 같이 가장 많이 사용하는 폰트이다. 웹사이트에 적용하기에 가장 깔끔하고 가독성 좋은 폰트인 것 같다. 1. 웹폰트 cdn 사용하기 HTML / CSS 둘 중 하나 선택해서 사용하면 된다. HTML html 파일 태그안에 적용해주면 된다. CSS @import url("https://cdn.jsdelivr.net/gh..

1. JWT(JSON Web Token)란? 서명 검증을 통해 토큰의 위변조 유무를 확인할 수 있도록 사용하는 JSON 기반의 토큰 서명이 검증되어 payload가 위변조되지 않았다는 것이 확인되면 payload 정보를 신뢰하여 사용한다. 💡 토큰이 발급되면 누군가가 함부러 변경하지 못하게 서명을 사용한다. 2. JWT의 구조 JWT는 . 을 기준으로 header(헤더) / payload(내용) / signature(서명) 으로 이루어져 있다. 누군가가 payload을 변경하려고 하면 서명도 같이 변경해 줘야한다. 💡JWT 어떻게 구성되는지는 알았는데 실제 작동은 어떻게 할까? HMAC(Hash based Message Authentication Code) 송신자와 수신자는 공통 비밀키(secret ke..

💡 이번에 과제 프로젝트를 진행하고 배포는 vercel에서 진행는데요. github page, firebase으로 배포를 해봤는데 개인적으로 vercel에서 배포하는게 제일 쉽고 빨랐던거 같습니다. ✨프로젝트 배포하기 1. vercel 홈페이지 접속하기 → 로그인 Meet our Customers – Vercel Take a look at a showcase of sites our customers create and learn how they use Vercel to build a better web, scale their business, and improve performance. vercel.com 2. add new 버튼 클릭 → project 클릭 3. 내 깃허브 목록에서 내가 배포하고자 하는..