POMOTODO를 만들면서 작성한 코드를 복습하기 위해 작성하는 글입니다. POMOTODO.kr What is POMOTODO? 1. 문제 인식 서버는 ajax요청을 받으면 db에서 데이터를 찾아와서 출력하는데, 짧은 시간 내에 5개 이상 쌓이면 뻗어버리는 이슈 발생 2. 문제 원인 분석 서버에서 처리도 하기 전에 너무 빠르고 잦은 요청 때문이라고 판단했음 3. 문제 해결 서버에서 ajax요청을 받으면 처리한 후 클라이언트로 응답 값을 보내줘야 되는데 응답값을 보내지 않아서 발생한 문제였음 // 예시 : 리스트 입력 ajax요청 // 가장 아래에 있는 res.status(200).send();를 통해 응답값을 전송하도록 하고 // 자바스크립트에서는 응답값을 토대로 출력 해줌 app.post('/inser..

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 (..

- 기획 - HMTL, CSS, JS작성 - 상단 네비게이션 구현 (링크관련) 현재 날짜, 시간출력 모달창구현(개발자정보 - 블로그, 깃허브, 이메일) - 뽀모도로 타이머 구현 타이머기능 / 애니메이션 / 시간자동입력 / 텍스트창생성 - 투두리스트 / 낫투두리스트 구현 생성 / 드래그&드롭 / 색상변경 / 삭제 - 오디오플레이어 구현 오디오선택 / 재생 / 일시정지 - 클라우드컴퓨터 aws ec2 ubuntu - 서버 node js express - db mongodb - 회원가입 - 로그인 - 회원탈퇴 - 서버통신 (CRUD) - 암호화 (pbkdf2, hash, salt) - 회원가입 유효성 체크 - ajax - 플래시메시지 - jquery sortable - 회원가입 실시간 유효성 체크 - ejs ..

진행상황은 깃허브에 매일매일 기록하고 있습니다. https://github.com/coqoa/PoMoToDo- 2021.12.20~ 2021.12.28 1. 해결한 문제점들 - 모바일 환경에서 출력 안되던 문자 교체 : 회원가입 유효성 체크할 때 모바일 환경에서 문자가 이상하게 출력되던 문제가 발생 -> 맥북 특수문자여서 모바일화면에서는 안보였었음, 교체를 통해 해결 - 전체컬러변경 : 출력기기마다 컬러가 다르게 출력되는데 모바일에서는 파랑과 초록이 돋보여서 물빠진 청바지색으로 출력되는 문제 -> 컬러변경해서 해결 - 반응형 디자인 수정 : 모바일 / 태블릿 / 컴퓨터로 나눠서 반응형디자인 수정 2. 수정한 코드 - css에서 각 요소마다 컬러를 넣었는데 컬러변수화를 통해 유지보수가 쉽도록 변경 - 모달..

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