CONST oyeonDevlog; CONST oyeonDevlog;

error handling/Simple tips

• 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
• 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
• 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
• 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
• [github] commit 기록을 터미널에서 보는 방법

  error handling/Simple tips 2020. 7. 2. 15:47

  git log --graph --oneline --decorate --all --date=format:'%Y-%m-%d %H:%M:%S' --pretty=format:'%Cred%h%Creset -%C(auto)%d%Creset %s %C(yellow)(%ad) %C(bold blue)%Creset' --abbrev-commit 이걸 치면 커밋 기록을 CLI로 터미널에서 볼 수 있다. * 이 커밋 * 과 * 사이에 삼각형이 계속 이어지는 것이 가장 예쁜 커밋 그래프를 예쁘게 만들려면 git rebase를 사용하는 것이 좋다.

  Read More
• 서버와 클라이언트의 연결 상관 관계 ( + body-parser module)

  error handling/Simple tips 2020. 6. 25. 18:47

  아래 코드는 클라이언트 코드의 일부이다. 서버와 연결하기 위해서 fetch를 사용했다. 잠깐 fetch에 대해서 부연설명을 하자면 fetch를 사용할 때는 두번째 parameter는 옵션으로 들어가는 부분인데 적어주지 않는다면 default method는 GET이 될 것이다. 다른 method를 활용하고 싶다면 POST를 두 번째 파라미터에 적어주어야 한다. fetch("http://localhost:4000/signin", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email: this.state.email, password: this.state.password }) }) .then(r..

  Read More
• 로그인 구현 시 session id 삽입

  error handling/Simple tips 2020. 6. 25. 17:48

  보통 로그인이 성공하면 서버에 있는 session에 새로운 아이디를 심어주어 다음 로그인 시 활용하게 된다. 이 때, id라는 변수를 그대로 사용하면 기존에 있던 id값이 중복되기 때문에 userid 등 다른 변수를 사용해서 심어주어야 한다. signInController: (req, res) => { //TODO : 로그인 및 인증 부여 로직 작성 user .findOne({ where: { email: req.body.email, password: req.body.password } }) .then(result => { console.log(JSON.stringify(result)) //여기서 result 는 아래와 같다. //{"id":1,"email":"rnjsdhdus93@gmail.com","..

  Read More