안녕하세요! 신입 프론트엔드 개발자 이호연입니다.
ho991217 / danfesta2024 Goto Github PK
View Code? Open in Web Editor NEW2024 단국대 축제 티켓팅 및 인포 제공을 위한 레포지토리입니다.
Home Page: https://www.danfesta.com
License: Other
2024 단국대 축제 티켓팅 및 인포 제공을 위한 레포지토리입니다.
Home Page: https://www.danfesta.com
License: Other
안녕하세요! 신입 프론트엔드 개발자 이호연입니다.
myTicket 페이지를 만든다.
학생인증이 갱신되지 않은 채로 티켓팅 페이지 접근시 인증하도록 유도
정적인 페이지에 애니메이션을 추가하여 다채롭게 보이도록 한다.
sms 인증 컴포넌트를 별도로 분리한다.
스탬프 추가
회원가입시 SMS 발송 안되는 문제를 수정한다.
floating 버튼으로 컴포넌트 분리한다.
를 해결하쇼
티켓팅이 완료되면 ticket list를 revalidate 한다.
회원가입 학번 입력창에서 숫자 키패드가 나타나도록 수정
QR코드가 인식되지 않으면 티켓 번호로 직접 추가할 수 있도록 한다.
공지사항을 2024년도 내용에 맞게 수정한다.
라인업 페이지를 더 깔끔하게 바꾼다
ex) 날짜 선택시 해당 날짜 라인업
행사에 대한 설명을 추가한다.
회원가입시 받는 동의항목을 요구사항에 맞게 수정한다.
ios 크롬 환경에서 비밀번호 입력창을 터치해도 키패드가 올라오지 않는 문제를 해결한다.
[object Object][object Object]
로 경고 메시지가 발생하는 것 핸들링
이미 티켓팅 된 경우 티켓팅 리스트 페이지로 redirection
아이패드 등에서 티켓보기 버튼이 눌리지 않고, 이미지가 튀어나오는 문제 해결
재학생 인증을 하고 새로고침하지 않으면 my-tickets로 접근해도 다시 재학생 인증으로 넘어감
revalidation 코드 추가할 것
서버측 컴포넌트를 포함하여 스토리북에 추가한다.
user 확인 api 등 api 요청을 최소화한다.
국제화를 하여 외국인도 사용할 수 있도록 한다.
storybook을 세팅하여 ui 테스팅의 기반을 만든다.
캐러셀 이미지를 레이지로드 하도록 수정한다.
티켓번호보기 어드민 비밀번호 수정하기
광고가 들어가는 배너 컴포넌트 작성
vercel custom event를 활용하여 배너 클릭 수를 추적한다
jwt 시크릿을 nodejs 환경에서만 사용하도록 수정하여 보안성을 높인다.
라인업 이미지가 없는 경우에대하여 처리
Button 컴포넌트의 불필요한 register를 제거한다.
버튼 컴포넌트의 테스트코드를 작성한다.
재학생 재인증이 필요한 경우
폼 컴포넌트의 테스트코드를 작성한다.
해결
QR 코드를 서버에서 만들어 보안성을 높인다.
회원가입 기능을 완성한다.
피스타 -> 스위프티로 제휴사 변경
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.