선린인터넷고등학교 해커톤(선린톤) 사이트 개발일지-1

자기소개

안녕하세요 반갑습니다. 저는 독특하고 창의적인 개발자가 되고 싶은

선린인터넷고 3학년에 재학 중인 react 개발자 유명환입니다!

 

선린인터넷고등학교 해커톤(선린톤) 소개

선린인터넷고등학교에서는 재학생들을 대상으로 하는 많은 대회들이 있습니다.

그중에 선린톤은 여름방학에 진행되는 해커톤 대회입니다. 

올해는 7회를 맞이하였습니다!  👏👏👏

원래는 오프라인으로 진행이 되지만 코로나로 인해서 온라인으로 진행이 됩니다.

선린톤은 매회 각기 다른 주제(콘셉트)를 가지고 있습니다. 올해의 콘셉트는 "래트로"라고 합니다!

 

저는 선린톤 참여 경험은 없지만 이번에 처음으로 개발자 스태프로 참여하게 되었습니다.(ㅠㅠ)

 

목차

- 기술 스택

-개발과정

- 어려웠던 점

-배운 점

 

어드민 사이트 개발일지

부제:  처음 하는 협업

저는 주로 혼자서 개발을 많이 해왔습니다. 그러다 보니.. 협업 경험이 너무나 부족했습니다. 그래서 협업 툴을 gitkraken을 이용했는데 처음 사용하는거라 잘못 해서 오류를 여러번 내는 거의 중대사고(?)를 발생시켰습니다.

부제: 처음사용하는 다양한 기술들

요번 프로젝트에서 vue를 이용해서 개발을 진행했는데요...

위에서도 간단히 말씀드렸듯이 저는 react를 많이 사용합니다(개발은 잘 못합니다 ^^;;) 그래서 엄청나게 다를 것 같다는 고민을 안고 시작을 했는데 생각보다 많이 다른 점은 없었는데 저는 특히 파일 분리하는 부분이 어려웠습니다. react에서는 거의 대부분을 컴포넌트화를 시키려고 하는데 여기서는 컴포넌트화를 시켜야 하나? 말아야 하나 가 많이 헷갈렸습니다. 그렇지만 vuetify는 너무나도 좋은 기술인 것 같습니다. 이것 때문에 vue를 공부하고 있습니다 ^^

부제: 나에게 부족한 점들(잘못한 것 들)

저 때문에 발생한 문제가 정말 너~~~ 무나도 많이 발생해서 다른 개발자 친구들에게 너무나도 죄송스럽습니다...

 

제가친 사고를 나열하면...

 

git commit을 잘못해서 터질뻔하고

 

서버 api잘못 보고 그냥 보내야 되는 거 body에 묶어서 보내고

 

get인데 post로 보내고 왜 안되지 이러고 있고 

 

반응형 생각 안 하고 width를 % 값으로 주고 있고

 

...

 

입이 열개라도 할 말이 없네요.... 

 

이런 저랑 협업을 해주셔서 감사합니다.. 

부제: 코드 리뷰? 및 향후 개선사항들 정리

저는 어드민 페이지 프런트를 개발했습니다. 이제 코드의 문제점과 

 

아마 다음에 이 코드를 보는 후배분들에게 많은 욕을 먹을 것 같긴 하지만..;;

 

일단은 어느 정도 수정을 진행할 계획입니다. 

• input, button, 등 자주 사용하는 부분들을 컴포넌트화를 할 예정입니다.
• 오류 부분 message수정
• 전채적 리팩터링

이렇게 적어놓고 보니 너무나도 추상적으로 적은 것 같지만...

 

아직 vue를 잘 모르겠어서 일단 필수적으로 수정이 필요하다고 생각되는 부분들만 적어봤습니다.

 

 

 

 

선린톤 사이트 보러 가기(^^): https://sunrin.dev/ 

선린 해커톤 7TH