Skip to content

abrightkite/Hyundai-NFT

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hyundai-NFT Web

경북대학교 IT 학술동아리 '해달'에서 진행하는 여러 부트캠프 중에서 리액트 부트캠프를 진행하게 되었다.

신입부원들에게 리액트를 가르치며 함께 Hyundai-NFT Web을 클론해보기로 했다.

Archtecture는 최대한 Hyundai-NFT Web과 동일하게 진행했다.

locale 데이터는 storage를 짚고가기 위해 문서를 만들었고, 나머지는 하드코딩으로 대체하였다.

1 Hyundai-NFT를 고른 이유

세 번째 부트캠프가 끝나고 각자 만들고 싶은 웹사이트를 골라 오기로 했다.

그 중에서 두 수업시간 내에 만들 수 있는 웹사이트를 3개 선별하였다.

Hyundai-NFT는 3개의 웹사이트 중 부원들의 선호도가 가장 높은 웹사이트였다. (아마 우주테마가 예뻐서 고른 거 같다ㅋㅋ)

비전공자로서 혼자 프론트엔드 공부를 하면서 가장 어려웠던 것이 HTML, CSS, JavaScript 우물에 갇혀 있다가 React 세계에 발을 딛는 것이었는데,

돌이켜 생각해보면 이 장벽은 컴포넌트와 라우팅에 대한 개념이었던 것 같다.

그래서 3시간의 리액트 부트캠프 동안 나는 component와 routing을 자주 다뤘다.

마침 Hyundai-NFT를 따라 만들기로 하면서 sources를 뜯어보니 한 페이지를 대략 10개 정도의 컴포넌트로 나누어 작업한 것이 아닌가...!

'단순 반복작업으로 component와 routing 개념을 주입할 수 있겠구나! 오케이 좋았어~'

...

그리고 3시간 동안 component 10개의 마크업을 쉬지 않고 작성했다.

...

이정도 했으면 VScode도 알겠다.

2 Destination

Screen Shot 2022-05-20 at 10 04 51 AM

3 진행 상황

  1. 대부분의 구조가 끝났다. [05.16]

localhost_3000_ (1)

  1. Common style setting과 Header & Banner를 완성했다. [05.23]

05 23inprog

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published