총 프로젝트 :6

    logo

     커카맵(커스텀 카페 맵)

    디카페인, 대체유 옵션을 제공하는 카페만 모아놓은 지도 서비스
    개발인원 : 3

    TypeScript React SPRINGBOOT



    img
    ◎ 내가 구현한 기능 - 타입스크립트로 카카오맵 API 구현 및 핸들링 - Rest API 이해를 바탕으로 axios를 활용하여 비동기 데이터 전송방식 사용 - Styled-components를 활용한 디자인 - 프로젝트 초기 세팅 ◎ 팀원들이 구현한 기능 - Spring Boot와 MySQL를 활용하여 DB 생성, 프록시 설정, 리액트 SpringBoot 연결, 서버 관리 및 배포 - 카카오맵 API 핸들링, 반응형 디자인, Styled-components를 활용한 디자인
    logo

     Paintravel

    세계여행을 기록할 수 있는 서비스
    개발인원 : 3

    React AXIOS node.js



    img
    ◎ 내가 구현한 주요 기능 - JSX, SCSS, Javascript를 활용하여 전체 페이지 구성 - am5 chart Map을 사용한 지구본 구현 - 웹 컴파일러 axios를 활용하여 비동기 데이터 전송방식 사용 - react-redux및 useState로 state 관리 - react-dataPicker, react-slick 등 다양한 라이브러리 사용 ◎ 팀원들이 구현한 기능 - Node.js와 MongoDB를 위한 Mongoose ODM 라이브러리 사용, 백엔드 구현, 사이트 배포 등 - SCSS를 활용하여 반응형 웹 지원 및 디자인, 와이어프레임 작성, 접근성 고려 코드 수정 등
    logo

     성실버의 포트폴리오

    포트폴리오 웹 사이트
    개발인원 : 1

    React next.js Redux



    img
    - 노션 API Retrieve a database를 통해 기록된 프로젝트 정보를 데이터로 받아 사용 - JSX, tailwindCSS, JavaScript를 활용하여 페이지 구성 - Next.js 프로젝트 생성 - tailwind CSS를 사용한 다크모드 지원 - fetch API를 활용한 비동기 데이터 전송방식 사용 - react-full-page 라이브러리 활용 전체 스크린을 스크롤 단위로 넘어가도록 구현 - react-slick 라이브러리 활용 프로젝트 이미지 슬라이드 구현
    logo

     티로그

    여행일기 서비스(개인, 공유 일기)
    개발인원 : 6

    JAVASCRIPT MYSQL JAVA



    img
    ◎ 내가 구현한 주요 기능 - AJAX를 통해 컨트롤러에서 데이터 받아 가공하기 - 및 비동기 방식 탭 이동, 댓글 구현(자유일기) - 메인페이지 제외 DOM 전체 디자인 및 CSS ◎ 팀원들이 구현한 기능 - 카카오 로그인, 회원가입, 게시물 CRUD, 메인페이지 CSS 및 기능구현
    logo

     I study

    스터디 플랫폼 서비스 (화면공유 / 캘린더 / 게시판)
    개발인원 : 6

    JAVASCRIPT SPRINGBOOT JAVA



    img
    ◎ 내가 구현한 주요 기능 - 쿼리문을 만들어 필요한 데이터를 서버에서 받아 메인페이지, 게시판에서 가공 - ajax 비동기 방식을 통해 관리자 페이지 탭 이동 구현 - 페이지네이션, DOM 전체 디자인 및 CSS, 모달, 슬라이드 등 ◎ 팀원들이 구현한 기능 - 게시물 CRUD, 화면공유, 캘린더 기능
    logo

     소분소분 프로젝트

    이웃 대상 나눔/대여/판매 서비스
    개발인원 : 6

    JAVASCRIPT JAVA AJAX



    img
    ◎ 내가 구현한 주요 기능 - DB 설계, 쿼리문을 만들어 필요한 데이터를 서버에서 - 받아 메인페이지, 게시판에서 가공 - ajax 비동기 방식을 통해 관리자 페이지 탭 이동 구현 - 페이지네이션, DOM 전체 디자인 및 CSS, 모달, 슬라이드 등 ◎ 팀원들이 구현한 기능 - 카카오 로그인, 회원가입, 게시물 CRUD, 1:1 채팅