React/React Clone Coding
[Amazon Clone Coding]리액트로 만드는 아마존 웹사이트 - 1
이 글은 저 혼자 " Clever Programmer " 채널의 Clone Coding 영상을 보고 혼자 따라해본 글입니다. Clever Programmer You can find awesome programming lessons here! Also, expect programming tips and tricks that will take your coding skills to the next level. www.youtube.com 깃허브 주소 github.com/junghyeonsu/amazon-clone www.youtube.com/watch?v=_Z6eRoagmz4&list=PL-J2q3Ga50oNQP__onO64kAHX_z0BdLv6&index=3 1. npx create-react-app . ..
[Tinder Clone Coding]틴더 클론 코딩
이 글은 저 혼자 " Clever Programmer " 채널의 Clone Coding 영상을 보고 혼자 따라해본 글입니다. Clever Programmer You can find awesome programming lessons here! Also, expect programming tips and tricks that will take your coding skills to the next level. www.youtube.com 내 TINDER 클론 코딩 깃허브 주소 github.com/junghyeonsu/tinder-clone 구조 파악 (0분 ~ 11분) import React, { Component } from 'react'; import Header from './Header'; impor..
React + Firebase 애플리케이션 구축하기
Frontend = create-react-app backend = firebase 소스코드는 git과 연동이 되어있도록 Github 연결 틴더 클론 코딩을 할 프로젝트라서 레파지토리 이름은 tinder-clone으로 정해주었습니다. 저는 github-desktop을 사용해서 레파지토리를 clone 했습니다. VScode 사용해서 폴더를 열어주고 Create-react-app 설치 npm create-react-app . 입력해서 현재 폴더에서 create-react-app 을 설치하였습니다! 필요없는 파일들은 삭제를 하고, App.js를 저렇게 바꾸어 주었습니다. 정상적으로 뜨는 것을 볼 수 있습니다. Firebase 설치 및 구성 npm install firebase firebase를 설치를 해줍니다..