POMOTODO를 만들면서 작성한 코드를 복습하기 위해 작성하는 글입니다. POMOTODO.kr What is POMOTODO? 문제 인식 도메인을 구입한 뒤 AWS에 등록절차를 마쳤고 잘 작동하는걸 확인했는데 새로고침을 여러번 눌렀더니 502 bad gateway가 떳고 시간이 지나도 복구가 안됐다. 문제 원인 분석 문제 원인파악을 위해 AWS로 가서 확인해 본 결과 타겟그룹에서 unhealthy가 떳다 문제 해결 타겟그룹을 삭제하고 새로 만들면서 이런저런 설정들을 조금 손봐줬음 1. EC2 인스턴스 보안그룹 인바운드에 8080포트 열어줌 2. EC2의 보안그룹과 ELB의 보안그룹을 분리해서 생성 및 적용 3. 타겟그룹 만들 때 포트에 80이 아닌 내가 사용하는 포트 입력(5501) 4. 서버컴퓨터 터..

POMOTODO를 만들면서 작성한 코드를 복습하기 위해 작성하는 글입니다. POMOTODO.kr What is POMOTODO? hosting.kr에서 도메인을 구입했고 DNS는 AWS의 ROUTE53을 사용하기로 정했다 1. 우선 고정 ip를 할당받기 위해 AWS의 elastic ip를 사용한다 - AWS EC2 이동 - 네트워크 및 보안 탭에서 탄력적 ip - 탄력적 ip 주소 할당 버튼 눌러서 생성 - 생성한 ip를 인스턴스에 할당 - 생성해놓은 인스턴스 선택 후 연결 2. DNS 변경 ROUTE53에 도메인 주소 연결 - AWS ROUTE53 이동 - 호스팅 영역 - 호스팅 영역 생성 - 도메인 이름 작성 후 생성 ROUTE53의 정보를 도메인 관리 사이트(나의 도메인 관리 사이트 : hostin..

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

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