🟣신촌 알고리즘 캠프 출석 프로그램🟢 만들기

🟣 기획

이독출석이랑 비슷하게 고

신촌학번 배부하기 아니다 핸들로 하면 되겠다

학번 입력 -> ( "백준 핸들을 입력해주세요." )
1. 출석시 출석완료 문구  :  ( "출석 완료되었습니다." )
2. 미출석 시 코드입력창  :  ( "출석코드를 입력해주세요." )
3. 존재하는 학번이 아닐 시 재시도문구 :  ( "존재하는 핸들이 아닙니다." )

코드입력 후 ->
맞았으면 출석완료 문구 :  ( "출석 완료되었습니다." )
틀렸으면 재시도 안내문구 + 코드입력창 :  ( "재시도해주세요." )

---

 

🟣 디자인

신촌 사이버펑크가 이번 SUAPC 주제이기 때문에

비슷하게 잡아보자

 

<피그마>

헤더 하고..

배경깔고

로고넣고

폼

이런 느낌으로?

굿

---

🟣 프론트

리액트 언제 공부하지

 

일단 이렇게?

헤더 오른쪽에 우리 홈페이지 가는 버튼도 하나

나름 줄여도 괜찮게 만들

었나??

헤더 저거 안 내려오게 어떻게 하지

 

때려치운다

부트스트랩 커몬

아이 헤더이쁘다

‼️모바일 버전용 css 따로 짜기 ⭕️완료

---

🟣 백

백을 직접 구현할 줄 알았다면 경기도오산

난 이제부터 백에 대한 구애를 철회하기로 했기 때문에

파이어베이스를한다

 

 

Firestore error on page leave for Safari · Issue #3708 · firebase/firebase-js-sdk

으허엉 자꾸 사파리에서 오류가나

 

 

‼️권한 설정하기

 

‼️로그 지우기 (개인정보

---

🟣 도메인 / 배포

일단 테스트용으로 깃허브 페이지

https://goldchae.github.io/SinchonAttendance/

만들었다가

내 깃헙 절대 보여줄 수 없기 때문에

 

 

파이어베이스 호스팅 서비스 이용하기

https://sinchonattendance.web.app

firebase deploy --only hosting

까만글씨 뭐야!! 왜 배포 업데이트가 안 되지??

햇는데 크롬에서 기존 거의 캐시 문제로 가끔 안 먹는다고 한다 (?)

시크릿모드로 하면 됨

---

🟣 베타테스트 / 피드백 / 수정

 

‼️디바이스 체크 (크롬개발자모드에서⭕️완료 

참고로 원래 이렇게 생겻엇다

나름 다 괜찮게 나오는 것 같다

얘만 뺴고

앞으로갤폴사용자를적으로간주한다

---

 

디자인 수정

이쁜것같긴함

완료버튼문제도해결

또 나에게 도전할자가 있나? 보냇다지웠다

 

---

🟣 깃허브

나중에 퍼블릭으로 돌리고

이쁜 리드미 작성해볼까

 

+ 운영진들 초대해서 수정해달라하기