[개발자의 말]
프론트엔드 개발자의 초간단 생일 축하 이벤트를 위한 웹사이트 프로젝트입니다.
이 레포에는 개인정보 관련 내용 다 배포용으로 교체했습니다!
이 레포를 마음껏 클론하셔서 여러분만의 개성있는 웹사이트를 만들어주세요 ㅎㅎ
메인 홈 화면
- Banner: 대상자의 소중한 추억이 담긴 사진을 넣어보세요!
- Why I loved you : 대상자의 장점을 대상자의 이미지와 함께 작성해보았습니다:)
To Deuni 화면
- 생일 대상자에게 생일 축하 인사를 남겨보세요!
( 배포용이라 서버 관련한 내용은 지워서 배포했고, 가져가셔서 쓰실 때는 개별적으로 서버 연결 하셔야합니다! )
Photo 화면
- React-Webcam 라이브러리를 활용해 개발했습니다.
- 생일 기념으로 사진을 남기고, 우클릭으로 저장할 수 있도록 만들었습니다.
- 사진을 찍으면 아래에 사진이 저장됩니다!
Present 화면
- CountDown 함수을 활용해 페이지 새로고침 후 5초가 지나면 이미지가 보여지도록 구현했습니다.
허접한 선물은 나야ㅋ 컨셉
Letter for Deuni 화면
- 편지지 형식으로 꾸미고, 편지지 위에 텍스트가 올려지도록 구현했습니다.
- React-Youtube 라이브러리를 사용해 유튜브 영상을 가져왔습니다. 음악을 삽입해보세요!
![](https://private-user-images.githubusercontent.com/53892427/260459517-b20c2693-9b73-4d0d-8290-dd9d3c171510.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM3NzQ3NDgsIm5iZiI6MTcyMzc3NDQ0OCwicGF0aCI6Ii81Mzg5MjQyNy8yNjA0NTk1MTctYjIwYzI2OTMtOWI3My00ZDBkLTgyOTAtZGQ5ZDNjMTcxNTEwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE2VDAyMTQwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZhNWNhMWM1MGRjMTU0ZGI5OTlkYmY5YTllYTQ3MTQ4MTI5OGEyOTE5NTlhMDZlMmMwZjE5OGY1ODJkMDk0YjImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.cVtjCeIi1_-FNHYxMj9pYzr9fN0A4OCgVmXgf3l6sXo)