POMOTODO(9) - 서버환경 구축, 작업코드 서버환경에 생성 +@

2021. 11. 2. 18:46프로그래밍/개인프로젝트

 

POMOTODO 주소 : http://13.209.251.65/ 


진행상황은 깃허브에 매일매일 기록하고 있습니다.

https://github.com/coqoa


저번 주 설정한 목표

1. 오디오 선택 드롭다운리스트에 통일성 부여

기본제공 드롭다운리스트는 디자인이 너무 투박해서 요소 클릭시 모달창이 생성되도록 구현함

 +@ : 오디오 선택시 바로 재생되도록 구현

 +@ : 각 오디오파일 볼륨이 달라서 맞춰주는 작업 병행

 

2. 타이머의  시간을 가변적으로 자동저장하도록 구현

사용자가 마지막에 설정한 시간을 자동으로 저장, 출력하도록 구현

+@ : 개발과정에 콘솔로그를 통해 시각적으로 확인할 수 있는 코드구현

 

3. 코드정리를 통해 중복제거, 사용하지 않는 코드를 삭제

자바스크립트 기중 1000줄 -> 700줄 가량으로 줄이는 성과가 있었음

 

4. 기록부분을 수정할 때 기존내용을 확인할 수 있도록 수정했음

 

5. 서버공부 + 서버환경구축

강의를 통해 각종 기본 개념(인터넷, http, 서버, 클라이언트, url, 도메인)들을 공부했고 AWS EC2를 사용해서 서버환경구축

서버는 탄력적IP를 부여받아서 고정IP로 사용하도록 했음

 

5-1 AWS EC2로 Ubuntu 인스턴스 생성, 작업한 파일들 생성

 

생활코딩 aws : https://opentutorials.org/course/2717

 


5-2 파일질라를 통해 로컬환경에서 서버로 파일전송 완성

 

생활코딩과 여러 블로그를 참고해서 로컬컴퓨터에 있는 오디오파일, 아이콘파일을 전송하고 구동확인했음 


참고 강의 및 블로그

생활코딩 파일질라 : https://opentutorials.org/course/128/881
파일질라 비밀번호 관련 문제 해결
파일질라 permission denied 오류

 

 

 

아쉬운점 

1. 저번주에 설정한 목표중 자바스크립트를 수정/ 구현하는데 하루~ 하루반나절 정도 계획했는데 생각보다 잘 해결이 안되서 3일정도 써버렸고 데드라인을 내가 설정했는데 못맞춰서  아쉬웠다.

2. 반응형보다 서버가 먼저라고 판단했고, 반응형디자인 수정을 못해서 아쉬웠다

3. aws는 아무래도 강의에 있는 과정을 거의 그대로 따라한거라 좀 아쉬웠다

어떤 문제가 자바스크립트나 html, css는 어떻게 해결해야할지 대충 감이 오는데 서버는 또 완전 다른분야라 많이 혼란스러웠다