[ React 프론트엔드 포트폴리오 제작기 ] 03 ― Gallery 페이지 제작
Synopsis
요약 및 추가 내용(Summary and Additional content) : 반응형 작업과 인터렉션까지 구현하였습니다. ( I found a design source and ...
You Might Also Like
![[ React 프론트엔드 포트폴리오 제작기 ] 04 ― Community 페이지 제작](https://i.ytimg.com/vi/Q52vwoYRWvE/hq720.jpg?sqp=-oaymwE2CNAFEJQDSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_hOAAqALigIMCAAQARhyIFEoODAP&rs=AOn4CLAk7c-d9tm9NJCY4hs9aYFgrO2Gtg)
![[ React 웹 프론트엔드 포트폴리오 제작기 ] 11 ― 메인페이지 제작](https://i.ytimg.com/vi/78sbJ8h3Axc/hq720.jpg?sqp=-oaymwE2CNAFEJQDSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARhlIGUoZTAP&rs=AOn4CLD-y9PPWzuoPDILNZVGJDqyOfquQg)
![[ React 프론트엔드 포트폴리오 제작기 ] 05 ― Department 페이지 PC형 제작](https://i.ytimg.com/vi/6O1FCmWixHw/hq720.jpg?sqp=-oaymwE2CNAFEJQDSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_hOAAqALigIMCAAQARgSIFoocjAP&rs=AOn4CLCH5OeE3yO8Wtpr3l7bxCtpD8nr0w)
![[ React 웹 프론트엔드 포트폴리오 제작기 ] 16 ― 쿠키 팝업과 Department 서브페이지 제작](https://i.ytimg.com/vi/k4YGq9Ge4Zo/hq720.jpg?sqp=-oaymwE2CNAFEJQDSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB1AaAAuADigIMCAAQARg9IE0ofzAP&rs=AOn4CLC2ozOra0Ampiy-LznwkDgnozfyyQ)
![[ 웹 프론트엔드 포트폴리오 제작기 ] 12 ― Youtube, Gallery 반응형 작업](https://i.ytimg.com/vi/zdvA42qZvYM/hq720.jpg?sqp=-oaymwE2CNAFEJQDSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_hOAAqALigIMCAAQARhlIGUoZTAP&rs=AOn4CLDqWv-wA74yh8V1vBCD6OsfQcdMWA)
![[ React 프론트엔드 포트폴리오 제작기 ] 01 ― 초기 세팅](https://i.ytimg.com/vi/oklIZSFRbpM/hqdefault.jpg?sqp=-oaymwE2COADEI4CSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_hOAAqALigIMCAAQARgTIC4ofzAP&rs=AOn4CLC16Wns-RZIv6Gg_oKnDP2Qacr7fw)
![[ 웹 프론트엔드 포트폴리오 제작기 ] 03 ㅡ 상단 메뉴 샘플 작업1](https://i.ytimg.com/vi/zZa7r27hIys/hq720.jpg?sqp=-oaymwE2CNAFEJQDSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB1AaAAuADigIMCAAQARhNIFMoZTAP&rs=AOn4CLDrKGgoWWuqGs7kstuSz7hAoagVHw)
![[ React 웹 프론트엔드 포트폴리오 제작기 ] 06 ― Youtube 페이지 PC형 제작](https://i.ytimg.com/vi/MOe_VhTRlk0/hq720.jpg?sqp=-oaymwE2CNAFEJQDSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARhbIFwoZTAP&rs=AOn4CLBt1XleUwjjWWnMt1u_iCTbwGf0CA)
![[ React 웹 프론트엔드 포트폴리오 제작기 ] 15 ― 코딩 가이드 제작](https://i.ytimg.com/vi/mlyghoiziF8/hq720.jpg?sqp=-oaymwE2CNAFEJQDSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARhlIFkoOjAP&rs=AOn4CLDP1on2JLTiGYQR3tEgXsb8L9tRpQ)
![[ React 웹 프론트엔드 포트폴리오 제작기 ] 18 ― Animation 모듈 제작](https://i.ytimg.com/vi/VTygNEtbKR8/hq720.jpg?sqp=-oaymwE2CNAFEJQDSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARg8IF8ocjAP&rs=AOn4CLA0QG27a83rQd3NlXSzyFmhnOGF_Q)
![[ React 웹 프론트엔드 포트폴리오 제작기 ] 12 ― Redux활용하여 데이터 관리](https://i.ytimg.com/vi/VSPBgLB1Xfg/hq720.jpg?sqp=-oaymwE2CNAFEJQDSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARgVIFcofzAP&rs=AOn4CLDc8tn3SRs_RMR8qUKOT6hwIh2JOA)
Download Options
Choose a download method below. All links open in new tabs.
| Service | Features | Action |
|---|---|---|
| Ssvid |
MP4 & MP3 • HD Quality • Browser Extension Available
|
Download |
| SaveFrom |
MP4 & MP3 • HD Quality • Browser Extension Available
|
Download |
Security Notice: These are third-party services. We recommend using antivirus software and being cautious of pop-up ads.