POMOTODO를 만들면서 작성한 코드를 복습하기 위해 작성하는 글입니다. POMOTODO.kr What is POMOTODO? 1. MongoDB에 가입하고 컬렉션을 생성 2. CONNECT 버튼 -> Connect Your Application - Select your driver and version에서 node.js확인하고 아래의 url을 복사 3. 터미널에서 몽고db 설치 (npm install mongodb) 4. server.js 상단에 몽고디비 첨부 const MongoClient = require('mongodb').MongoClient; 5. server.js에 몽고디비 연결코드작성 MongoClient.connect('복사한 URL', function(err, client){ if (..

POMOTODO를 만들면서 작성한 코드를 복습하기 위해 작성하는 글입니다. POMOTODO.kr What is POMOTODO? 사용자의 정보를 받을 때 비밀번호를 직접 받으면 보안에 굉장히 취약하다는 문제가 있다 그래서 입력받은 비밀번호를 해쉬값으로 변경해서 서버에 저장해야한다 해쉬? : 입력값을 일정한 로직에 따라 사람이 알 수 없는 문자로 변환해줌 내생각 : - hash를 사전에 검색하면 나오는 정의 1.'#'이라는 기호 2. '고기와 감자를 잘게 다져 섞어 요리하여 따뜻하게 차려 낸 것' 이라는 요리법 - 해시함수에 대한 정의 1. '하나의 주어진 출력에 대하여 이 출력으로 사상시키는 하나의 입력을 찾는 것이 계산적으로 불가능하고....,' 즉, 요리에 빗대서 쉽게 생각해보면 고기와 감자를 잘게다..

POMOTODO를 만들면서 작성한 코드를 복습하기 위해 작성하는 글입니다. POMOTODO.kr What is POMOTODO? Node.js의 라이브러리인 Express에서 Session을 이용해 인증을 구현하도록 한다 쿠키의 등장으로 이전에 통신했던 내역을 기억할 수 있게 되었다 하지만 쿠키가 유출될 수 있고 조작될 수 있기때문에 인증을 구현하는것은 매우 위험하다 세션을 적용해서 인증하도록 해서 쿠키를 암호화 할 수 있다. 세션은 각각의 사용자를 식별하기 위한 식별자로서만 기능하는것이고 이것에 대한 실제 데이터는 서버에 저장해서 안전하게, 훨씬 더 많은 정보를 저장할 수 있다 직접 구현하는것이 가능하지만 복잡하고 어렵기 때문에 Express의 도움을 받아서 쉽게 구현한다. -생활코딩- 1. 터미널을 ..

POMOTODO를 만들면서 작성한 코드를 복습하기 위해 작성하는 글입니다. POMOTODO.kr What is POMOTODO? 여러 페이지에서 공통으로 사용하는 상단 네비게이션바의 코드를 여러 파일에서 동일하게 사용하고 있는 걸 인지했고, 수정하기 위해 공부했다 간편하게 공통되는 중복코드들을 하나의 외부 파일로 만들고 ejs템플릿으로 include 하기로 했다 header.ejs Icons made by Freepik from www.flaticon.com Icons made by th studio from www.flaticon.com Please login, if you want to save your data. 데이터를 저장하려면 로그인 해주세요. POMOTODO Hello! Hello ! Log..

POMOTODO를 만들면서 작성한 코드를 복습하기위해 작성하는 글입니다. POMOTODO.kr What is POMOTODO? 1-1. signup.ejs 값을 받아서 signup버튼을 누르면 /signupResult로 post요청 1-2. signup.js - id는 서버와 통신해야하기 때문에 /signup-id-check ajax요청을 통해 유효성체크를 한다 - 나머지 값들은 단순 양식에 맞는지만 확인해서 아래에 시각화 해준다 2. server.js 요청에 따라 응답코드를 전송해준다 - /signupResult app.post('/signupResult',function(req, res){ db.collection('users').findOne({id: req.body.loginId}, functio..

발생한 이슈와 해결 1. favicon 미적용 이슈 로컬에서는 잘 작동하던 favicon이 도메인으로 배포하고나서 표시되지않던문제 : 아이콘파일의 문제, 교체해서 해결 2. jquery sortable 모바일 작동불가 이슈 드래그&드롭을 jquery sortable을 통해 구현했는데 모바일 환경에서는 작동하지 않는 이슈 발생 1. 문제점 체크 2. jquery touch punch 플러그인을 설치해서 해결 3. setInterval inactive 이슈 브라우저가 비활성화 상태가 되면 setInterval이 느려지는 이슈가 발생 1. (포모도로타이머, 타이머애니메이션) 두곳에서 setInterval을 사용하는 것을 확인했음 2. 해결법 stackoverflow 검색했고, 3. webworker를 사용해서..