weaklion
452
2018-12-10 16:34:50
23
58515

신입 웹 포트폴리오 사이트 한번 만들어 보았습니다..~!~!~!~!


리액트로 포트폴리오 만들어 보았습니다.

호스팅은 깃허브 페이지로 했구요.

https://weaklion.github.io/React-PortFolio/

보고 부족한 점 알려주시면 열심히! 피드백 하도록 하겠습니다.

감사합니다.!

21
22
  • 댓글 23

  • kiroki
    835
    2018-12-10 16:45:09
    와 잘만드셨네요
  • 개발자스멜
    363
    2018-12-10 16:45:46

    멋지십니다!

  • NEWBIEㅋ
    626
    2018-12-10 16:48:35

    개인적으로 저는 이런 깔끔한 디자인 

    정리정돈된 구성 너무 좋은 것 같습니다.


    이거이거이 서로 데려갈라고할 것 같네요

    진짜 굳굳!


    호ㅣ사 고르셔서 들어가시면 되겠어요! ㅎㅎㅎㅎ

    굿럭요!

  • EF
    913
    2018-12-10 17:13:32 작성 2018-12-10 17:29:52 수정됨
    이런 깔쌈한 디자인이 정말 좋습니다.

    모바일이라서 그런지 약간 깨져보이네요ㅠ 크롬브라우저랑 삼성인터넷으로 봤습니다.

    +추가
    Basic과 expert에 대응되는 단어는 intermediated보다 intermediate가 더 어울리는 표현입니다. 찡긋-
  • 셀렉션
    2018-12-10 18:02:57

    @EF님 말처럼 모바일에서는 틀이 조금 깨지네요 

    반응형 웹이 적용되면 좋을거같습니다.

    간단하게 작성하면 Content 사이즈 별로 (모바일, 모니터 사이즈 별, 태블릿 등) css를 다르게 작성하는 방법도 있으니 찾아보시면 도움이 될거같습니다.

  • weaklion
    452
    2018-12-10 18:26:07
    여러분 모두 감사합니다!!
    취업 못해서 맘 졸이고 있었는데 힘이 나네여 ㅠㅠ 감사합니다
    모바일 적응형 웹 바로 적용시키겠습니다 감사합니다 !
  • 니플
    2018-12-10 18:45:48

    project 영역에서 이미지를 클릭시 바로 깃으로 이동하는 것은 어떨까요?

    바로 이미지 눌러볼 것 같아요

  • weaklion
    452
    2018-12-10 19:54:43

    @거북왕

    집에가서 바로 수정하도록 하겠습니다! 감사합니다 

  • NPE
    1k
    2018-12-10 21:38:24 작성 2018-12-10 21:40:37 수정됨

    실제 체험할 수 있도록 하면 좋을 것 같습니다.

    모바일앱이면 마켓에 올려서, 웹앱이면 서버에 올려 링크를 공유하고,

    데스크탑앱이면 1분 이내로 구동영상을 올려주시면 좋을 것 같습니다.

    (만약 실행가능한 exe나 jar면 빌드된 파일을 공유하면 더더욱 좋고요.)


    이를 각 Github 프로젝트의 README.md에 첨부하고,

    무슨 프로젝트인지 상세히 적어주면 좋으리라 생각됩니다.


    그리고 올리신 홈페이지에는 반응형 웹이 적용되어 있지 않네요.

    CSS Grid나 MediaQuery를 참고해서 적용해주면 좋을 것 같습니다.

  • weaklion
    452
    2018-12-10 22:19:50

    @NPE

    피드백 감사합니다! 수정하도록 하겠습니다 

  • weaklion
    452
    2018-12-10 23:59:54

    현재 적응형 웹은 적용이 완료 되었고 

    프로젝트 부분에서 리액트로 만든 건 heroku로 해보려는데 잘 안되네요..ㅠ

    해보고 적용하겠습니다!

  • 안드신입
    262
    2018-12-11 10:15:53

    좋은 참고가 되었습니다 ㅎㅎ

  • 니플
    2018-12-12 10:11:43 작성 2018-12-12 10:22:05 수정됨

    weaklion님

    프로젝트영역에서 각각의 프로젝트가 깃허브에 등록된 소스로 이동되는데

    readme파일이 처음에 보여지게 됩니다.

    따라서 해당 파일에 프로젝트에 대한 정보를 간단하게 정리하는 것은 어떨까요?


    https://github.com/velopert/velog

    위 링크는 벨로그님이 만든 블로그를 올려놓은 깃허브입니다.

    readme에서 자세히 스택이 기술되어있는 것을 보고 참고하시면 좋을 것 같습니다.


    한가지 더 말씀드리자면

    about me가 너무 자소서의 성장과정 내용과 동이합니다.

    그리고 너무나 내용이 짧게 느껴집니다.


    또한 내용은 웹개발자라면 누구나 경험한 것입니다.

    이 about me영역에서는 크게 이목을 끌 내용이 없어보입니다.

    따라서 더욱 구체적으로 자신의 이야기를 기술하고

    about me를 2~3 영역을 더 추가하여

    다른 이야기도 나누면 좋겠습니다.


    skill 영역에서는

    언어 이미지에 마우스를 올리면 그 언어에 대한 실력이 나타나는 것을 확인했는데

    그 속도가 너무 느림니다.

    바로 나오게 바꾸면 좋을 듯합니다.


    면접관은 바로 알고싶어하기 때문입니다.

    때문에 저는 가능한 마우스 오버안해도 바로 알 수 있게 바로 밑에 추가하는 것이 좋다고 생각합니다.


    그리고 스킬은 basic, Intermediate, Expert

    이렇게 3가지로 되어있는데

    한국어로 초급 중급 고급으로 하는 것이 이해하기 좋습니다.

    또한 초급, 중급, 고급으로 레벨을 나누기 보단

    각각 언어에서 어떤 기술을 다룰 수 있는 지를 작성하는 것이 좋아보입니다.


    솔직히 초급, 중급, 고급은 자신이 느끼기에 그런 것이지

    면접관이 보면 다를 수 있습니다.

    따라서 각각의 언어에 대해서 어떤 기술을 다뤄봤고

    어디까지 코딩이 가능하다 그런 식으로 나열하는 것이 좋아보입니다.

  • 니플
    2018-12-12 10:24:08 작성 2018-12-12 10:24:14 수정됨

    프로젝트 Jarvis Mirror의 개발기간에서

    개발기간 :2018.03.10~2018.6.09


    6앞에 0이 빠졌어요 ㅎㅎ

  • weaklion
    452
    2018-12-12 12:58:28

    @거북왕 

    넵 알겠습니다 수정 하도록 하겠습니다! 감사합니다.

  • 7i
    1k
    2018-12-12 15:21:19

    퀄리티를 떠나서 잘 정리하셨습니다. 

    노력이 한눈에 보입니다. 굿!


  • apeach02
    6
    2018-12-12 18:34:49

    오 멋지십니다:) 

  • 와.. 비전공자 국비지원학원 출신으로 왜 개발자분들이 전공자를 선호하는지 알게되네요.

    정말 대단하십니다.👍

  • dev_is_art
    276
    2018-12-13 23:10:22

    와 엄청 잘만드셨네요!! 혹시 프론트엔드 개발자 준비중이신가요?? 저도 bootstrap 이용해서 포트폴리오용 페이지 만들고있는데 궁금한거있으면 물어봐도 될까요?? 저는 백엔드개발자 되려구 하고있습니다!!

  • 초록코딩
    732
    2018-12-16 15:03:37
    역시...국비출신은 웁니다...
  • 아미에레
    17
    2020-01-02 04:29:18

    혹시 디자인은 템플릿을 사용 안하고 다 혼자 만드신건가요 ?

  • 프로그램 탐험가
    302
    2020-08-03 01:25:41

    와 대단하십니다!

    잘 만드셨네요!!

  • 봄노리
    18
    2020-10-22 16:41:51

    와 대박 잘하셨네요!

    혹시 사이트는 어떤걸로 서비스하는지 알 수 있을까요?

  • 로그인을 하시면 댓글을 등록할 수 있습니다.