티스토리 뷰

안녕하세요



이번 포스트에서는 제 포트폴리오 사이트를 공개할까합니다.



제목에 "개발자" 라고 했지만 아직 고등학생이고 직업이 없기때문에 붙일까말까 고민했습니다..



하지만 제 꿈이 개발자이고 개발자를 준비하기 위해 포트폴리오 사이트를 만들었으니 개발자라고 칭하겠습니다




[ 주요 특징 ]

1. 반응형 (PC, 태블릿, 스마트폰 모두 확인가능)

2. SPA (단일 페이지 애플리케이션)

3. 순수 Javascript 와 Vue.js 사용

4. 심플해서 필자에게 마음에 든다




포트폴리오 링크입니다.


https://leegeunhyeok.github.io/



이전부터 수많은 시행착오가 있었습니다..

(라즈베리파이로 웹 서버 열기, 노트북으로 열기 등..)


전기료도 조금 걱정이었고 실수로 스위치를 꺼버린다면 서버가 죽어버린다는것이 큰 문제였죠..


그래서 포트폴리오 웹 페이지는 비용걱정없고 안전한 Github로 선택하였습니다.



포트폴리오 페이지에 DB나 서버측 작업은 필요없을것같아서 Github로 호스팅하게되었습니다. 



혹시나 제 포트폴리오 페이지의 소스코드가 궁금하시면 아래 링크에서 확인하실 수 있습니다.

https://github.com/leegeunhyeok/leegeunhyeok.github.com







아래 스크린샷으로 일부분 확인해보실 수 있습니다.



메인화면입니다.


윈도우 환경과 비슷하게 사용하실 수 있습니다.


아이콘을 눌러서 확인해보실 수 있습니다.



본 페이지는 Vus.js 와 Vanila.js(순수 Js) 기반으로 개발되었습니다.


제가 그렇게 좋아하던 JQuery도 버리고 순수 Js로 구현했습니다.




배경과 색 테마 등은 전에 리눅스 사용했을 때의 느낌을 그대로 반영했습니다.

제가 이전 블로그에서 포스팅했던것을 다시한번 참고했습니다. 


http://lghlove0509.blog.me/220947609181


링크에서 확인해보시면 알겠지만 제 포트폴리오 사이트와 거의 유사한 테마를 사용했었습니다.



아래 사진은 모바일에서 접속했을 때 모습입니다.

반응형이기때문에 다양한 화면크기의 기기에서 모두 확인 가능합니다.










앞으로도 꾸준히 컨텐츠를 추가할 예정이고 문제가 생기면 수정할계획입니다.



감사합니다.





댓글
댓글쓰기 폼