모카커피
82
2019-04-24 00:23:24
14
1356

현재 일본취업을 위한 포트폴리오를 준비중에 있습니다. 첫 포트폴리오를 제작하였는데 봐주실수있으신가요. ㅎ



현재 워킹홀리데이 생으로 일본에서 본격적인 생활을 준비하는 일본워홀러입니다..

올해로 26살이 되었는데요. 이전에 한화생명의 전산실에서 컴퓨터만 고치는 근무만 해오다 삶을 좀

바꿔보고자 취미로 했던 일본어실력을 밑거름 삼아 본격적으로 회사의 웹개발자로 취업을 하려합니다.

현재는 워홀생활을 하면서 일본어공부나 포트폴리오 제작을 하고있는데요.

아래의 링크가 제 첫 웹 포트폴리오입니다.

http://myportfolioproject.ga:3000/


 간단한 단어검색을 위키피디아 모듈을 이용하여 불러오는 웹 어플리케이션입니다.

프론트엔드 쪽은 단연 html css 자바스크립트 그리고 백엔드로는 Nodejs나 파이썬 AWS 등등을 이용해 만들었습니다.. 물론 페이지의 비동기성 부분적 새로고침은 간단한 Jquery Ajax 기능을 이용해 구현하였습니다.

사용자의 Request 를 받아 데이터를 처리하는 이중서버로 다시 보내 원하는 검색결과를 리턴받아오는 형식의

페이지입니다.


예를 들어 AWS EC2 리눅스 인스턴스에서 Nodejs Express 라는 서버 프레임워크와 파이썬의 플라스크서버를 이용해 로컬서버를 두 대 구축하여 클라이언트에서 주는 요청을 nodejs 서버에서 받아 같은 로컬의 파이썬의 플라스크 서버로 POST형식으로 보냅니다.

파이썬 서버측에서는 위키피디아 모듈을 이용하여 받은 request에 대한 처리를 하여 장문의 결과값을 response 로 nodejs 서버로 다시 보냅니다. 노드js 서버는 파이썬으로부터 받은 응답을 다시 클라이언트로 보냅니다.


또한 반응형 웹화면을 위해 CSS 에 따로 미디어쿼리를 적용시켰습니다..

모바일 화면에서도 최적화되어 어느정도 적절한 화면을 출력해보았습니다.


서버는 왜 굳이 이중으로 노드js와 파이썬을 동시에 만들었냐면.. 위키피디아 모듈이 파이썬 버젼이 있지만

Nodejs 전용모듈은 안보이더군요,.. 로컬서버 간의 데이터 송신테스트 겸 한번 만들어보았습니다.


도메인이름뒤에 포트번호가 붙어있는건 서버포트번호를 아직 80번포트로 리다이렉팅 하지못해서 그렇습니다..


수많은 전문개발자 분들께서는 아무것도 아닐지 몰라도.. 정말 비전공자로써 개발자로의 꿈을 꾸며

정말 힘들게 만든 작품중 하나입니다.. ㅎㅎ

혹시 부족한 부분이 있으면 댓글로 남겨주시면 아주 감사드리겠습니다.

포트폴리오 제작을 위한 okky 고수분들의 위대한 충고가 필요한 때라.. 감히 글을 올려봅니다..


혹시 다른 포트폴리오 주제가 있으면 추천해주시면 아주 감사하겠습니다.

1
0
  • 댓글 14

  • 타느스
    202
    2019-04-24 06:56:24

    잘하셨어요. 

    0
  • minarai
    2k
    2019-04-24 08:29:57

    번들 프로퍼티로 언어 변경기능을 넣고

    일본어 위키도 끌어오는 기능을 넣으면 어떨까요

    0
  • 7i
    1k
    2019-04-24 10:58:11

    전공아니신데 이정도 공부해서 만드신거면 정말 잘하셨네요

    설명해주신 내용 일어로 정리하셔서 이력서 내시면 취업할곳은 많을거 같습니다.

    0
  • defult
    2k
    2019-04-24 11:02:57

    일본노리기위한 포트폴리오면 일본어버전도 만드세요.

    잘 만들어진것일지라도 내용 모르면 봐볼까 생각한사람도 그냥 안보게됩니다.

    0
  • ahdiamm
    1k
    2019-04-24 12:28:04
    일본인 신입 중에 이 정도 만들 수 있는 사람 반의 반도 안 될듯요.
    대기업으로 노려보십쇼
    0
  • 아스키
    10k
    2019-04-24 13:06:50

    잘 만드셨는데, 조금만 욕심부리자면...사이트에 대한 설명이 있었으면 좋겠네요.

    "간단한 단어검색을 위키피디아 모듈을 이용하여 불러오는 웹 어플리케이션입니다.

    프론트엔드 쪽은 단연 html css 자바스크립트 그리고 백엔드로는 Nodejs나 파이썬 AWS 등등을 이용해 만들었습니다.. 물론 페이지의 비동기성 부분적 새로고침은 간단한 Jquery Ajax 기능을 이용해 구현하였습니다.

    사용자의 Request 를 받아 데이터를 처리하는 이중서버로 다시 보내 원하는 검색결과를 리턴받아오는 형식의

    페이지입니다."

    이 부분을 추가로 넣으시면 포트폴리오 확인하시러 오시는 분도 이해가 잘 되실겁니다.

    사용자나 고객이나 면접관이나 보는 사람에게 친절한 설명은 좋고 이해도를 높입니다.


    0
  • bluegorila
    140
    2019-04-24 18:45:34

    이 프로젝트에 대한 내용을 일어로 설명 해주실래요 ?? 

    면접 이라 생각하시고 설명해주시면 연습도 되고 좋겠내요 ~

    0
  • 모카커피
    82
    2019-04-26 16:39:53

    /타느스 답글을 늦게 달아 정말 죄송합니다ㅠㅠ 감사합니다 ㅎㅎ

    0
  • 모카커피
    82
    2019-04-26 16:41:10

    /minarai 감사합니다 ㅎㅎ 안그래도 이번 포트폴리오는 실제 일본회사에 낼 프로젝트는 아니고 먼저 테스트겸 한국어로 만들어본거라.. 저 역시 minarai 님 말씀처럼 언어변경기능을 넣어야겠다고 생각했습니다 ㅋㅋ.. 

    0
  • 모카커피
    82
    2019-04-26 16:42:30

    /7i 감사합니다 ㅎㅎ 열심히 하겠습니다. 

    0
  • 모카커피
    82
    2019-04-26 16:43:37

    /default 감사합니다 ㅎㅎ 현재 한글버젼은 그냥 테스트겸 만들어본겁니다 앞으로 내용 보충을 위해 언어기능을 변경하는 기능도ㅠ넣으려고요 ㅎㅎ

    0
  • 모카커피
    82
    2019-04-26 16:45:42

    /ahdiamm 헐.. 아니에요 ㅋㅋㅋㅋ 저도 한차무배워야할게 많고 아직 부족한 실력인데.. 너무 과장된 칭차누아닐까합니다 ㅠㅠ 감사합니다

    0
  • 모카커피
    82
    2019-04-26 16:46:05

    /아스키 감사합니다 참고하도록 하겠습니다

    0
  • 모카커피
    82
    2019-04-26 16:47:23
    bluegorila/ 역시 일본회사이니 만큼 일본어를 추가하는건 필수적인것같습니다 ㅎ 감사합니다
    0
  • 로그인을 하시면 댓글을 등록할 수 있습니다.