[Fri/12/17/2021] Today I Learned

 

1. Data Structures 

Section 18의 Data Structures Introduction 파트를 모두 들었다. 

class 문법을 위주로 설명했다. 앞으로 배울 자료구조들은 클래스로 코딩하기 때문이다. 

클래스에 대해 복습할 수 있었다. 

또한 Singly Linked List의 앞부분을 좀 들었다. 

push 메소드 구현부터 좀 어렵게 느껴지는데, 내일 다시 들어야 한다. 

Singly Linked List를 제대로 알아야 그 뒷부분 자료구조도 제대로 학습할 수 있다. 그래서 이게 중요하다. 

 

2. React

오늘은 꽤나 많은 것들을 구현해 보았다.

- 영화 정렬 기능 : 우선 연도로만 정렬할 수 있게 했다.

- 영화 필터링 기능 : 장르에 따라서 필터링 될 수 있도록 했다.

- Pagination : slice 메서드를 활용해 영화가 4개씩 보이도록 했다. 

- 영화 삭제 기능 : Detail 페이지에서 영화 삭제 버튼을 누르면 모달 창이 나오고, 삭제할 수 있도록 구현했다. 

- 영화 등록 Form : 일단 Form만 만들었다. 

Ant Design을 활용하여 영화를 등록할 수 있는 Form을 만든 모습이다. 

별점에 숫자가 나올 수 있도록 약간 추가해 보았다. 

이것을 이용하니 정말 손쉽게 만들 수 있었다. 저걸 직접 CSS로 만든다면 정말 오래 걸렸을 것이다. 

적절한 애니메이션 효과까지 있다. 

---

React 영화 페이지 프로젝트는 강의를 보면서 하는 게 아니라, 다 내가 알아서 찾아서 구현해야 한다.

이런 방식으로 해 보니까 삽질 시간이 좀 늘어나긴 해도, 기억에는 더 잘 남게 된다.