코딩 농장

협업할 때 다들 fork 후 PR을 날리는 형태로 많이들 할 것이다. (사실 다들 그러는지 잘 모른다. 하지만 나는 여태까지 모든 프로젝트를 저런 식으로 해왔다.) 이때, upstream repo의 prod 브랜치로 heroku에 배포중이었다고 치자. 그런데, 이 브랜치가 삭제 되었다면 ? 백업 된 브랜치나, 가장 최신버전을 가지고 있는 팀원도 없다면 ? ( git reflog로도 최신버전을 다운받은 사람이 없어서 복구 불가능 ) 그런데 다행히 heroku에 automatic하게 deploy하는 상황이라면 ?! (이것도 안된다면 그냥 각자가 커밋한걸 다시 PR하는 수밖에..) https://help.heroku.com/FZDDCBLB/how-can-i-download-my-code-from-heroku ..

이번에 크롤링을 해볼 수 있었씀다! 이거 자꾸 안 되어서 조금 화나던 찰나에.. 어떤 분 블로그에서 python으로 하신 것을 참고해서 코딩을 하게 되었는데... 그 블로그를 못 찾겠따....!!! 찾게 되면 여기에 링크를 걸어둘게요. 일단 제 코드는 다음과 같습니다! const axios = require('axios'); const cheerio = require('cheerio'); const gitData = require('../models/gitDataModel'); const User = require('../models/userModel'); /* getDate() result에 2021년부터 현재년도까지 담음. 이후 crawlingModule 에서 result 배열에 있는 년도 git 데..

에러는 안 나는데, 쿠키 설정은 안 되고 그래서 로그인이 안 되는 상황! 뭐가 문젤까? 인터넷을 둘러봐도 도메인이 달라서 그럴 수 있다고 하는데, 딱히 그런 건 아니었다 ㅠㅠ 그러다가, 관리자도구(f12)로 api 요청 보낸 거를 봤는데, samesite 부분에 경고 표시가 있는 걸 발견했다. 그래서 검색해보니, 이놈이 크롬에서 쿠키 설정을 막고 있는 거였다. res.cookie(쿠키이름, 쿠키내용, { sameSite:'none', secure: true }); res cookie 부분을 위와 같이 설정해주면 된다. 아직 제대로 공부하지 않아서 잘 모르겠지만, sameSite가 보안때문에 있는건데 그거때문에 쿠키 설정이 안 되는 거였음. 그래서 none으로 해주면 그 다음에는 secure 설정을 해줘야..

다른 포스팅들은 폴더 구조가 백엔드 폴더가 최상위 폴더인 경우밖에 없었다. 필자의 폴더구조는 root>backend / root>frontend로 폴더가 나뉘어져있다. 이 경우에 Heroku로 배포하는 법을 알려드리겠슴. 먼저 root 폴더에 package.json 파일을 만들자. { "name": "root", "version": "1.0.0", "main": "app.js", "scripts": { "start": "node backend/app.js", "backend": "node --watch backend/app.js", "heroku-postbuild": "npm install --prefix backend" }, "author": "", "license": "ISC", "dependenci..

https://github.com/react-native-maps/react-native-maps/issues/3513 Click area of a marker on android is much bigger then the marker's image size · Issue #3513 · react-native-maps/react-native-m Bug report Summary The map marker click area is much bigger than the marker itself. So I can press to all of the sides near the marker and onPress is called. It makes it impossible to select one ma... git..

아주 간단한 건데 드래그를 하는 걸 몰라서 내 에뮬은 안되나봐 ㅠㅠㅠㅠ 하고있었다 ㅎㅎㅎ 홈 화면에서 아래에서 위로 드래그 한번 싹 하기 그러고나면, 여러 앱이 뜰 텐데, 설정 누르면 아래와 같은 화면이 뜬다. 시스템 탭을 누르자. 그리고 언어 및 입력을 누르면 아래와 같은 화면이 뜨는데, 저기서 언어를 누르자. 한국어는 South Korea 이렇게 안 되어 있고, 한국어라고 되어있는 점유의! 저것만 설정해주면 한글 잘 동작한다 :)

자꾸 안에 속성들을 까먹어서 구글링 하는 나를 위해 CSS의 Flexible Box 속성을 정리해보려고 한다. 아래처럼 div가 구성되어있다고 하자. /* 내가 자주 쓰고 잘 아는 부분 */ Container 에게 Flex를 줘야한다. display: flex / inline-flex container가 inline이 되느냐, 아니냐의 차이같다. 그 다음 속성으로는 내부 item의 방향을 정하자. flex-direction: row / column / row-reverse / column-reverse 방향을 정했더니, item이 삐져나갔네. 줄바꿈 처리를 하자. flex-wrap: no-wrap / wrap / wrap-reverse 위 두개를 같이 하자. flex-flow: row wrap / dir..

우리 조는 아두이노와 학교 와이파이를 연결하여 실시간으로 서버와 통신해야한다. 학교 와이파이는 wpa2-peap 방식이다. 하드웨어에 조예가 깊은 사람이 없는 우리 조는 그냥 유명한 하드웨어 부품을 샀다. 아두이노 우노 REV3. 그리고 EPS-8266의 ESP-01. ESP-01의 어댑터. 일단 아두이노 우노와 ESP-01을 이용하여 집 와이파이와 통신해보자. 1. AT Command를 이용하는 방식. 그냥 처음에 AT Command로 아두이노 우노=>ESP모듈로 명령을 내릴 수 있다. 뭐, 모듈 통신 속도를 낮추고 어쩌고 하는 방식이 있는데, 추후 수정이나 추가 업로드 하겠다. 굳이 AT Command를 직접 하지 않고도 ESP-01은 AT Command 기반의 라이브러리가 있다. 2. WiFiEsp..

MVVM 구조와 CONTEXT API date : 2021-04-18 author : MOBUMIN(김수빈) 이번 주에는 프로젝트 이해도를 높이기 위해 MVVM 구조에 대해 공부했다. 그리고 MVVM 구조를 만들기 위해 React의 Context를 공부했다. MVVM 구조 디자인 패턴은 다양하다. MVC, MVVM, MVP... 나는 프론트엔드단에서 쓰이는 MVVM 디자인 패턴에 대해 공부했다. 먼저, 디자인 패턴은 왜 쓸까? 나보다 대단한 개발자들이 오랜기간 이용했다. 패턴대로 코드가 진행이 되기 때문에 유지보수 비용이 감소한다. 언어에 제약이 없다. 이런 저런 이유로 사용할 수 있을 것이다. 실제로, 프로젝트에서 사용해본 결과 코드가 패턴대로 진행이 되어서 코드 작성이 용이했다. 그럼 MVVM 패턴이..

이번에 1일 1커밋을 같이 시작한 동기들과 1일 1챌린지 사이트를 만들기로 했다. 웹을 먼저 만들고도 마음이 맞는다면 앱 구현까지 생각 중이다. ( 현재는 react 자체도 접한지 얼마 안 된 친구들의 러닝 커브를 고려해 웹만 하기로 했다. ) 1. Github Repository 만들기 두 가지 방안이 있다. organization / 개인 repository contributor invite. 우리 팀은 이미 알고리즘 팀블로그 할 때 organization을 만들어서 그 org에서 repository를 만들었다. 레포를 만들면 github desktop으로 다운 받는다. 깃허브 repository 협업 방법은 DSC UOS 팀 블로그에 내가 올린 글을 참고하면 좋을 듯 하다. dsc-universit..