Git Product home page Git Product logo

typescript-watcha's Introduction

토이 프로젝트 - 영화 검색 사이트 (와챠 피디아)


1. 프로젝트 소개

개요 : 토이 프로젝트 - 영화 검색 사이트

주제 : 와챠 피디아 클론 코딩

기간 : 2022.07.15 ~ 2022.08.08


2. 프로젝트 요약

2.1. 프로젝트 요약

https://img.shields.io/badge/Laguage-Typescript-red React_query

  • 📌본 토이프로젝트는 영화 검색을 하고자하는 사용자가 영화 및 TV 프로그램을 검색 요청하는 서비스이다.

프로젝트 요약

2.2. 사용된 라이브러리

slick - 슬라이드

npm i react-slick
npm i @types/react-slick -D

react-query

npm i react-query

mui - 아이콘

npm i @mui/material

이슈

1) slick 적용 오류

npm i slick-carousel

설치 후,

import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";
  • 위의 css를 import한다.

3. 리팩토링 계획

기간 : 08.08 ~ 진행중

3.1. 공통 컴포넌트 리팩토링

  • MOVIE / TV 에서 사용하는 Detail page를 공통적으로 사용할 수 있도록 구현 계획

3.2. 라우터 리팩토링

  • 라우터 폴더로 만들어서 구분

3.3. 레이아웃 반응형 고려한 리팩토링

3.4. 슬라이더 컴포넌트 라이브러리 사용이 아닌, 직접 구현

  • slick 라이브러리에서 직접 구현 해보기

3.5. 통신 모듈 리팩토링

typescript-watcha's People

Contributors

taetaeo avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.