[ MS HackaLearn ] 참가 후기!

~HackaLearn~

Team: Zero100, Github Id: humonnom 

GitHub - devrel-kr/HackaLearn: HackaLearnx Korea 2021

집에서 뒹굴뒹굴 하다가 Heom이 Hekang이랑 Yookim이랑 해커런 참여한다고 그래서

어차피 REACT쓸거라고 하길래 살포시 끼었다.

처음에 정적웹앱부터 이해하는데 시간이 오래걸렸다.

React도 React인데 Azure Functions도 써보고 Github Actions도 써볼 수 있어서 좋았다!

 

뭔지도 모르고 시작했는데 그래도 마소에서 해주시는 강의 들으며 따라하다보니

어떻게 쓰는지 정도는 이해가 된 것 같다!!

 

다음 프로젝트부터 적용하면 좋을 것 같아서

해커런 끝나면 개인 사이트 하나 토이 프로젝트로 만들어봐야겠다.

 

다음에 배워서 적용하고 싶은 것은 cosmosDB!(mondoDB)이다.

 이걸 쓸 수 있으면 데이터를 연동할 수 있게된다.(야호)

하지만 이번에는 너무 어려워서 적용은 못했다.

그래서 방명록란은 있긴 있는데 저장이 안돼서 좀 있으면 사라진당..

 

기억에 남는 에피소드

css를 사용했는데 Webpack때문인지 SCSS로 적용이 되어(?)

모든 <a> 태그에 밑줄이 되살아났다.

이게 기억에 가장 많이 남는 이유는 현재 아직 (Yookim)이 해결중이기 때문이다...!!!

>> 해결하면 해결방법을 올리겠습니다.

 

그 동안 참고했던 유용한 링크들을 올리고.. 후기는 나중에 더 보충하도록 하겠습니다.

 

GitHub Actions

• 마이크로 소프트 유튜브 강의

 

기타!

• CRUD 관련

Build a CRUD App in React with Hooks

CRUD - 위키백과, 우리 모두의 백과사전

• 정적 웹 VS 동적 웹 차이 이해하기

• 파비콘( favicon) 만들기, 웹 사이트 적용하기

파비콘( favicon) 만들기, 웹 사이트 적용하기.

• 글씨체 고르기

눈누 - 상업용 무료한글폰트 사이트

• 반응형 관련 참고 사이트

[JS] 반응형 네비게이션 바 만들기

CSS / 반응형 레이아웃 만들기

@media - CSS: Cascading Style Sheets | MDN

• Semantic UI

Semantic UI

• 웹서버 사전지식!

• cosmosDB 관련

Making a CRUD API using Azure Functions and Azure Cosmos DB

 

참고한 사이트

Corona-19-API

코로나 라이브 | 실시간 코로나 현황

 

처음해보는 해커톤이라 사이트 뭐 만들지 정하는 것부터 어려웠는데!

팀원들이 이끌어주는대로 따라가다보니 사이트가 하나 나왔다!

이번에는 데이터 연결해보느라고 시간을 많이 써서

정작 구현에는 기여를 많이 못한 느낌이 있어서 조금 아쉽다..!

이번에 React로 웹 만들때 어떤 구조 사용하는지도 보고

깃헙 액션도 어떻게 쓰는지 알게 되었고 애저도 써보고

깃헙 풀리퀘해볼 수 있어서, 그리고 유용한 링크도 주고받을 수 있어서 좋았다!

~HackaLearn~

후기 끝!