웹 개발 - 프로젝트 2 - 11. 프론트 디자인

이제 프론트를 개발해야 합니다. gpt에게 디자인을 잡아달라고 합시다.

로그인

 

유저가 비밀번호를 잘못 입력할 수도 있기 때문에 비밀번호 확인 창을 넣습니다.

그리고 비밀번호가 같을 때만 진행하도록 합니다.

 

플로팅 버튼

스트릭을 추가하는 버튼을 넣습니다. 

 

gpt한테 만들어 달라고 하면 코드까지 만들어 줍니다. 복붙한 다음 자신에게 맞는 스타일로 수정합니다.

 

오른쪽 아래에 버튼이 생겼습니다. 이 버튼을 누르면 일정 등록 탭으로 이동합니다.

일정 등록

이제 일정 등록 페이지를 만들어 봅시다.

 

gpt가 말이죠. 해당 디자인을 복붙한 다음 고장난 부분을 수정해 줍니다. gpt는 만능이 아니기 때문에 마지막에는 사람이 꼭 검증해 주는 것이 좋습니다. 그렇게 수정하면 이렇게 나옵니다.

 

이정도면 제가 디자인 한 것 보다 훨씬 좋네요. gpt의 도움을 받아서 이렇게 디자인을 할 수 있습니다.