
먼저 포폴노출 UI를 설계완료한 다음 → .json 세팅하기
1. 스와이프 용 .json 내용 작성
메모장.txt

1-1. 내 소개 페이지
- 제목 : 기획하는 개발자, 000 소개 페이지
- 설명 : "코드는 깨끗하게 짧게 자신있게!"
빠른 유지보수, 성능 최적화를 위해 데이터바인딩 처리했습니다.
- 기획의도 : #내소개 #작업물 #면접제안 #ENG #한국어
- 툴 : vscode, figma, photoshop
- 스택 : HTML5 CSS3, Bootstrap v5, jQuery, javascript, React, 리액트, 노드, sql
- 참여도 : 단독작업
- 제작기간 : ~일
- 링크1 : 한글사이트 영문사이트
- 링크2 : 깃허브 피그마 벨로그 (아이콘)
1-2. 카페24 CMS EC호스팅
- 제목 : 카페24 CMS EC호스팅
- 설명 : 아임닭 세컨드 브랜드 아임독imdok 이커머스를 기획하고, 판매상품과 웹페이지를 구현 및
빠른 유지보수, 성능 최적화를 위해 데이터바인딩 처리했습니다.
- 기획의도 : #반려견 #닭가슴살사료 #소형견부터 #대형견까지 #이하늬
- 툴 : vscode, figma, photoshop, VLLO
- 스택 : HTML5 CSS3, Bootstrap v5, jQuery, javascript, React, 리액트, 노드, sql
- 참여도 : 단독작업
- 제작기간 : 3일
- 링크1 : 사이트 보러가기
- 링크2 : 깃허브 피그마 구글ppt 벨로그 (아이콘)
1-3. 제작노트 기획서 ppt
- 제목 : 제작노트 기획서
- 설명 : 경쟁업체에 대항해 아임닭 세컨드 브랜드를 기획하고 마케팅을 구상했습니다.
퍼소나 선정부터 가상의 판매상품 및 배너를 디자인, 웹페이지를 구현.
- 기획의도 : #반려견 #닭가슴살사료 #소형견부터 #대형견까지 #이하늬
- 툴 : vscode, figma, photoshop
- 스택 : HTML5 CSS3, Bootstrap v5, jQuery, javascript, React, 리액트, 노드, sql
- 참여도 : 단독작업
- 제작기간 : 3일
- 링크1 : ""
- 링크2 : 구글ppt 벨로그 (아이콘)
2. 피그마 UI 시안 구현

3. 빠른 유지보수 위해 바인딩할 컨텐츠 구분/DB설계
- 관계형 DB 작업일 경우 : sql DB테이블제작 /닷홈/myadmin
- 비관계형 DB 작업일 경우 : json 파일제작
.json = 자주 바뀔 곳
