스파르타 해적단 웹트랙 Lv.2 4주차 개발일지다.
저번 수업에서는 그리드를 이용하여 캘린더를 만들고 Date라이브러리를 이용해 날짜세는 법, 칸을 누를때 강조효과 같은 것들을 만들었는데, 이제 그 뒤로 2주차에했던 해야할일을 데이터베이스에 추가하고 삭제하던 것들을 날자별로 연동하는 작업을 진행했다.+서버
아래는 완성된 작업물이다.
이번 수업내용은 내용이 복잡해진건지 사전캠프를 시작하고 자바를 공부하다와서 헷갈리는 건지 모르겠지만 이미 배운 내용이지만 3주차 내용보다 어려운 느낌이었다.(아마도 후자인듯하다...)
그렇기에 이렇게 개발일지를 쓰며 한번 더 공부하고 정리하는게 더욱 의미가 있다.
저번 수업은 html즉 프론트를 완성하는데 주력인 수업이었다면 이번주차 수업은 백엔드를 완성하는 서버에 관련한 수업이었다.
처음으로 연동해야할 것은 날짜를 눌렀을 때, Get요청으로 날짜를 연동해주는것이다.
date를 전역으로 변수 선언을 해두고 누를 때 전역변수에 날짜를 받아와서(id값) 그 전역변수를 이용했다.
/exhibit?date=”2001-01-01” 다음과 같다 물론 2001-01-01부분에는 전역선언한 변수인 date를 넣어주는게 옳다.
/exhibit?date=${date} 이렇게다.
이걸 url에 넣어주면 누를 때마다 새로운 url주소로 즉 데이터 베이스가 저장된걸 불러와주는 주소로 가게된다.
복잡하게 생각했지만 하고나니 내가 생각한것보단 간단한것 같으면서 다시 해보려고하면 복잡했다. 역시 아직 기본기부족....
원래 저장해뒀던 기록들은 날짜값이 없기 때문에 한번씩 비워주고 출력할 수 있도록 todos div자체를 비워주고 시작하기 위해 클릭시 실행되도록$('#todos').empty(); 코드를 추가해줬다.
웹배포 부분은 이전 웹종반5주차 내용을 역시나 계속 복습하고 반복하는 느낌이었다.
https://codeplace.tistory.com/7
스파르타 5주차 코딩 API, 미니 프로젝트, AWS
스파르타 웹 수업 5주차 기록이다. 5주차에는 미니 프로젝트를 2개 만들어보고 하나는 AWS(아마존 웹 서비스)에 올려서 모두가 볼 수 있게 배포해보는 작업을 했다. 아래와 같이 만들어보자. 미니
codeplace.tistory.com
하지만 아마존에 2개이상 환경이 실행중이라면 과금요소이니 꼭 지우고 새로 만들도록 하자.
이건 내가 만든 오늘 할일 링크이다. 성공적으로 배포가 완료된것을 볼 수 있다.
myweb.eba-4mmswzmm.ap-northeast-2.elasticbeanstalk.com
오늘의 할일!!!
myweb.eba-4mmswzmm.ap-northeast-2.elasticbeanstalk.com
최근 너무 바빠져서 할일이나 공부할게 많아졌다... 이쪽 공부도 완벽하진 않지만 일단은 내배캠 사전캠프에서 공부하고 있는 JAVA부터 완료하고 다시 공부해봐야겠다. SQL역시 마찬가지... 내배캠으로...