Giter Club home page Giter Club logo

musinsa's Introduction

Musinsa Coding Test

배포 URL

https://62d3e37781fa5c4147b8a92d--dott-musinsa.netlify.app

사용 기술

기술 : 리액트, 타입스크립트, 스타일드 컴포넌트

  • CSS 처리 -> 개발의 편의성을 위한 컴포넌트 사용

상태관리: Context Api

  • 상태관리에 대한 개발 과정을 포함하고자 상태관리 라이브러리 사용X

배포 : netlify

  • 간단한 정적 서버 배포에 유리하여 사용

환경 : webPack, babel, ESlint, Prettier

  • 개발환경 조성에 대한 과정을 포함하고자 보일러 플레이트 사용X
  • ESlint -> 에어비앤비 컨벤션 사용

일정관리: 깃허브 이슈 + PR

개발 과정

노션 정리

https://buttercup-loan-b58.notion.site/X-9a8970bb94d9459eba8275da29ae4fcb

구동

script

  npm start    (데브 서버 가동)

  npm run build:prod   (배포용 빌드)

  npm run build:dev    (개발용 빌드)

구동 시연

무한스크롤 시연

녹화_2022_07_17_22_35_42_138

필터탭 작동 시연

녹화_2022_07_17_22_36_00_360

검색창 외부 클릭시 팝아웃 작동 시연

녹화_2022_07_17_22_36_40_744

간단한 제품 링크 처리

녹화_2022_07_17_22_36_58_310

검색 자동 완성 기능 및 자동완성 필터링

녹화_2022_07_17_22_38_18_623

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.