육각남 찾기 프로젝트 12. 챗 GPT로 프론트앤드 UI 꾸미기

1. 헤드 꾸미기

먼저 헤드를 꾸며달라고 요청했다.

좌측에는 로고를 넣고 오른쪽에는 로그인과 로그아웃 버튼이 나타나도록 했다.

컴포넌트로 관리 할수 있도록 파일을 분리해달라고 요청했다.

파일트리를 알려달라고 했고 똑같이 구성했다.

파일 트리에 맞게 코드를 수정하도록 하였다.

App.js

컴포넌트로 만드 Header.js를 App.js로 가져와서 적용시키는 코드이다.

헤더를 이쁘게 꾸며달라고 요청해보았다.

로고 색깔만 변경했다. 대충 이런 느낌으로 만들어주었다.

로그인, 로그아웃 버튼의 글자색이 좀 별로라는 생각이 들지만 나중에 수정하기로 한다.