프로젝트 기획_컴포넌트 세분화 작업_20210527_Day4
·
Projects/JPortfolio_2021
금일 진행 사항 - 컴포넌트 세분화 작업 진행 - 모달 UI 추가(리뷰 / 프로젝트 디테일 설명) - 깃헙 readme.md 업데이트(UI 추가) 컴포넌트 세분화 작업 실제 코드를 작성하기 전에 페이지 및 컴포넌트 세분화 작업을 진행 중인데, 이는 각 페이지에 어떤 컴포넌트가 포함되어 있는지, 그리고 어떤 엘리먼트가 쓰여야 하는지 등을 미리 파악하여 실제 코드 작성의 효율을 높이기 위함이다. 해당 프로젝트의 규모가 크지 않으므로 Atomic Design 을 적용하지 않고 진행할 예정이다. 다만, Styled Component Theme 개념을 적용하여 스타일(색상 & 텍스트 스타일 등)을 재사용할 계획이다. 모달 UI Pair Review Detail Project & Studies Detail
window.scrollTo 이용하여 특정 위치로 이동하는 법
·
Projects/JPortfolio_2021
네비게이션 바에서 특정 메뉴를 클릭했을 때 해당 페이지로 스크롤 이동하는 로직 출처: https://enai.tistory.com/33
프로젝트 기획_20210526_Day3
·
Projects/JPortfolio_2021
금일 진행 사항 - UI 재구성 - Single Page Website 로 React + Styled Component 조합으로 구현할 예정 - 다양한 CSS & 애니메이션 효과를 통해 쾌적한 유저 경험을 유도할 예정 추가적으로 고려해야할 사항 관리자 페이지 필요? 나뭇잎 떨어지는 효과 https://thinking1.tistory.com/783 한글 / 영어 버전 진행 프로젝트 추가( 서림화 , 포트폴리오 웹사이트) 오늘 느낀점 UI 디자인을 하면서 페어님들의 리뷰를 다시 읽어보았는데, 그래도 나쁘지 않게 페어 프로그래밍을 했던 것 같다.
프로젝트 기획_20210507_Day2
·
Projects/JPortfolio_2021
금일 진행 사항 필요한 페이지(컨텐츠) 기획 필수 과제 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..
프로젝트 기획_20210506_Day1
·
Projects/JPortfolio_2021
프로젝트 목적 및 기능 1. 나의 소개 2. 프로젝트 소개 3. 연락처 4. 이력서 및 추가적인 내용의 시각적 효과 5. 기존에 적용하고 싶었던 애니메이션 사용 6. 다이나믹 포트폴리오 제작(몰입도 있는 포트폴리오)