-
Instagram 클론 -3) backend와 frontend 합치기Spring 2021. 6. 12. 00:30
먼저 sign in, up 페이지를 합치자 먼저 firebase로 가서 authentification을 시작한다. 이번에는 firebase documentation으로 가서 웹시작하기를 눌러준다. 빌드> 인증>비밀번호로 인증하기를 들어간다. 이제 우리 프로젝트에 firebase를 넣자. 다음의 문서를 참고해서 순서대로 진행한다. frontend에 npm install --save firebase 이후 components에 firebase.js파일을 만들어주자. import firebase from "firebase/app"; var firebaseConfig = { apiKey: "AIzaSyDOCAbC123dEf456GhI789jKl01-MnO", authDomain: "myapp-project-123..
-
Instagram 클론 -2) status, post, comment모델 만들기Spring 2021. 6. 12. 00:20
user에 이어 이제 status모델을 만들자. 먼저 status entity를 만든다. entity에 Status자바 클래스를 만들어준다. 자동생성되는 id를 만들어주고 나서, 필요한 요소들을 만들고 기본 생성자와 요소 생성자, getter, setter도 만들어준다. package com.yunhalee.Instagram_App.Entity; import java.sql.Timestamp; import javax.persistence.Entity; import javax.persistence.GeneratedValue; import javax.persistence.Id; @Entity(name = "Status") public class Status { @Id @GeneratedValue privat..
-
Instagram 클론 -1) springboot시작하고 user모델 만들기Spring 2021. 6. 11. 19:07
참고한 강의 https://www.youtube.com/watch?v=wlu3pgPIuuM&list=PLtwLEdgwCmnUsGJebQP-NjTuC7FlrLjNR&index=3&ab_channel=TechnicalInterviewTechnicalInterview 인스타그램클론의 frontend 부분은 강의를 보고 만들어 놓았는데, 리액트 부분은 다른 강의에서도 만힝 보고 따라배우는 것을 했기 때문에, 정리하는 것은 생략했다. 코드는 다음에서 확인 가능하다. https://github.com/cracktechnicalinterview/insta-frontend/blob/master/src/Components/StatusBar/StatusBar.css cracktechnicalinterview/insta-f..