Movie App 🎥

💡 The purpose of a project

React의 학습

1️⃣ Idea

HTML, CSS, JavaScript로 GUI를 만들 수있는데, React는 무엇이며, 대체 왜 필요한 것인지? 궁금하여 공부를 시작하였다.

2️⃣ Technology stack

3️⃣ Trouble

🔓 JavaScript Basics
🔑 React 코드의 flow가 잘 이해되질 않았다. 우선 강의를 전부 따라서 코드를 완성한 뒤, 사용된 JavaScript 코드를 뜯어보며 하나씩 이해를 하기 시작했다.

🔓 Search function
🔑 OpenAPI를 사용하여 영화 정보를 가져오는데, 검색 기능을 추가하고자 하였다. 검색 Input에 사용자가 입력한 value를 완벽하게 포함하는 영화 목록을 불러오고 결과는 아래와 같다.

완벽하게 포함하지 않아도 비슷한 영화 이름을 가져오기 위해 Trie 알고리즘을 적용할 수도 있다.

4️⃣ What I learned