반응형
반응형
보일러 플레이트 - 풀스택 프로젝트 express의 passport 라이브러리를 사용하고, React의 redux와 JWT의 refresh Token을 사용해 네이버, 구글, 카카오 로그인이 포함된 더 완벽한 보일러 플레이트를 만들고자 UI를 디자인하였다. 모바일 페이지에서는 화면이 모바일 비율에 맞게 보이도록, 웹앱 디자인으로 구성하였다. 사용할 툴 Frontend - React Backend - Node.js Express DB - MongoDB 와 MySql Figma 와이어프레임 회원가입, 로그인, 아이디/비밀번호 찾기, 회원 정보 수정, 비밀번호 수정, 회원 탈퇴 기능을 제공한다. 프로토타입 https://www.figma.com/file/7kRAyMDHczs7AFVh5tuHXP/%EB%B3%B..
포트폴리오 소개 웹 - 프론트 프로젝트 좀 더 깔끔하게 이력서 형식의 포트폴리오가 필요하다고 생각해, 새로 웹 프로젝트를 구상하게 되었다. React를 이용한 정적 페이지로 구상할 것이며 모바일과 여러 브러우저에서 볼 수 있게 반응형을 고려하여 디자인하였다. 사용할 툴 Frontend - React (antd, react-bootstrap, react-router-dom@6, styled-component ... ) Figma 와이어프레임 메인 페이지, 보유 스킬을 정리한 페이지, 프로젝트 모아보기, 간단한 학력 및 자격사항 보기와 이력서를 제공한다. 프로토타입 Demo : https://www.figma.com/proto/YSRBnB0dqFIWAVLQpXe0nm/Untitled?node-id=0%3A1..
포트폴리오 소개 웹 - 풀스택 프로젝트 블로그는 토이 프로젝트들을 자세히 소개하는 공간으로 사용하고, 간단히 프로젝트들을 미리보기하며 바로 호스팅 페이지로 이동할 수 있는 포트폴리오 전용 웹 프로젝트를 제작하려 한다. 이를 위해 사용할 툴을 정리하고, 피그마로 와이어프레임을 만들었다. 또한 Figma에서 제공해주는 미리보기 툴을 사용해 프로토타입 링크를 제작하였다. 사용할 툴 Frontend - React Backend - Node.js Exrpess DB - MongoDB Server - AWS S3(이미지 호스팅) , 배포는 AWS EC2 또는 Cloud type 이용 예정 Figma 와이어프레임 회원가입, 로그인, 방명록 작성 및 수정, 삭제, 방명록 리스트 보기, 관리자가 업로드한 프로젝트 캐로셀..