Skip to content

파이널코딩테스트 2 - 이미지 슬라이드 구현 - 병민#37

Open
merrybmc wants to merge 1 commit intomainfrom
2-choByeongMin
Open

파이널코딩테스트 2 - 이미지 슬라이드 구현 - 병민#37
merrybmc wants to merge 1 commit intomainfrom
2-choByeongMin

Conversation

@merrybmc
Copy link
Copy Markdown
Collaborator

@merrybmc merrybmc commented Aug 9, 2023

💡 프로젝트 실행 방법

git clone https://github.com/merrybmc/carouselImage
npm install
npm start

⛏ 기술 스택

📌 배포 링크

https://carousel-image-9ubronlz3-merrybmc.vercel.app/

📜 폴더 구조

📄 src
├── App.js
├── index.js
├── components
│   ├── CreateImg
│   │   ├── CreateImg.tsx
│   │   └── CreateImg.styled.js
│   ├── ImgList
│   │   ├── ImgList.tsx
│   │   └── ImgList.styled.js
│   ├── reverseImgList
│   │   ├── ReverseImgList.tsx
│   │   └── ReverseImgList.styeld.js
├── Global
│   └── global.css
├── hooks
│   ├── useCreateImage.ts
│   └── useMoveImage.ts
├── model
│   └── ImgList.ts
├── pages
│   └── Mainpage.tsx
├── store
│   └── store.ts

🚀 레이아웃 외 추가 기능 구현

  • 이미지 추가 기능
  • 이미지 좌우 슬라이드 이동
  • max-width: 1800px, 1120px 반응형 구현

@redcontroller
Copy link
Copy Markdown

와... 배포 페이지만 봤는데 진짜 지리네요....!! 😳😲
열심히 구현한 코드 잘 보겠습니다 ! 😍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants