CloneCodding
& App
Team Project
MARKET KURLY
#JavaScript
#HTML
#SASS
#PHP
#DATA.JSON
#ChatBot API
#Swiper API
#GoogleMap API
{ 개발 인원 : 3명 (24.02.01 - 02.28) }
{ 담당 업무 : 디자인, 프로그램 코딩 }
{ 제작 : 카테고리, 로그인, 회원가입, 챗봇, 장바구니 담기 팝업 }
VIRENS
#APP Design
#UI/UX
#Icon Design
#Logo Design
{ 개발 인원 : 3명 (23.11.20 - 12.08) }
{ 담당 업무 : 디자인, 기획 }
{ 제작 : 메인페이, 메뉴탭, 네비게이션, 구매페이지, LOGO, APP아이콘, 브랜드소개, PPT디자인 }
CloneCodding
it self
Project
ETUDE HOUSE
#JavaScript
#HTML
#SASS
#PHP
#DATA.JSON
#ChatBot API
#Swiper API
{ 개발 인원 : 1명 - 개인프로젝트 (23.12.30 - 24.03.10) }
{ 담당 업무 : 디자인, 기획, 프로그램 코딩 }
{ 제작 : 메인, 카테고리, 로그인, 회원가입, 상세페이지, php연결, data.json 등등 }
POP Design
![1](/images/group_d/pop_001.jpg)
![2](/images/group_d/pop_002.jpg)
![3](/images/group_d/pop_003.jpg)
![4](/images/group_d/pop_004.jpg)
![5](/images/group_d/pop_005.jpg)
![6](/images/group_d/pop_006.jpg)
![7](/images/group_d/pop_007.jpg)
![8](/images/group_d/pop_008.jpg)
![9](/images/group_d/pop_009.jpg)
![10](/images/group_d/pop_010.jpg)
![11](/images/group_d/pop_011.jpg)
![12](/images/group_d/pop_012.jpg)
![](./images/skill_icon/01.jpg)
* 한국형 웹 접근성 지침을 준수한 웹표준 마크업
* VSCODE를 활용한 HTML 구성 가능합니다.
![](./images/skill_icon/02.jpg)
* 공통 파일(common)을 제작하여 관리할 수 있습니다.
* 반응형 웹사이트를 제작할 수 있습니다.
* 색상, 이미지 크기나 위치, 다양한 배치 방법 등 웹 문서의 디자인 요소를 꾸밀 수 있습니다.
* 다양한 최신 트렌드 디자인과 애니메이션을 구성하여 JavaScript와 연동할 수 있는 디자인을 제작할 수 있습니다.
![](./images/skill_icon/03.jpg)
* ES6 문법을 활용한 로직 가능합니다.
* DOM 활용 여러 함수 사용 가능합니다.
* 이벤트 핸들링 및 콜백과 관련된 기술 활용 가능합니다.
* 배열의 기본적 함수 사용 가능합니다.
![](./images/skill_icon/04.jpg)
* UI/UX, 웹페이지, 배너, SNS contents 제작 가능합니다.
* 도구를 활용한 다양한 편집 디자인 가능합니다.
사진 보정, 합성, 편집디자인을 창의적으로 제작할 수 있습니다.
![](./images/skill_icon/05.jpg)
* 도구를 활용한 다양한 편집 디자인 가능합니다.
* 명함, 패키지, 인쇄물 제작 및 감리 가능합니다.
* 드로잉을 활용한 아이콘 및 SVG 파일 제작 가능합니다.
* 간단한 캐릭터 디자인, 로고 디자인 등 깔끔하고 돋보이는 백터 디자인을 제작할 수 있습니다.
![](./images/skill_icon/09.jpg)
* 웹 서버에서 실행되어 동적인 웹 페이지를 만들 수 있습니다.
* 다양한 데이터베이스와 연동하여 데이터를 관리할 수 있습니다.
* php include 명령어를 이용한 공통 페이지 관리를 할 수 있습니다.
* 그누보드, 카카오맵, FTP, Netlify, plugin 등 다양한 웹 관련도구를 활용한 웹 사이트 제작이 가능합니다.
![](./images/skill_icon/07.jpg)
* 모바일 UI/UX 디자인 가능합니다.
* 와이어프레임, 프로토 타입 개발 가능합니다.
* 플러그인을 활용한 목업 가능합니다.
![](./images/skill_icon/08.jpg)
* 변수와 함수를 사용하여 코드를 재사용하고 관리할 수 있습니다.
* 반복되는 부모요소 선택자 사용을 줄여 업무 효율을 높일 수 있습니다.
* 코드 재사용 및 자동화 기능을 통해 개발 속도를 높일 수 있습니다.
![](./images/skill_icon/06.jpg)
* 싱글 페이지나 UI/UX 개발에 활용 가능합니다.
* 계속 공부하며 배울 예정입니다.
![](./images/skill_icon/10.jpg)
* Google Maps API를 사용하여 지도 기능을 추가할 수 있습니다.
* Swiper API를 사용해 원하는 슬라이더를 빠르게 만들 수 있습니다.
* Chatbot API를 사용해 사용자와 상호 작용하는 챗봇을 만들 수 있습니다.
![](./images/skill_icon/11.jpg)
* Git 명령어를 활용한 GitHub 프로젝트를 공유하고 관리 할 수 있습니다.
* 여러 개발자와 동시에 코드를 작업하고 변경 사항을 병합할 수 있습니다.
![](./images/skill_icon/12.jpg)
* Chatbot API를 사용해 사용자와 상호 작용하는 챗봇을 만들 수 있습니다.
* Chatbot API를 사용해 창의적인 스토리 만들기나 상황분석이 가능합니다.
![](./images/skill_icon/13.jpg)
* 할 일 목록 관리, 메모 작성, 아이디어 정리, 일정 관리 등의 작업이 가능합니다.
* 프로젝트 진행, 회의록 작성, 자료 공유가 가능합니다.
![](./images/skill_icon/14.jpg)
* 복잡한 JavaScript 코드를 간단하게 작성할 수 있습니다.
* 간단한 웹 애플리케이션 개발, 사용자 인터페이스 구현 등이 가능합니다.
click me ↑
{ product page }
본인이 100% 작업한 상세페이지입니다.