포트폴리오 웹 페이지 제작

프로젝트 소개

• 프로젝트 사이트: https://onjeong721.github.io/KMJ-Portfolio/

참여

• 개인 100%

개발환경

기간

2024년 03월

반응형 모바일 화면

• 모바일
  

프로젝트 구조

Portfolio
 ┗ Portfolio
 ┃ ┣ .git
 ┃ ┃ ┣ hooks
 ┃ ┃ ┃ ┣ applypatch-msg.sample
 ┃ ┃ ┃ ┣ commit-msg.sample
 ┃ ┃ ┃ ┣ fsmonitor-watchman.sample
 ┃ ┃ ┃ ┣ post-update.sample
 ┃ ┃ ┃ ┣ pre-applypatch.sample
 ┃ ┃ ┃ ┣ pre-commit.sample
 ┃ ┃ ┃ ┣ pre-merge-commit.sample
 ┃ ┃ ┃ ┣ pre-push.sample
 ┃ ┃ ┃ ┣ pre-rebase.sample
 ┃ ┃ ┃ ┣ pre-receive.sample
 ┃ ┃ ┃ ┣ prepare-commit-msg.sample
 ┃ ┃ ┃ ┣ push-to-checkout.sample
 ┃ ┃ ┃ ┣ sendemail-validate.sample
 ┃ ┃ ┃ ┗ update.sample
 ┃ ┃ ┣ info
 ┃ ┃ ┃ ┗ exclude
 ┃ ┃ ┣ logs
 ┃ ┃ ┃ ┗ refs
 ┃ ┃ ┃ ┃ ┣ heads
 ┃ ┃ ┃ ┃ ┗ remotes
 ┃ ┃ ┃ ┃ ┃ ┗ origin
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ HEAD
 ┃ ┃ ┣ objects
 ┃ ┃ ┃ ┗ pack
 ┃ ┃ ┃ ┃ ┣ pack-06d7063be45c26f3c51d90a26d093ccd1fa4ed7c.idx
 ┃ ┃ ┃ ┃ ┗ pack-06d7063be45c26f3c51d90a26d093ccd1fa4ed7c.rev
 ┃ ┃ ┣ refs
 ┃ ┃ ┃ ┣ heads
 ┃ ┃ ┃ ┗ remotes
 ┃ ┃ ┃ ┃ ┗ origin
 ┃ ┃ ┃ ┃ ┃ ┗ HEAD
 ┃ ┃ ┣ config
 ┃ ┃ ┣ description
 ┃ ┃ ┣ HEAD
 ┃ ┃ ┗ packed-refs
 ┃ ┣ css
 ┃ ┃ ┣ coding.css
 ┃ ┃ ┣ common.css
 ┃ ┃ ┣ contact.css
 ┃ ┃ ┣ footer.css
 ┃ ┃ ┣ header.css
 ┃ ┃ ┣ media.css
 ┃ ┃ ┣ peasonal.css
 ┃ ┃ ┣ personal2.css
 ┃ ┃ ┣ reset.css
 ┃ ┃ ┣ responsive.css
 ┃ ┃ ┣ review.css
 ┃ ┃ ┣ skill.css
 ┃ ┃ ┣ title.css
 ┃ ┃ ┣ title2.css
 ┃ ┃ ┗ workprocess.css
 ┃ ┣ img
 ┃ ┃ ┣ accu.png
 ┃ ┃ ┣ accuniq.jpg
 ┃ ┃ ┣ accuniq.png
 ┃ ┃ ┣ air.png
 ┃ ┃ ┣ ak.jpg
 ┃ ┃ ┣ apple.jpg
 ┃ ┃ ┣ apple.png
 ┃ ┃ ┣ b.jpg
 ┃ ┃ ┣ b.png
 ┃ ┃ ┣ back.jpg
 ┃ ┃ ┣ backfall.png
 ┃ ┃ ┣ backspring.png
 ┃ ┃ ┣ backsummer.png
 ┃ ┃ ┣ backwinter.png
 ┃ ┃ ┣ bag.jpg
 ┃ ┃ ┣ bag.png
 ┃ ┃ ┣ barista.jpg
 ┃ ┃ ┣ blender.jpg
 ┃ ┃ ┣ blender.png
 ┃ ┃ ┣ blog.png
 ┃ ┃ ┣ brand.jpg
 ┃ ┃ ┣ Bworld.jpg
 ┃ ┃ ┣ Bworld.png
 ┃ ┃ ┣ ch.jpg
 ┃ ┃ ┣ chiness.jpg
 ┃ ┃ ┣ clay-banks-e6pK_snssSY-unsplash.jpg
 ┃ ┃ ┣ clone.jpg
 ┃ ┃ ┣ close.png
 ┃ ┃ ┣ codepen.png
 ┃ ┃ ┣ computer.jpg
 ┃ ┃ ┣ css.jpg
 ┃ ┃ ┣ css.png
 ┃ ┃ ┣ CSS.svg
 ┃ ┃ ┣ cup.png
 ┃ ┃ ┣ desktop.jpg
 ┃ ┃ ┣ dot.png
 ┃ ┃ ┣ edu.jpg
 ┃ ┃ ┣ eduafter.png
 ┃ ┃ ┣ eduH.png
 ┃ ┃ ┣ eduH1.png
 ┃ ┃ ┣ email.png
 ┃ ┃ ┣ fiting.jpg
 ┃ ┃ ┣ fl.JPG
 ┃ ┃ ┣ fl.png
 ┃ ┃ ┣ gan.png
 ┃ ┃ ┣ git.jpg
 ┃ ┃ ┣ github.png
 ┃ ┃ ┣ google.jpg
 ┃ ┃ ┣ googledrive.png
 ┃ ┃ ┣ guest.png
 ┃ ┃ ┣ HBbag.jpg
 ┃ ┃ ┣ HBbag.png
 ┃ ┃ ┣ hobbyafter.png
 ┃ ┃ ┣ hobbyH.png
 ┃ ┃ ┣ hobbyH1.png
 ┃ ┃ ┣ html.jpg
 ┃ ┃ ┣ HTML.svg
 ┃ ┃ ┣ html5.png
 ┃ ┃ ┣ ill.jpg
 ┃ ┃ ┣ illu.png
 ┃ ┃ ┣ IMG_0632.heic
 ┃ ┃ ┣ ins.png
 ┃ ┃ ┣ insta.png
 ┃ ┃ ┣ instar.png
 ┃ ┃ ┣ iriver.jpg
 ┃ ┃ ┣ iriver.png
 ┃ ┃ ┣ java.jpg
 ┃ ┃ ┣ JavaScript.svg
 ┃ ┃ ┣ jq.jpg
 ┃ ┃ ┣ JQuery.svg
 ┃ ┃ ┣ kakao.png
 ┃ ┃ ┣ kakaoicon.png
 ┃ ┃ ┣ kakaoqr.png
 ┃ ┃ ┣ kelly-sikkema-5R5Trsu1aIM-unsplash.jpg
 ┃ ┃ ┣ kind.jpg
 ┃ ┃ ┣ ks.jpg
 ┃ ┃ ┣ ks.PNG
 ┃ ┃ ┣ lib.jpg
 ┃ ┃ ┣ list.jpg
 ┃ ┃ ┣ logo.png
 ┃ ┃ ┣ markUp.jpg
 ┃ ┃ ┣ me.png
 ┃ ┃ ┣ mean.png
 ┃ ┃ ┣ mine.png
 ┃ ┃ ┣ mine.psb
 ┃ ┃ ┣ music.jpg
 ┃ ┃ ┣ naviL.svg
 ┃ ┃ ┣ naviR.svg
 ┃ ┃ ┣ next.png
 ┃ ┃ ┣ nice.jpg
 ┃ ┃ ┣ nice.png
 ┃ ┃ ┣ now.JPG
 ┃ ┃ ┣ paperbag.jpg
 ┃ ┃ ┣ paperbag.png
 ┃ ┃ ┣ parpot-min.jpg
 ┃ ┃ ┣ parpot.jpg
 ┃ ┃ ┣ parpot.png
 ┃ ┃ ┣ pay.jpg
 ┃ ┃ ┣ pay.png
 ┃ ┃ ┣ pf-1.jpg
 ┃ ┃ ┣ pf.jpg
 ┃ ┃ ┣ pf1.jpg
 ┃ ┃ ┣ pf2-min.jpg
 ┃ ┃ ┣ pf2.jpg
 ┃ ┃ ┣ phone.jpg
 ┃ ┃ ┣ phone.png
 ┃ ┃ ┣ photo.jpg
 ┃ ┃ ┣ photoshop.png
 ┃ ┃ ┣ plus.png
 ┃ ┃ ┣ pre.png
 ┃ ┃ ┣ review.jpg
 ┃ ┃ ┣ s.jpg
 ┃ ┃ ┣ school.jpg
 ┃ ┃ ┣ self.JPG
 ┃ ┃ ┣ self.png
 ┃ ┃ ┣ send.png
 ┃ ┃ ┣ sitemap.jpg
 ┃ ┃ ┣ sk.jpg
 ┃ ┃ ┣ skill.jpg
 ┃ ┃ ┣ sm.jpg
 ┃ ┃ ┣ sm.png
 ┃ ┃ ┣ smile.jpg
 ┃ ┃ ┣ sp.JPG
 ┃ ┃ ┣ sp.png
 ┃ ┃ ┣ study.jpg
 ┃ ┃ ┣ study1.jpg
 ┃ ┃ ┣ sul.jpg
 ┃ ┃ ┣ sul.png
 ┃ ┃ ┣ tele.jpg
 ┃ ┃ ┣ ting.png
 ┃ ┃ ┣ together.jpg
 ┃ ┃ ┣ val.png
 ┃ ┃ ┣ var.jpg
 ┃ ┃ ┣ water.jpg
 ┃ ┃ ┣ web.png
 ┃ ┃ ┣ web.psd
 ┃ ┃ ┣ wine.jpg
 ┃ ┃ ┣ wine.png
 ┃ ┃ ┣ work.jpg
 ┃ ┃ ┣ workback.jpg
 ┃ ┃ ┣ wt.JPG
 ┃ ┃ ┗ wt.png
 ┃ ┣ index.html
 ┃ ┗ README.md