Task01 (lv1 ~ lv4)

level1 (일정 : 2023. 01. 24)

주제 : 배열 분해하기

• 동영(parseInt / splice)
  
• 하늘(slice)
  
• 태찬(math.floor / splice)
  

level1 테스트 합격

level2 (일정 : 2023. 01. 24 ~ 2023. 01. 25)

주제 : 예약 번호찾기

• 동영(filter(item) / for)
  
• 하늘(if / for)
  
• 태찬(if / for)
  

level2 테스트 불합격

• form 태그 내 button를 클릭했을 때, value값이 사라지는 것을 막지 못 하였고, 일치하지 않는 정보만 호출되는 오류 발생

level2 테스트 합격

• e.preventDefault(); 내장 함수를 이용하여 새로고침을 방지
• filter 메소드를 이용할 경우, 전역 변수에 빈 배열을 생성 -> 조건문으로 결과값 호출
• for문을 이용할 경우, true가 반환되었을 때, break로 반복문 중지

level3 (일정 : 2023. 01. 26 ~ 2023. 02.01)

주제 : 테이블 행 생성과 테이블 데이터 수정 및 삭제 그리고 제출

• createElement와 append를 이용하여 테이블 DOM 생성
• if문을 활용한 수정처리 여부 파악
• 배열 안 객체를 활용하여 반환된 데이터 제출

level3 테스트 불합격

• submit 버튼을 클릭했을 때, 객체가 담긴 배열 수 만큼 li를 생성 -> ul에 담고, 반환

• 생성된 테이블 데이터 수 만큼 객체를 만들어내는 방법을 파훼하다 실패 (하늘, 태찬) > 해결 완료

• 생성된 리스트들을 따로 배열에 담고(finallist) 최종 제출하기전 수정 및 삭제시 배열에 담아 두었던 리스트들을 알맞게 관리 할 수 있도록 코드 작성(동영) > 해결 완료

level3 테스트 합격

• 데이터를 추가 하기전 사용자가 미입력한 값들이 추가되지 않기 위해 if문 활용
• Submit(제출)전 수정 및 삭제로 변화되는 데이터들을 관리해줄 객체로 이루어진 배열 (finallist) 선언
• Date.now()를 통해 입력 된 값(재료명)에 고유번호(id)를 부여
• Event.target.parentElement와 remove() 내장 함수를 통해 원하는 데이터 삭제 및 수정

level4 (2023 02.01 ~ 진행중)

주제 : 각 페이지에 일정한 갯수를 가진 데이터(게시글 등등)을 화면에 표현하기 > 페이지네이션 ex) 게시판

• 게시판을 예시로 한 페이지당 화면에 나타날 게시글들을 Table로 표현 (동영)
• 게시글마다 번호를 부여 (동영)
• (태찬,하늘) 진행중

level4 테스트 합격

• createElement와 appendChild를 이용해 게시글 및 페이지 생성

• 각 페이지에 dataset.num을 통해 번호 부여(동영)

• 현재 페이지에서 다른 페이지로 이동시 기존 페이지내 게시글들이 사라지고 새 페이지내 게시글들을 while(haschildNodes)와 removeChild(lastChild)로 구현 (동영)

• 이벤트리스너를 통해 다음 페이지버튼과 이전페이지버튼 기능 구현(동영)