Git Product home page Git Product logo

wanted_pre_onboading's Introduction

원티드 프리온보딩 코스

원티드 프리온보딩 코스에 참여하기 위해 제작한 프로젝트 입니다.
과제 : 원티드 페이지 상단 영역을 React 기반으로 클론하기

🚀 배포사이트


실행방법

1. git clone https://github.com/suyeon-hong/wanted_pre_onboading.git
2. npm install
3. npm start

📢 필수 구현사항

Untitled

✔ 상단 캡쳐 영역 그대로 구현하기
✔ 개발자도구를 활용하여 원티드의 리소스(사진 등) 그대로 사용하기


📋 구현내용

  • 1. 상단 GNB(Global Navigation Bar) 마크업 작업(HTML, CSS)
  • 2. 슬라이드(또는 캐러샐이라고 불림) 영역(스와이프 이벤트, 왼/오 버튼 클릭이벤트)
  • 3. 반응형(Responsive Web) 구현

wanted_pre_onboading's People

Contributors

suyeon-hong 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.