2021-03-26 TIL

2021-03-26 TIL

• 오늘 한 것
  1. 인터렉티브 웹 개발
  2. 학원 대면수업(15:30~22:00)
  3. 팀 프로젝트 event 페이지 마크업 - 이벤트 페이지를 구현했다. 3개의 탭으로 나누어서 진행중인 이벤트, 매장별 이벤트, 종료된 이벤트 각 탭을 클릭하면 그에 맞는 이벤트 리스트가 주루룩 나오는 식이다. 하드코딩으로 만들어서 그냥 해당 탭 클릭시 원래 있던 화면을 display: block 으로 바꿔주는 식인데, 아무리 생각해도 이건 너무 간단하다. 여기에 더 보기 버튼도 추가해야하고 비동기 통신으로 서버에서 데이터를 받아왔을 때에 어떻게 바꿔야하는지도 생각해봐야한다. 주말동안 느긋하게 고민해보자.

• 내일 할 것
  1. 인터렉티브 웹 개발
  2. 학원 대면수업(15:30~22:00)
  3. 팀 프로젝트 fnq 페이지 마크업
  4. 비동기 데이터 통신 관련 동적 구성
  5. 이벤트 페이지 더보기 버튼 추가

• 끝으로

지금은 모든 페이지를 하드코딩으로 가짜 데이터를 넣어 레이아웃을 잡는 식으로 코딩을 했는데, 나중에 서버에서 데이터를 받아서 동적으로 화면에 출력하려면 이것들을 싸악 갈아엎어야한다. 그 부분은 생각안했었는데 슬슬 짜야겠다. 아예 처음부터 JSON 형태로 데이터를 받아서 출력하는 식으로 자바스크립트를 사용하면 어떨까?

오늘의 한 줄 총평 : AJAX든 AXIOS든 Fetch든 비동기가 중요