REACT로 맨체스터시티 신규 OSC 홈페이지 만들기

맨체스터시티 OSC란?

맨체스터시티 구단측에서 공식으로 인정해주는 공식 서포터즈 클럽, 구단 홈페이지에서 브랜치 생성을 요청할 수 있으며, 3년 활동기간이 지나면 정식 인가가 된다. 구단측에서 장려하고 지원해주는 팬클럽 시스템으로 여러가지 구단 혜택을 누릴 수 있다.

 

맨체스터시티 OSC 서울 논란이 맨시티 팬 커뮤니티에서 뜨겁게 불타올랐습니다.

주요 내용으로는, 내부적으로 정보의 불균형, 공정하지 못한 운영, 금전적인 문제 관련 (횡령 배임 등의 혐의를 받고있는데 법적으로 어떻게 처벌될지는 아직 미지수) 등으로 골머리를 앓고있는걸로 알고있습니다.

 

개인적으로 맨시티 구단측에서 만든 OSC 제도는  대단히 거창하게 그 지역을 대표하는 팬클럽이 아니라고 생각합니다.

국가별, 도시별, 심지어 현지에서는 매우 가까이 있음에도 여러개의 브랜치가 존재하기때문에, 그저 팬들의 모임을 구단측에서 서포트해주는 시스템이라고 생각합니다.

 

제가 생각하는 이번 사태가 일어난 결정적인 원인은 바로 한국 내 OSC가 1개밖에 없었다는점, 그 OSC의 지역이 대한민국을 대표하는 서울 이였다는 점 이라고 생각합니다.

대한민국은 50%의 인구가 서울,경기도에 밀집해있는 참 이상한 나라입니다. 서울 공화국 이라고도 하죠. 그곳을 먼저 선점했기때문에 다른 브랜치가 생성이 되지않고 독과점으로 배짱 운영한게 이 사태가 벌어진 가장 근본적인 원인 이라고 생각합니다.

 

그래서 OSC 목표, 운영방향을 제시하여 마음 맞는 사람들과 새롭게 OSC 창단을 계획하고있습니다.

 

 

 REACT를 활용하여 신규 OSC 소개 홈페이지를 작성하고 vercel로 깃허브 연동하여 무료 배포까지 해보았습니다.

 

개발환경

windows10

Node.js

 

개발과정

1. npx create-react-app 프로젝트명 으로 React App을 생성 합니다.

2. App.js에서 Tabs을 활용하여 소개, 회칙, 가입 방법, 연락 방법 탭을 생성하였습니다.

3. 각각의 Tab은 components 폴더를 만들어 각각 .js로 작성하였습니다.

4. vercel에서 해당 코드 github를 연동하여 무료로 배포 하였습니다.

 

브랜치가 정식으로 생성되고 나면 해당 홈페이지의 내용을 추가하고, 도메인 호스팅과 제대로 된 디자인을 입힐 생각입니다. (맨시티 로고를 OSC 홈페이지에서 사용해도 되는지도 구단에 문의해놓은 상태입니다!)

디자인쪽으로는 재능이 없어서 크몽같은데서 퍼블리셔를 고용해야할것같아요 ㅎㅎ;

 

현재 무료 배포 사이트 주소

https://frontend-one-lime-24.vercel.app/

React App