birthday_webpage

? 생일 웹페이지

"생일 축하해요!"라고 카드를 쓰거나 소셜 미디어에 콘텐츠를 게시하는 것을 중단하세요.
프로그래머는 삶의 중요한 날을 "프로그래머의 방식"으로 축하해야 합니다.

Vue.js를 사용한 생일 SPA(Single-Page-Application)입니다.

나는 내 여자친구의 생일을 위해 이 웹사이트를 만들었고 이것이 일부 프런트엔드 소년 소녀들에게 도움이 될 것이라고 생각했습니다! 좀 더 일반적이고 쉽게 구성할 수 있도록 일부 콘텐츠를 수정했습니다.

자세한 내용이나 맞춤 디자인을 원하시면 언제든지 저에게 연락해주세요.

전제 조건

시스템에 Node.js 버전 6.0 이상이 설치되어 있어야 합니다.

? 설정

git을 사용하여 이 저장소를 복제하거나 코드를 가져옵니다.

 > git clone https://github.com/amoossssss/birthday_webpage

... 또는 소스 코드를 zip 아카이브로 다운로드합니다.

다운로드가 완료되면 프로젝트 디렉터리에서 터미널을 열고 다음을 계속 진행하세요.

 npm install

개발을 위한 컴파일 및 핫 리로드

 npm run serve

이제 웹사이트는 포트 8080에서 실행됩니다:

http://localhost:8080

프로덕션을 위해 컴파일 및 축소

 npm run build

파일 린트 및 수정

 npm run lint

구성 사용자 정의

이 웹페이지를 구성하려면 코드에서 모든 TODO 태그를 찾으세요.

포함 :

1. 방문 페이지의 콘텐츠
2. 메시지 페이지의 콘텐츠 및 이미지
3. 비디오 페이지의 YouTube 비디오
4. 페이지 콘텐츠 뒤에 숨겨진 이야기

알림 :
* 페이지 로더가 작동하려면 메시지 페이지에 추가된 모든 이미지에 onLoad 기능을 추가해야 합니다.
* 페이지에는 로더 기능과 전환 효과를 표시하기 위한 더미 이미지가 있습니다.
* @load="onImgLoad" 복사하여 추가한 el-image 태그에 붙여넣으면 됩니다.
* 또한 같은 페이지에 있는 totalImages 변수에 주의하고 디자인과 일관성이 있는지 확인하세요.

? 크레딧

생일케이크와 조명을 가져온 가게.

️ 이 프로젝트를 지원하세요

이 프로젝트가 도움이 되었다고 생각하시면 별표를 주세요.
어떤 제안이나 개선 사항이라도 높이 평가하겠습니다!
당신과 당신이 사랑하는 사람들이 생일을 축하하길 바랍니다. .