유기동물 입양 페이지, 부트스트랩

부트스트랩을 이용한 '유기동물 입양' 프로젝트

 

부트스트랩을 이용해 '유기동물 입양' 페이지를 만들었습니다. 

이 페이지에 DB는 연동되어 있지 않습니다.

 

 

동적으로 구성된 유기동물 입양 페이지

 

부트스트랩이 적용되어, 카드와 모달창이 동적으로 작동합니다.

 

 

모달창을 이용해 입양자 이름 입력

 

카드에서 담아 온 정보는 모달창에 전달되고, 

모달창에서 입양자 이름을 입력하면... DB나 블록체인으로 넘어가도록 되어있는 페이지입니다.

 

참, 이 페이지는 블록체인 과정 수업을 하면서 배운 내용입니다. 

수업이 진행되면 이렇게 프런트앤드 부분과 블록체인을 연결해 사이트를 구축할 수 있다고 합니다.

 

부트스트랩을 이용해 동적인 페이지를 만드는 것... 재밌고 신기한데요!

 

깃허브 : https://github.com/ldh52/javascript/tree/main/petAdoption