[React]웹페이지 만들기 (1)

Header 만들기

디자인은 깔끔하게 만들 예정이니 Figma 대신 서칭해서 간단하게 구상해봤습니다.

header는 J-Log, Nav, Contact 이 3개의 div로 구성해놨습니다.
J-Log와 Contact는 그냥 텍스트입니다.
Nav는 onMouseEnter와 onMouseLeave로 약간의 이벤트를 주었습니다.
header의 그림자 효과는 css 이용해서 만들었습니다.
다른 컨텐츠가 약식으로 완성되면 ref를 이용해서 스크롤 이동을 해보겠습니다.

react는 처음이다보니 만들면서 하는 서칭이 꼬리에 꼬리를 물게 되는.. 별 거 아닌데 서칭 시간을 많이 잡아먹게 됩니다.
다음은 메인 페이지에 들어갈 뒷 배경 이미지와 함께 간략한 자기소개를 넣어 보겠습니다.