1. 내 코드 function solution(price, money, count) { let sum = 0; for (let i = 1; i money ? sum - money : 0; } 1) count 개수만큼 반복 2) price 가격 * 횟수 = N배의 금액이 되도록 설정 3) sum(총 합)이 money 보다 크면 차액 return / 작으면 0 return 2. 다른 사람 풀이 function solution(price, money, count) { const tmp = price * count * (count + 1) / 2 - money; return tmp > 0 ? tmp : 0; } 1) 가우스 공식을 사용했다고 함 2) 1~x까지의 합 : count*( count +1)/2 3) ..

사용한 component 1) InputformLayout.jsx : 메인페이지 레이아웃 > 모달팝업 실행 2) Modal.jsx : 모달 팝업 3) Inputform.jsx : 모달팝업 내부의 데이터 내용 Div태그 contentEditable : 속성을 true를 사용시 글 + 이미지 작성 가능 1. InputformLayout.jsx : 메인페이지 레이아웃 > 모달팝업 실행 import React, { useState } from 'react'; import Modal from 'components/UI/Modal'; import styled from 'styled-components'; function InputformLayout() { const [modalOpen, setModalOpen] =..

▼(회원가입 기능 구현) ▼ #03 React 프로젝트에서 Firebase 사용하기 : Authentication (회원가입 기능 구현) ▼ 2023.11.21 - [Database] - #02 React 프로젝트에서 Firebase 환경 설정하기 ▼ #02 React 프로젝트에서 Firebase 환경 설정하기 2023.11.21 - [Database] - FireBase 주요 서비스 기능 (Authentication , Firestore , Storage ) FireBas zerotonine2da.tistory.com (1) 기존 사용자 로그인 [App.js] import { useEffect, useState } from 'react'; import { auth } from './firebase'; ..

▼ Firebase 환경 설정하기 ▼ #02 React 프로젝트에서 Firebase 환경 설정하기 2023.11.21 - [Database] - FireBase 주요 서비스 기능 (Authentication , Firestore , Storage ) FireBase 주요 서비스 기능 (Authentication , Firestore , Storage ) 1. FireBase 개념 (1) 구글이 제공하는 서버리스(serverless) 플랫폼 ▶ zerotonine2da.tistory.com ▼파이어베이스 API 라이브러리 참고 자료 (사용법): 외우지 말고 찾아서 사용하기! ▼ JavaScript 프로젝트에 Firebase 추가 의견 보내기 JavaScript 프로젝트에 Firebase 추가 컬렉션을 사용..

FireBase 주요 서비스 기능 (Authentication , Firestore , Storage ) 1. FireBase 개념 (1) 구글이 제공하는 서버리스(serverless) 플랫폼 ▶ 서버리스 : Firebase가 웹 서버 개발에 필요한 인프라 제공 => 개발자는 서버 관리 안해도 됨! : 서버 있음! : [사용 이유] 백엔드의 지 zerotonine2da.tistory.com (1) Firebase 프로젝트 추가 1. Firebase console 검색 후 로그인: https://console.firebase.google.com/ 2. 프로젝트 추가 - 프로젝트 이름 지정 - 애널리틱스 미사용 클릭 - 프로젝트 만들기 3. : 웹 클릭 - 앱 등록 (호스팅은 미체크 : 다른거 쓸 예정) -..

1. FireBase 개념 (1) 구글이 제공하는 서버리스(serverless) 플랫폼 ▶ 서버리스 : Firebase가 웹 서버 개발에 필요한 인프라 제공 => 개발자는 서버 관리 안해도 됨! : 서버 있음! : [사용 이유] 백엔드의 지식없이도 웹 서비스 출시 가능 (2) BaaS (Backend as a Service) : 백엔드 부분을 서비스로 사용하기! : 로그인, 스토리지 등 API형태로 사용 가능 (3) FireBase 주요 서비스 ▶ Authentication : 사용자인증 (회원가입 + 로그인 ) => 이메일, 패스워드 로그인 + 구글 로그인 쉽게 가능 ▶ Firestore : NoSQL DB / 자바스크립트 객체와 유사하여 사용하기 편리 ▶ Storage : 파일 업로드 & 다운로드 (..