2021-03-27 TIL

2021-03-27 TIL

• 오늘 한 것
  1. 인터렉티브 웹 개발
  2. 팀 프로젝트 이벤트 페이지 동적 구성, faq 페이지 작성 - 나중에 비동기로 JSON 데이터를 받아서 화면에 뿌려줄 것을 감안해서 하드코딩 되어있는 부분을 싹 날리고 가상의 JSON 데이터를 만들어 넣는식으로 바꾸어 보았다. 먼저 미리 만들어 놓은 이벤트 페이지를 손봤는데, 문제는 더보기 버튼의 구현이었다. 6개씩 미리 화면에 뿌려주고 더보기 버튼을 누르면 6개씩 더 보여주는 식인데 start number를 기억하고 6씩 증가하여 데이터를 slice해오는 식으로 만들었다. 하지만, 버튼은 하나인데 탭이 3개라는 점이 큰 난관이었다. 어느 탭에서는 더보기 버튼을 누르면 해당 탭의 데이터를 가져와야하는데 여기서 헤매다가 결국 버튼을 탭 별로 나누어버렸다.. 버튼 핸들러에 탭의 id값을 파라미터로 넣어서 탭 핸들러나 다른 메소드에서 switch로 구분하여 처리했다. faq 페이지는 단순한 아코디언 형식이라 비교적 간단하게 끝났다.

• 내일 할 것
  1. 인터렉티브 웹 개발
  2. 공지사항, 뉴스, qna 게시판 구현

• 끝으로

지금 하드코딩으로 만들어 놓은 페이지들을 동적으로 DOM을 생성해서 삽입하는 방식으로 바꾸려면 꽤나 힘든 작업이 될듯하다..

오늘의 한 줄 총평 : 반응형하랴 비동기하랴 퍼블리싱하랴