분류 전체보기

📌 근래에 프로젝트들을 진행하면서 꼭 필수적으로 들어가는 기능들이 있었다. 구태여 프로젝트 뿐만아니라 대부분 사이트에 있는 필수 기능이기도 한 바로 회원가입, 로그인 기능이다! 토이프로젝트를 진행하면서 JSON Server로 로그인기능을 구현해보기는 했는데 Firebase가 훨씬 더 구현하기 간편한 것 같다. 로그인 기능 이해하기 1. 회원가입 서비스를 사용하는 사람들은 우선 회원가입을 하는데 email, password 등 필요한 정보를 db에 저장한다. 2. 로그인 그 후 사용자들은 email, password를 입력하면 db에서는 해당 user를 구별하여 해당 user에 대한 token을 전달한다. 3. 로그인 이후 token을 전달 받은 사용자들은 db에 해당 token을 header에 넣어 원하..

📌 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..

📍 투두리스트 프로젝트를 진행하며 모달창을 만들어야 할 일이 있었는데 그때는 라이브러리를 사용하는게 좋을지 그냥 코드로 만들어 보는게 좋을지 고민하다가 일단 그냥 만들어보자! 라는 마음으로 만들었다. 이번에 다른 프로젝트를 진행하며 모달창을 만들일이 또 생겼는데 이번에는 chakra를 사용해 간단하게 모달창을 만들어 보았다. 라이브러리 없이 모달창 구현하기 1. 모달창 컴포넌트 생성 및 버튼 만들기 export default function TodoEditModal() { return ( edit_square ); } 모달 컴포넌트를 생성하고 클릭했을 때 모달창을 띄울 버튼을 만든다. 2. 버튼 상태 관리해주기 import React, { useState } from 'react'; export defa..

💡 시작하며 오늘은 패스트캠퍼스의 강사님과 멘토님에 대해 말해보려고합니다! 패스트캠퍼스 강사님은 온라인 강의를 통해 만나는 강사님과 실시간 강의를 통해 만나는 강사님이 있습니다. 온라인 강의와 실시간 강의의 강사님이 겹치는 경우도 있었는데요. 오히려 강의의 연장선이 되는 느낌이라서 더 좋았습니다. 👩🏼‍💻 온라인 강의 강사님 HTML / CSS / JavaScript / TypeScript - 박영웅 강사님 초반의 모든 강의를 담당하셨던 박영웅 강사님 입니다.박영웅 강사님은 처음에 얘기했듯이 온라인 강의, 실시간 강의 모두 만났던 강사님입니다. 온라인강의로 HTML, CSS, JavaScript, TypeScript를 진행하고 실시간 강의로 JavaScript 심화를 진행했습니다. 박영웅 강사님의 가장 ..