본문 바로가기

전체 글109

파이어 베이스로 문자인증하기 - 2 목차 1. 패키지 설치 2. 인증 번호 발송 3. 인증 진행하기 4. 주의점1. 패키지 설치파이어베이스를 통해 인증을 구현하기 위해서는 파이어베이스 패키지를 설치해야 한다. 다만 해당 패키지는 백그라운드에서도 동작할 수 있어 관리자 권한이 필요하여 sudo로 설치를 진행하여야 한다.sudo npm install firebase2. 인증 번호 발송이제 코드 상에서 파이어베이스의 프로젝트 정보를 입력하고 앱 객체를 만들어야 한다. import { initializeApp } from "firebase/app"; const firebaseConfig = { apiKey: "", authDomain: "", projectId: "", storageBucket: "", messagingSenderId: "", a.. 2024. 10. 30.
파이어 베이스로 문자인증하기 - 1 목차1. 파이어베이스2. 프로젝트 생성 및 설정 1. 파이어베이스클라우드 기반의 백앤드 서비스 제공 플랫폼으로 웹 또는 앱 애플리케이션을 쉽게 개발하고 배포할 수 있도록 다양한 서비스를 제공한다.대표적인 서비스를 설명하면 다음과 같다1) 실시간 데이터베이스▶ noSQL형식의 실시간 데이터 베이스로 데이터가 서버와 클라이언트에 실시간으로 동기화되며 파이어베이스가 관리하기 때문에   채팅이나 실시간 협업에 적합하다. 2) 인증▶ 문자, 이메일 등 다양한 방식을 통해 사용자 인증 기능을 구현할 수 있도록 한다. 3) 호스팅▶ 웹 애플리케이션을 빠르고 안정하게 호스팅할 수 있도록 하는 서비스로 SSL인증서를 제공하여 GIT과 연동하여 간단하게 배포할 수 있다. 4) 푸시 알림▶ 모바일, 웹 애플리케이션에 대한 .. 2024. 10. 6.
[JS]메일 보내기 목차1. nodeMailer2. 웹 설정3. 구현하기1. nodeMailer간혹 어떤 웹사이트에서 이메일 주소를 입력하면 알림이나 인증 관련 메일을 보내주는 것을 본 적이 있을 것이다. 그 메일은 과연 사람이 직접 작성하여 보내는 것일까?당연히 아니다. 메일을 간편하게 보낼 수 있는 "nodemailer"라는 모듈을 통해 사용자의 이메일 정보를 입력받아 지정된 내용의 메일을 보낼 수 있다. 복잡하지 않고 단순하게 구현가능이모티콘을 포함한 다양한 문자를 지원파일을 첨부하여 전송가능html형식의 메일 전송 가능nodemailer는 위와 같은 장점이 있으며 메일에 관해 다방면으로 사용될 수 있다.2. 웹 설정1) naverhttps://nid.naver.com/user2/help/2StepVerif https.. 2024. 10. 5.
styled component 목차1. styled components?2. css는 사용하지 않을까?3.어떻게 사용하지?1. styled components?css파일이 아닌 js 문법을 통해 컴포넌트에 스타일을 적용할 수 있게 하는 라이브러리기존 html에서 요소에 스타일을 줄 때 스타일 태그를 이용하거나 스타일이 적용된 클래스를 필요한 요소에 부여하는 방법들을 사용하였다. react에서 전통적인 방법을 사용하기도 하지만 . styled components 모듈을 통해  스타일이 적용된 단일 요소를 컴포넌트로 만들어 사용하는 방법을 이용하기도 한다. 왜 사용하는지 장점과 사용하는 방법을 알아보도록 하자. 장점1 ) 클래스 명 중복 제거▶ css파일로 관리를 할 경우 파일이 많아지면 작업자에 따라 작성된 클래스명이 중복될 수 있고 .. 2024. 8. 19.

티스토리툴바