CONST oyeonDevlog; CONST oyeonDevlog;

error handling

• Git remote에서 특정 파일의 내용만 가져오기

  error handling/Simple tips 2023. 11. 9. 15:17

  리모트에서 충돌이 발생했을 때 특정 파일의 내용만 가져와서 충돌을 해결하고 싶은 경우에 활용할 수 있는 방법 git fetch 위의 명령어로 최신 remote 상황들을 업데이트 한다. git checkout origin/dev -- path/to/file ex) git checkout origin/dev -- src/components/providers/ModalProvider/index.tsx 위의 명령어로 origin/dev branch의 특정 경로에 있는 파일의 변경 이력만 가져온다. git fetch 원격 저장소의 데이터를 로컬에 가져오기만 하는 것 git pull = fetch + merge 원격 저장소의 데이터를 로컬 저장소에 가져와 병합하는 것

  Read More
• location.search 파라미터로 받아온 한글 쿼리의 깨짐 현상

  error handling/Simple tips 2022. 11. 10. 23:17

  파라미터로 받아온 검색어를 input value에 바로 설정할 경우 깨지는 현상이 발생했다. 이럴 때 필요한 함수는 decodeURIComponent(): URI(Uniform Resource Identifier)로 변환된 문자를 정상적인 문자열로 디코딩하는 함수 const queryString = decodeURI(location.search.slice(3)); 이렇게 설정함으로서 해결!

  Read More
• 객체를 배열로 담아서 데이터 꺼내오기

  error handling 2022. 9. 9. 22:59

  Firebase Real time Database에는 데이터가 객체 형태로 저장된다. 그래서 데이터들을 받아와서 반복문으로 map을 돌릴 수 없는 상황이 발생! 객체를 배열로 변경해서 꺼내오는 코드를 작성 const getAllPosts = async () => { const response = await getAllPostsData(); // async 함수 내 빈 배열 생성 const allPostArray = []; // for...in 문을 통해 새로운 객체로 담고, for (const key in response) { const postObject = { id: key, ...response[key] }; // 빈 배열에 push allPostArray.push(postObject); } let..

  Read More
• firestore 경로 설정

  error handling/Simple tips 2022. 9. 7. 12:27

  파이어베이스 공식 문서가 최신화되어 있지 않은 건지 그대로 해도 안되는 경우가 많아서 삽질을 많이 했다 파이어베이스 관련 블로그 포스팅도 안드로이드가 대부분 ㅠㅠ 웹 자바스크립트를 하시는 누군가에게는 도움이 되기를 바라며 기록해 놓기 기존 공식문서 상 코드 import 'firebase/firestore'; export const firestore = firebase.firestore(); 에러로그 imageStorage.js:18 Uncaught TypeError: firebase_compat_app__WEBPACK_IMPORTED_MODULE_0__.default.firestore is not a function at Module../src/firebase/imageStorage.js (imageSt..

  Read More
• React 앱에서 dotenv 실행 시 Uncaught Error: Cannot find module 'fs'

  error handling 2022. 8. 15. 15:36

  React 에서 env 파일을 사용하고자 env를 설치하고, 다음과 같이 코드를 작성 import React, { useState, useEffect } from 'react'; import './App.css'; import dotenv from 'dotenv'; dotenv.config() function App() { console.log(process.env.REACT_APP_API_KEY) return ( 앱 ); } export default App; 다음과 같은 오류가 나타났다. nodejs 환경에서는 dotenv import 가 필요하지만, create-react-app으로 구축한 리액트에서는 이미 dotenv가 내장되어 있기 때문에 import를 할 필요가 없음. import dotenv..

  Read More
• firebase 에 이미지 저장하기

  error handling/Simple tips 2022. 8. 2. 21:38

  firebase 의 실시간 데이터베이스 에 이미지를 저장할 때, 이미지는 파일 용량이 크기 때문에 firebase storage에 저장하고나서 저장된 위치를(url) 데이터베이스에 저장해야 한다. 그런데 firebase storage 에 저장한 이미지 경로는 gs 모듈이라서 불러왔을 때 접근이 불가하다. 이걸 https 로 바꿔주는 방법은 다음과 같다. 1. "https://firebasestorage.googleapis.com/v0/b/" 2. bucket object 3. "/o/" 4. correctly encoded path object. 5. "?alt=media" 6. token="..." 참고: https://stackoverflow.com/questions/38779713/how-to-st..

  Read More
• Sequelize Database Error (Unknown column 'stagename' in 'field list')

  error handling/debugging 2020. 7. 13. 03:08

  처음에 짠 스키마와 클라이언트에서 서버에, 그리고 서버에서 DB에 보내줘야하는 내용이 코드를 짜다보니 계속 엇갈려버렸다. 백엔드 작성 중의 실수! 스키마를 구성할 때는 고유한 userid를 받아와서 DB에서 비교할 수 있도록 구성했는데 클라이언트에서 보내줄 수 있는 내용은 username밖에 없어서 서버에서 username으로 DB에서 찾으려 하다보니 (당연히) 진행이 되지않았다. 그래서 결국 DB table 의 column 값을 userid에서 username으로 바꿔주었더니 다음과 같은 오류가 발생했다. UnhandledPromiseRejectionWarning: SequelizeDatabaseError: Unknown column 'username' in 'field list' 오류의 원인은 mod..

  Read More
• office hour에서 나온 질문 정리 (testcase / third-party API)

  error handling/Simple tips 2020. 7. 3. 15:19

  testcase 만들 때도 testcase DB를 따로 만들어주는 것이 편함 (TMI: 하지만 이렇게하면 cost가 많이 든다.) react(single page application)를 쓴다는 것은 클라이언트를 헤비하게 가져가서 데이터를 클라이언트에서 처리하려고 쓰는 거긴 한데 third-party API를 쓰게 된다면 secret키를 써야하기 때문에 클라이언트에서 다루게 되면 브라우저에 보일 수 밖에 없다. 그래서 third-party를 래핑하려면 서버에서 작업해서 API키가 안 보이게 하는 경우가 많다. (구글 소셜 로그인은 클라이언트에서!)

  Read More