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

진행상황은 깃허브에 매일매일 기록하고 있습니다. https://github.com/coqoa 서버를 공부하면서 포스팅은 멈추고 공부에 더 신경썼는데 어느정도 개발이 진행이 되서 포스팅한다 1. NodeJS 웹서버를 구축하고 Express프레임워크를 사용함 * npm으로 설치한 외부모듈 "body-parser": "^1.19.0", "connect-flash": "^0.1.1", "ejs": "^3.1.6", "express": "^4.17.1", "express-session": "^1.17.2", "mongodb": "^4.1.4", "passport": "^0.5.0", "passport-local": "^1.0.0", "pbkdf2-password": "^1.2.1" 2. 데이터베이스는 몽고DB를 ..

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

POMOTODO 주소 : http://13.209.251.65/ 진행상황은 깃허브에 매일매일 기록하고 있습니다. https://github.com/coqoa 저번 주 설정한 목표 1. 오디오 선택 드롭다운리스트에 통일성 부여 기본제공 드롭다운리스트는 디자인이 너무 투박해서 요소 클릭시 모달창이 생성되도록 구현함 +@ : 오디오 선택시 바로 재생되도록 구현 +@ : 각 오디오파일 볼륨이 달라서 맞춰주는 작업 병행 2. 타이머의 시간을 가변적으로 자동저장하도록 구현 사용자가 마지막에 설정한 시간을 자동으로 저장, 출력하도록 구현 +@ : 개발과정에 콘솔로그를 통해 시각적으로 확인할 수 있는 코드구현 3. 코드정리를 통해 중복제거, 사용하지 않는 코드를 삭제 자바스크립트 기중 1000줄 -> 700줄 가량으로..

진행상황은 깃허브에 매일매일 기록하고 있습니다. https://github.com/coqoa 저번주에 설정한 목표 : 1. 타이머 애니메이션 추가 2. 타이머가 작업/휴식에 따라 타입이 변경되도록 구현 3. 뽀모도로 기록 입력텍스트창 마무리하고 - > 기능적으로 묶으면 2가지 목표가 됨 첫번째. 뽀모도로 타이머 관련 - 타이머 애니메이션추가 / 타이머 타입 변경 구현 재생/정지를 토글버튼으로 구현해서 뽀모도로타이머의 타입을 사용자가 시각적으로 알 수 있도록 했음 버튼을 누르면 타입에 맞는 색깔을 가진 타이머 애니메이션 실행, 토글버튼을 정지버튼으로 변경 정지버튼을 누르거나 00분00초가 되면 자동기록, 정지버튼을 재생버튼으로 변경, 타이머의 타입을 변경시킨다 두번째. 뽀모도로 기록부분 - 인풋타입으로 받..

진행상황은 깃허브에 매일매일 기록하고 있습니다. https://github.com/coqoa 개발하는데 속도가 붙어서 한동안 블로그와 깃허브에 개발중인 프로그램에 대한 글을 작성하지 못했다 이미 생각보다 많은 코드들이 작성되었고 하나하나 떼어서 설명을 덧붙이는건 시간이 부족할 것 같아서 통으로 올려놓고 앞으로는 가능한 자주 코드에 대한 글을 작성할 예정이다 주석으로 대략적인 참고사항은 적어놓았고 구현했다가 안쓰게 되서 작동안하는 코드 , 쓸데없는 주석 등이 많이 있을거라고 판단한다 얼른 코드를 정리하고 주석을 새롭게 달아서 나도 보기 편한 코드를 만들어야겠다 HTML POMOTODO 시계 ﾠ ﾠcoqoa28@gmail.com Pomodoro 25:00 Farm Morning with Sheep Fire ..