포트폴리오 가이드

1. 패키지 구조

• ReadMe.md : 설명 페이지
  
• img : 설명 스크린샷 이미지
  
• public : 소스 폴더
• index.html : 제일 먼저 열리는 디폴트 페이지
  
• assets/css/main.css : index.html을 꾸미는 css파일
  
• assets/js/main.js : 각종 이벤트 제어
  
• res/ic : 카테고리 이미지
• res/sns : sns 이미지
• bg.png , profile.png : 배경, 프로필이미지

2. 변경 시 알아야 할 점

변경하고 싶은 부분에 따라 2가지의 경우로 나뉜다.

• 서버를 다시 배포해야 하는 경우

배경, 프로필 이미지
이름 , 간단한 소개
경력 , 학력 , 수상 & 사용 툴
SNS 리스트
카테고리
Footer ( 맨 밑글 )
---> 변경 후 저장한 뒤 서버 배포

• 데이터만 바꿔주어도 되는 경우

리스트의 각 하나의 아이템
ex) 모바일 -> 캐시카우의 타이틀 변경
ex) 아이콘 -> gif 추가
ex) 영상 -> 유투브 주소 변경

주의 !
카테고리의 아이템이 특별한 경우를 가질 경우 개발자와 상담해보세요.

3. 정적 변경 ( 서버 다시 배포 )

• 배경 , 프로필 이미지 변경
  

portfoliohyh/public/res 파일에서
bg.png & profile.png 파일을 바꿔준다.

• 이름 , 간단한소개 , 경력&학력&수상,사용툴 , footer 변경
  

portfoliohyh/public/index.html 파일에서
바꾸고 싶은 곳을 찾아 바꾼다..

• sns 리스트 변경 및 추가
  

이미지 변경 : portfoliohyh/public/res/sns 폴더에서 해당 이미지를 변경한다.
링크 변경 : portfoliohyh/public/index.html 파일에서 해당 sns-item를 찾은 후
href의 주소값을 변경한다.
sns 추가 : portfoliohyh/public/res/sns 폴더에 이미지를 추가한다.
portfoliohyh/public/index.html 파일에서 sns-item가 있는 부분에 아이템 추가한다.

 <a class="sns-item" href='연결할 링크' class="circle_item"><img class="sns-img" src='./res/sns/lottie.png'/></a></li>

• 카테고리 메뉴 변경 및 추가
  

카테고리 이미지 변경 : portfoliohyh/public/res/ic 폴더에서 해당 이미지 변경
카테고리 명칭 변경 : portfoliohyh/public/index.html 에서 category 섹션을 찾아 변경
카테고리 메뉴 추가 : portfoliohyh/public/res/ic 폴더에 이미지 추가 후
portfoliohyh/public/index.html 에서 category 섹션을 찾아 추가한다.

<a id="menu"><img id="menu_img" class="category-icon" src='./res/ic/ic_menu.png'/><span> 메뉴</span></a>

추가 시 갯수에 맞추어 추가
portfoliohyh/public/assets/js/main.js 파일에서 setCategoryMenu메소드에 해당 메뉴 클릭이벤트 추가

4. 동적 변경 ( Firebase에서 Database, store 만 수정 )

5. 기타

6. 도움주신 분

  String developer = "유종권";
  String deginer = "한영희";