TIL - [20.08.19]

오늘 할 일

-아마존 서버 접속, 리눅스 명령어 복습해보기
-form input박스 열고닫는 기능 추가하기
-스파르타 수업 가기 전까지 30일달력, API 만들어보기

 

 

TIL

 

- 아마존 서버 접속, 리눅스 명령어 실습

-> 갑자기 서버 접속이 안 되어서, 튜터님께 질문을 올리고 다른 할 일을 먼저 하기로 했다.
connection timed out 이라는 에러인데, 서버는 켜져있었고 혹시 몰라 재부팅도 했는데 왜 접속이 안되는 건지 모르겠다.. 수업시간에 배운 그대로 따라했는데ㅠ

- input 영역 접고 펴기 : 왜 안 될까?

-> 혼자서 해결! 함수 부분의 닫는 괄호를 잘못 입력한 오류였다. 열고닫는 함수가 바로 위의 달력함수와 중첩되어 있었다..

- 버그 발견 - 갑자기 요일이 제대로 표시되지 않는다!

오늘은 2020년 8월 19일 수요일이라고 해야 하는데, 월요일이라고 나온다. console.log로 요일 계수를 찍어봐도 3(=수요일)로 나오고 함수 조건문을 수정하지도 않았는데 왜 그럴까ㅠㅠ
->혼자서 해결! 조건문 부분을 (day = 3) 이 아닌 (day==3) 으로 해야 했었다;; 함수 이렇게 만든 사람 누구인가.. (댓츠 미) 이제 수요일이라고 잘 표시된다!

-30일 달력 만들기 - 잠시 중단

https://medium.com/@wooder2050/%EB%B0%94%EB%8B%90%EB%9D%BC%EC%BD%94%EB%94%A9-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%A1%9C-%EB%8B%AC%EB%A0%A5-calendar-todo-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0-f635ef8cce76

[바닐라코딩]자바스크립트로 달력( Calendar Todo) 구현하기

: 구글링도 하고 튜터님 피드백도 들었는데, 어떻게 구현하는지 알면 알수록 내 수준에서는 까마득한 것 같다.;;
(위의 예제만 봐도 그렇다)
생각보다 달력을 구현할 때 신경써야 할 게 굉장히 많고 복잡하다는 걸 깨달았다;; 매달 달라지는 일수와 첫 시작요일, 일자를 어떻게 배열할지 그리고 윤달까지...
그리고 2주밖에 남지 않은 상황에서 아직 구현해야 하는 다른 기능들이 많은데, 얼마나 걸릴지 모르는 달력만드는법 배우기+만들기 에 시간을 쏟기가 어렵다.
그래서 우선순위를 바꿔서, 일단 배운 걸 복습하는 차원에서 배운 기능들(API, 서버, DB 등)을 먼저 구현하고, 시간이 남으면 or 프로젝트 끝난 후에 개인적으로 개발하기로 했다.
달력을 만드는 것이 굉장히 복잡한데.. 지금 이걸 배우고 있다 보면 프로젝트가 끝날 것 같다. ;; 배운거라도 열심히 해보자!
-> 개발방향 변경 : 
-> 7일 레이아웃은 프로젝트 기간 내에 만들어 볼 수 있지 않을까..? 도전!
-> 아니면 '달력 형태'가 아닌 그냥 '30일 형태'로 보여주는 건 어떨까?? 이건 가능할 듯

-API 설계 마무리

하고 틀 만드는 것 까지 하려 했는데..
30일 레이아웃 html파일에 오늘 구현한 위의 기능들을 1일, 7일 파일에 찾아서 복붙하느라 시간이 다 갔다..
오늘 수업 피드백 때는 css와 script부분 따로 보관하는 방법(?), 달력함수 피드백을 받아야겠다.

 

 

앞으로 할 일

-스케줄 캘린더 -> to-do list로 개발방향 변경!

30일 달력만들기는 잠시 접어두고, 1일, 7일 레이아웃과 서버, db 만드는 것에 집중하기.

-API설계 마무리하고 코딩 시작하기

-AWS서버접속 안되는 원인 찾아내고 다시 접속, 리눅스명령어 실습 해보기

 

 

오늘의 실공부시간 - 1:36:40..

오늘은 공부할 수 있었던 시간에 비해 실제 공부시간이 적다.. 인터넷쇼핑과 집안일을 하느라.. +삽질하느라.. ㅠㅠ
내일부터는 '배운것 복습 위주'로 더더 열심히 해야겠다!

 

 

튜터님 피드백

- 스타일 파일을 분리하기보다 지금 수준에서는 그냥 1/7/30 html파일을 한 파일로 합치고, show() hide()로 각각 클릭하면 보이고 안 보이게 하는 것이 나을 것 같다.

-달력은 정 안되면 그냥 구글에 있는 코드 복붙해도 되니 우선 투두리스트부터.

-일정검색도 get이지만 '검색어'정보는 주고받아야!

 

앞으로 할 일

api 큰 틀 만들기(이어서)

'종일'기능 구현하기(자바스크립트)

종일 : 체크박스에 온클릭 함수로 구현

체크되어있을 때 실행할 if문, 체크해제되어있을 때 실행할 else문으로 구성하기?

구체적으로 어떻게 사용하는지는 구글링!

온클릭/온체인지 (클릭,클릭해제/내용바뀜) 구글링해보고 내 프로젝트에 응용하기

tip

서버에서 데이터가 잘 되고 있는지 보는 방법 → 크롬 콘솔창 네트워크에서 조회&파이참 콘솔창에서 조회(post/get으로 잘 오고 있는지)

반성) 버튼 온클릭까지 다 연결하고 테스트 해보기..!!

(숙제)개발일지 1편 이상 작성하고 html 마무리하고 api까지 짜 보기!