네비게이션 바에서 특정 메뉴를 클릭했을 때 해당 페이지로 스크롤 이동하는 로직 출처: https://enai.tistory.com/33

금일 진행 사항 - UI 재구성 - Single Page Website 로 React + Styled Component 조합으로 구현할 예정 - 다양한 CSS & 애니메이션 효과를 통해 쾌적한 유저 경험을 유도할 예정 추가적으로 고려해야할 사항 관리자 페이지 필요? 나뭇잎 떨어지는 효과 https://thinking1.tistory.com/783 한글 / 영어 버전 진행 프로젝트 추가( 서림화 , 포트폴리오 웹사이트) 오늘 느낀점 UI 디자인을 하면서 페어님들의 리뷰를 다시 읽어보았는데, 그래도 나쁘지 않게 페어 프로그래밍을 했던 것 같다.

출처: https://knulab.com/archives/1185 배경이미지 브라우저에 꽉 채우기 – KNULAB 브라우저 뷰포트에 배경이미지가 꽉 차게 보여지려면 아래와 같이 min-height 값을 설정한다. Full Background Cover body, html { margin: 0; padding: 0; height: 100%; } .bgimg { border: 0; padding: 0; background-image: url('ima knulab.com 브라우저 뷰포트에 배경이미지가 꽉 차게 보여지려면 아래와 같이 min-height 값을 설정한다. Full Background Cover 첫번째 방법 html { background: url(images/bg.jpg) no-repeat cen..

요약하기. 출처: uxplanet.org/how-to-improve-an-e-commerce-checkout-experience-ui-ux-case-study-e56139a6dc5d

금일 진행 사항 필요한 페이지(컨텐츠) 기획 필수 과제 1차 UI 구성 Required Pages main About(+ pair comments) Projects(Works) Studies(Clone Coding + codestates sprints) Skill set Contact + Map (my location) + Chatbot Essentials 이력서에서 내용을 시각화를 통해 다르게 구현할 것. 스택, 프로젝트 -> 차트, 이미지, 애니메이션 등 이력서에서 못다한 컨텐츠를 담을 것. UI(Figma) overview Detail Motivation from https://jacekjeznach.com/ https://yasio.pl/ https://iuri.is/Iuri-de-Paula-Re..

프로젝트 목적 및 기능 1. 나의 소개 2. 프로젝트 소개 3. 연락처 4. 이력서 및 추가적인 내용의 시각적 효과 5. 기존에 적용하고 싶었던 애니메이션 사용 6. 다이나믹 포트폴리오 제작(몰입도 있는 포트폴리오)