오류 일기.
Error connecting to database: TypeError: Class constructor BaseEntity cannot be invoked without 'new' 엔티티를 만들던 와중에 갑자기 나타난 영문 모를 에러였는데 아무리봐도 new를 써서 인스턴스 생성할 문제는 아니었다. tsconfig.json 에서 es5였던 "target"을...
4.18
accept-ride 쿼리만들고, test subscription 만들기. 주변에 승객들의 정보를 구독한다. subscription 쿼리를 만들고. subscriptionOptions를 만드는데 document에는 구독할 쿼리, UpdateQuery 에는 지속적으로 update 되는 data를 받는 함수. 만든 옵션을 subscribeToMore()에 넣는...
4.17
aixos를 사용하기 때문에 위치에 대한 state를 기본 값을 주고 false가 리턴되면 setState를 하지 않는다. 위도경도로 주소를 리턴하느 함수를 따로 만들어서 처음에 랜딩 될때 내 위치, 드래그한 위치 둘다에 씀. 주소를 검색 했을 때 쓰는 함수 만들기 시작. 주소를 검색했을 때 위도, 경도, formatted 주소를 받아와서 panTo() 함...
4.14
쿠키와 세션은 웹 서버와 클라이언트 간의 데이터를 저장 교환에 사용되는 기술. 쿠키는 클라이언트, 세션은 서버에 데이터 저장. http 프로토콜의 약점을 보완하기 위해 사용. 쿠키 : 사용자 인증, 장바구니 정보 저장. 유효기간을 설졍하여 시간이 지나면 자동 삭제. HTTP 헤더에 쿠키를 포함 시켜 응답 세션 : 서버에서 생성. 쿠키에 세션id를 저장하고 ...
4.13
리액트 프로젝트 생성. 초기설정. Apollo-boost 추가. uri 입력, index.tsx 에 Apolloprovider 로 App 감싸고 client 프로퍼티 모든 request는 JWT 토큰을 생성하고 주고받는다. Apollo.ts 에서 operation.setContext() 안에 header "X-JWT" 토큰 가저오는거 설정 Apollo.ts...
4.12
DeletePlace.resolver place.id로 findout()하고 place.remove() 한다 GetMyPlace.resover를 할때는 유저아이디와 유저 관계중에 place로 place 리스트를 얻는다. place 관련 crud 테스트 GetNearbyDrivers.resolver find()에 조건을 줘서 드라이빙 중인 유저를 찾는다. i...
firebase 10 마무리
firestore database 와 storage에서 규칙을 설정 한다. 시간을 설정하여 읽기 쓰기를 허용 allow read, write: if request.time < timestamp.date(2023, 4, 10); 인증 확인으로 읽기 쓰기를 허용 allow read, write: if request.auth != null; 인증 - 설정 -...
firebase 9 프로필 업데이트
프로필을 업데이트 할 때는 updateProfile() 함수를 사용한다 프로필네임 변경 후 새로고침 없이 바로 변경하기 위하여 기존의 setUserObj(user)를 간단한 객체로 변경한다. user는 복잡하기 때문에 리랜딩이 되지 않음
firebase 7 데이터 수정, 삭제
updateDoc() 와 deleteDoc() 를 사용한다 doc(db설정, collection이름, document) deleteDoc()는 간단히 deleteDoc(doc(dbService, "nweets", ${nweetObj.id})) 지정할 수 있다. updateDoc()는 추가로 필드 이름과 수정할 내용을 넣는다.
firebase 6 실시간 업데이트
onSnapshot()를 사용하여 실시간 업데이트를 한다. 컬렉션 nweets를 생성 날짜 순으로 가져오기 위해 query() 사용 onSnapshot() 으로 배열 생성 뒤에 setNweets()에 담는다
기술면접 준비
HTML HTML 문법, 태그들의 역할 및 사용법에 대한 이해 시맨틱 마크업에 대한 이해 웹 접근성을 고려한 마크업 기법에 대한 이해 CSS CSS 선택자, 속성, 값에 대한 이해 박스 모델에 대한 이해 레이아웃, 그리드 시스템, 반응형 웹 디자인에 대한 이해 CSS 전처리기(Sass, Less 등)에 대한 이해 JavaScript 자바스크립트 문법, ...
firebase 5 (데이터 추가 collection)
https://firebase.google.com/docs/firestore/manage-data/add-data?hl=ko Cloud Firebase 초기화 getFirestore 로 인스턴스를 초기화 한다 collection 을 사용해서 데이터 추가하기 nweets는 컬렉션 nweet는 document nweet의 값이나 Date.now()는 d...
firebase 사용하기 4 (Log Out)
https://firebase.google.com/docs/auth/web/password-auth?hl=ko singOut 함수를 사용한다. 간단히 useNavigate로 '/'에 이동시킨다. 안그러면 로그아웃 상태로 profile uri에 남아있음
firebase 사용하기 3 (social login)
goolge 과 github 계정을 사용한 소셜 로그인을 하도록 한다. firgebase 계정에서 로그인 제공업체로 google과 github를 추가하고 (github는 조금 까다로움) Auth.js 파일에서 구현하기 https://firebase.google.com/docs/auth/web/google-signin?hl=ko 구글 로그인 fireba...
firebase 사용법 2 (이메일을 이용한 기본 로그인)
firebase config, initialize 영상을 따라하다 안되서 결국엔 검색. 지금은 되지만 나중에 또 안되서 바뀔 수도 있다. 로그인 상태인지 확인하기 getAuth() 해온 정보중에서 현재유저의 상태로 /페이지가 로그인 화면이 될지 홈화면이 될지 route 해준다. 로그인 방법 설정하기 firebase웹페이지 -> Nwitter 프로젝트...
Firebase 사용하기 1
https://console.firebase.google.com에서 프로젝트 생성하기. 웹 선택 프로젝트 Firebase 설치(npm i firebase), src폴더에서 firebase.js 파일 생성 firebase웹페이지-Firebase SDK 추가에서 firebaseconfig, Initialize 복붙. index.js 에 import fi...
Apollo server 연결하기
client.js 백엔드 서버의 uri 와 cache 입력 InMemoryCache는 쿼리 결과를 브라우저 캐시에 저장한다. (처음에만 loading 일어남) index.js ApolloProvider로 App 감싸고 client 프로퍼티 ApolloProvider는 프로젝트 안에서는 어디든지 client에 접근 할 수 있게 해준다 Movies.js...
graphQL 2
database에 없는 스키마를 resolver에서 따로 리턴 할 수 있다. type User에는 fullName 정의가 있어야됨 테이블 조인 """ Tweet object represents a resource for a Tweet """ type Tweet { id: ID! text: String! author:...
graphQL
ApollerServer 생성 스키마 작성 error message : Apollo Server requires either an existing schema, modules or typeDefs Scalar type : graphQL에서 제공하는 기본 타입 ID, String, Int, Boolean 등 스키마 해석 Tweet는 하나의 User를 갖...