분류 전체보기 (65) 썸네일형 리스트형 React 스크롤 페이징 구현 react-intersection-observer 리액트 프로젝트 개발을 하면서 목록에서 스크롤 페이징 개발 중 이슈가 생겼다. const [shopList, setShopList] = useState([]); const scrollHandle = () => { let scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop); let clientHeight = document.documentElement.clientHeight; let scrollHeight = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight); if((scrollTop + clientHeight) > scroll.. Node.js Mysql2로 async/await 사용하기 푸핫을 개발하면서 리뷰별로 이미지 리스트를 못담는 이슈가 생겼다. 스프링처럼 Mybatis에 resultMap을 사용하면 쉽게 Collection에 넣을 수 있지만 node.js에서 mysql을 orm 없이 개발하다 보니 해결하는데 시간이 오래걸렸다. 기존에 mysql 미들웨어를 사용했고 소스는 아래와 같았다. router.get('/api/review/list/:seq', (req, res) => { let sql = 리뷰 select 쿼리 con.query(sql, (err, result) => { if(err){ return res.status(500).send({error : 'database failure'}); } const dataArray = new Array(); for (var i = .. MySQL 이벤트 스케줄러 등록 MySQL에는 이벤트 스케줄러가 있어서 등록한 이벤트를 주기적으로 실행할 수 있다. 보통 주기적으로 돌려야할 프로시저를 스케줄러에 이벤트로 많이 이용한다. 스케줄러는 event_scheduler 값이 ON 상태가 되어있지 않으면 동작 하지않는다. 쿼리로 쉽게 조회할 수 있고, 클라우드의 RDS라면 콘솔에서 확인이 가능할 것이다. 쿼리로 조회 SHOW variables LIKE 'event%' 쿼리 상태 수정 SET GLOBAL event_scheduler = ON이나 OFF AWS RDS 경우 RDS 메뉴 > 파라미터 그룹으로 가면 event_scheduler 검색으로 조회할 수 있고 수정도 가능하다. 스케줄러 이벤트 목록 SELECT SELECT * FROM information_schema.EVENT.. 카카오 로그인 구현 javascript 푸핫을 만들면서 로그인을 카카오 로그인으로 개발하려고 한다. 카카오 가이드 문서를 참고하면 쉽게 만들 수 있다. https://developers.kakao.com/docs/latest/ko/kakaologin/js 기본적으로 카카오 내 애플리케이션 > 카카오 로그인이 활성화 되어있어야하고 정보 받을 항목을 동의항목에서 설정해주어야 한다. 나는 이름, 프로필 사진, 이메일을 설정했다. 그리고 플랫폼 메뉴에 들어가서 Web에 도메인을 넣어주어야 한다. 개발할땐 http://localhost를 넣어주어야 하지만 배포후 보안상을 위해 제거하도록 하자. 설정 완료 후, sdk를 페이지에 포함시켜주어야 스크립트로 로그인 구현이 가능하다. Kakao.init으로 초기화를 해줘야하는데 이때 값으로 javascript.. Express multipart/form-data 파일 받기 express + react로 사이트 개발 중 이미지 업로드를 위해 Content type을 multipart/form-data으로 전송하면 서버에서 request body에 데이터가 undefined로 되는 이슈가 생겼다. node에서 multipart/form-data를 사용하기위해 Multer라는 미들웨어를 사용하기로 했다. https://github.com/expressjs/multer/blob/master/doc/README-ko.md 여기서 자세한 properties를 볼 수 있다. Multer 설치 >npm install multer --save 작성한 코드 var multer = require("multer"); const upload = multer({ dest: 'uploads/' }).. Python 구글 트렌드 인기 검색 10위 카톡 나에게 보내기 (2) 테스트 메세지를 보내본다. https://developers.kakao.com/docs/latest/ko/message/rest-api api 문서를보면 메세지 타입이 여러가지 있는데 텍스트만 있어도 충분해서 텍스트를 사용한다. 텍스트 템플릿에 맞게 template-object를 정의한다. https://developers.kakao.com/docs/latest/ko/message/message-template#text object_type, text, link가 필수값이고 버튼을 선택적으로 달수있다. 테스트 메세지를 보내보자 template_object = { "object_type":"text", "text" : "test", "link" : { "web_url" : "https://developer.. Python 구글 트렌드 인기 검색 10위 카톡 나에게 보내기 (1) 네이버 실검이 없어진 지금 세상사를 모른다. 파이썬으로 구글 트렌드 인기 10위 긁어와서 카톡으로 뿌릴 예정이다. 이때 삼성전자 급락했음 일단 파이썬 설치는 라이브러리가 많은 아나콘다를 깔았다. IDE는 같이 설치된 스파이더를 사용해본다. 먼저 카톡으로 나에게 메시지를 보내려면 카카오 Developers에서 내 앱을 만들어야한다 카카오 개발자 > 내 애플리케이션 > 애플리케이션 추가 만들었으면 앱에 들어가서 요약정보를 보면 앱키 값들이 나와있다. REST API를 사용할 예정이라 확인해둔다. 카카오 로그인탭에 들어가 활성화를 시켜주고 Redirect URL에 localhost와 개인 사이트가 있다면 추가해준다. 로그인후 리다이렉트될 url을 넣어야한다. 동의 항목은 모두 사용안함. 카카오 메시지 보내기만.. MongoDB 설치 - Window RDBMS에 익숙해진 나에게는 너무 낯선 nosql이다. www.mongodb.com/try/download/community MongoDB Community Download Download the Community version of MongoDB's non-relational database server from MongoDB's download center. www.mongodb.com msi파일 다운받는다. 혹시몰라서 인터페이스인 Compass도 설치하였다. 중간에 설치할건지 묻는 체크항목 있다. 몽고디비가 설치된 폴더로 이동해보면 (C:\Program Files\MongoDB\Server\4.4) readme파일과 bin폴더가 보인다. readme 파일을 메모장으로 열어서 대충 스윽 보면 mon.. 이전 1 ··· 5 6 7 8 9 다음