반응형 Projects2 [Portfolio] 웹퍼블리셔의 리액트(React.js) 기반 포트폴리오 (VScode Style) 만들기 ✍️ Intro. 리액트로 토이트로젝트를 끝마친 뒤, gsap와 three.js를 공부하던 와중에 기존 포트폴리오 사이트의 호스팅이 만료되면서 리액트를 기반으로 만든 포트폴리오를 제작하게 되었습니다. (사실 회사 퇴사하고 백수의 몸인지라, 포폴을 빨리 만들어야 하는 것도 한몫했습니다..ㅠㅠ) VScode 스타일로 만들게 된 계기는 제가 디자인에 자신이 없기도 하지만 디자인을 구상하는데 많은 시간을 소요할 수가 없어서 웹퍼블리셔나 개발자라면 가장 친숙한 편집기인 VScode 스타일로 포트폴리오를 만들어서 인상적인 이미지를 남기고 싶기도 했고. 일반적인 포트폴리오 스타일이 스크롤 디자인인 것이 조금 진부하다고 느껴지고, 앞으로 개발에 관한 다양한 콘텐츠를 포트폴리오에 지속적으로 담고 싶어서 게시판 느낌으로 .. 2022. 11. 21. [React Toy Project] 리액트 토이프로젝트 노트앱(Note App) 만들기 ✍️ Intro. 리액트 기초 문법 공부를 끝마친 후 공부한 내용을 활용해보고자 만들었습니다. 💻 사용 기술 Design tool: Figma Editor: VScode Lang html css React.js (Router, Redux, styled-component) 배포: Github.io 📅 개발 기간 총 8일 소요 (디자인 2일, 개발 6일) 🗂 폴더 구조 📁 components - 화면을 구성하는 작은 요소 단위의 엘리먼트들을 구성하는 폴더입니다. 📁 images - 백그라운드 이미지, 아이콘 등을 모아놓은 폴더입니다. 📁 pages - Router를 통해 이동하는 페이지들을 구성하는 폴더입니다. 📁 style - styled-components를 활용한 글로벌스타일과 테마(다크/라이트모드) .. 2022. 10. 23. 이전 1 다음 반응형
