목록프로젝트 (7)
yj-front
allaboutour 사이트 바로가기 개요 - 프로젝트 주제: mbti, 별자리, 띠, 혈액형 모든 궁합을 한번에 확인할 수 있는 서비스 - 본 프로젝트는 모바일 화면에 최적화해서 구현함 - 개발인원 3명(프론트엔드1명-본인, 백엔드2명) 디자이너 1명 - 개발 기간: 2021.07.05 ~ 2021.07.11 - 클라이언트: React, 서버: node.js(express) 사용 - 형상관리 툴: git 🛠 Tools - View (React with JavaScript, React-Router, antd, Styled-components) - State Management (Redux, Redux-Thunk, Immer, Redux-actions) - Build Tool (Create React Ap..
📚 프로젝트 소개 퇴근하고 뭐할까 고민하는 직장인들을 위해 여러 취미 플랫폼들의 클래스들을 한 번에 모아 비교할 수 있는 서비스입니다. 유명 플랫폼 7개사 클래스 인기, 가격 한 번에 비교 구글/네이버/카톡 아이디로 간편하게 소셜 로그인 사용자별 관심 지역, 분야 설정에 따른 다양한 취미 추천기능 📎 홈페이지 💬 Github 🛠 Development 본 프로젝트에서 담당한 부분은 메인 페이지,검색 페이지, 카테고리 페이지를 담당했습니다. 메인 페이지 비 로그인 시 로그인 후 이용할 수 있다는 안내 버튼을 통해 유저 로그인 유도 로그인 후 회원정보를 설정할 수 있게 버튼 이동이 가능한 안내문구 사용 해당 유저가 관심 갖는 지역 및 카테고리 설정 시 각각 랜덤하게 12개의 클래스를 추천해주며 갱신버튼을 통해..
개요 프로젝트 주제: 클론 코딩 개발인원 4명 (프론트엔드: 노유진, 여지영 / 백엔드: 윤현동, 최재성) 개발 기간: 2021.04.02 ~ 2021.04.08 리펙토링 진행 2021.05.17 ~ 2021.05.21(1주일) (프론트: 노유진 / 백엔드: 김남석) 클라이언트: React, 서버: spring-boot 사용 형상관리 툴: git 프로젝트 특징 본 프로젝트는 팀 프로젝트로 특정 웹사이트(다노샵)를 선정하여 클론코딩을 진행함 UI 부분은 styled-components, material-ui, react-bootstrap(캐러셀)을 사용 컴포넌트 구성: 컴포넌트는 중간단위 및 페이지 단위로 구성했으며 디렉토리로 구분함 주요 기능: 로그인, 회원가입, 회원정보 수정 및 탈퇴, 장바구니 추가,..
개요 프로젝트 주제: 미니 프로젝트 개발인원 4명 (프론트엔드: 노유진, 조형석 / 백엔드: 금교석, 강태진) 개발 기간: 2021.04.12 ~ 2021.04.22 클라이언트: React, 서버: Node.js 사용 형상관리 툴: git 프로젝트 특징 본 프로젝트는 팀 프로젝트로 게시물을 통한 커뮤니티 기능 및 채팅을 할 수 있는 미니프로젝트를 진행함 UI 부분은 styled-components, antd을 사용 반응형 구현은 테블릿 크기(768) 모바일 크기(375)에서 간단하게 구현함 컴포넌트 구성: 컴포넌트는 중간단위 및 페이지 단위로 구성했으며 디렉토리로 구분함 주요 기능: 로그인, 회원가입, 소셜로그인, 회원정보 수정, 게시물 CRUD, 댓글 CRUD, 유저 검색 필터, 이모티콘기능, 무한스크..
개요 개인 프로젝트 프로젝트 주제: 이미지 게시물 공유 커뮤니티 개발 기간: 2021.03.29 ~ 2021.04.01 React + firebase 사용 데이터 베이스: firestore 형상관리 툴: git 프로젝트 특징 본 프로젝트는 개인 프로젝트로 이미지 업로드 기능이 있는 커뮤니티 사이트를 React와 서버리스 플랫폼인 firebase를 이용하여 구현 UI 부분은 styled-components, material-ui를 사용 모든 페이지는 PC, 모바일, 태블릿에서 확인했을 때 뷰가 깨지지 않도록 반응형으로 구현 컴포넌트 구성: 컴포넌트는 중간단위 및 페이지 단위로 구성했으며 디렉토리로 구분함 주요 기능: 로그인, 회원가입 기능, 게시물 추가, 조회, 수정, 삭제, 좋아요 기능, 무한스크롤, 게..
개요 개인 프로젝트 프로젝트 주제: 일정관리 캘린더 개발 기간: 2021.03.22 ~ 2021.03.24 React + firebase 사용 데이터 베이스: firestore 형상관리 툴: git 프로젝트 특징 본 프로젝트는 개인 프로젝트로 일정 관리 기능이 있는 캘린더를 React와 서버리스 플랫폼인 firebase를 이용하여 구현 캘린더 라이브러리로 fullcalendar를 사용했으며 UI 부분은 styled-components, material-ui를 사용 모든 페이지는 PC, 모바일, 태블릿에서 확인했을 때 뷰가 깨지지 않도록 반응형으로 구현 컴포넌트 구성: Calendar-component, Upload-component, Detail-component, NotFound-component 주요..
개요 - 프로젝트 명: Dotrip - 개발 인원: 3명(고성빈, 김연재, 노유진) - 개발기간: 2021.03.01 ~ 2021.03.04 (4일) - 주요 기능: 회원가입, 로그인, 리뷰 CRUD - 개발 언어: html, css(bootstrap4), javascript, python - 개발 환경: flask web framework - 데이터 베이스: mongodb - 형상관리 툴: git - 프로젝트 내용 여행에서의 추억을 기록으로 남겨보는 여행리뷰 페이지, 내가 다녀온 여행지를 공유하며 다른 사람이 다녀온 여행지를 구경할 수 있음 프로젝트 특징 - 쿠키/세션 방식으로 로그인을 구현 및 JWT 인증 방식으로 전환 - jinja2 템플릿 엔진을 이용한 서버사이드 렌더링 - restful api ..