회수
74
2021-02-14 21:52:15 작성 2021-02-19 23:17:14 수정됨
29
7566

31살 신입 프론트엔드 포트폴리오에 들어갈 프로젝트 한번 봐주실수 있을까요?


- 감사합니다

8
  • 댓글 29

  • Juraffe
    114
    2021-02-14 22:32:32

    우와 늦은 나이라고 하셨지만 실력은 전혀 안늦은걸요 완전 멋져요!!

  • 회수
    74
    2021-02-14 22:56:52

    감사합니다!!

  • bluewow
    111
    2021-02-14 23:34:27 작성 2021-02-14 23:35:42 수정됨

    훌륭한 완성도에 깔끔한 동작까지 정말 대단핳십니다!


    혹시 feedback 이 도움이 되지 않을까 해서 서버쪽 질문이 하나 있습니다.


    패키지 구조가 각 도메인별로 controller 및  service 기타가 중복되는 형태를 이루는 것 같은데 어떤 기준으로 나누셨나요? 

    ex) 

    board - controller, service, model, dao

    card - controller, service, model, dao 


    제 기준으로는 

    controller - board, card

    service - board, card

    로 각 layer 별로 기준을 나눌것 같습니다!

  • 회수
    74
    2021-02-15 00:01:03

    @bluewow 앗 그렇군요! 기준은 api call url 앞자리에 따라서 나누었는데, 작성자님 말씀대로 controller, service를 먼저 나누고 세부적으로 들어가는 형태가 맞는 것 같습니다. 감사합니다!

  • 카시와기유키
    677
    2021-02-15 00:48:55

     구글 로그인이 안 되네요.

    또 됐는지 안 됐는지 알려주는 팝업창이나 그런 게 아무것도 없네요.

    확인해보세요.

  • 꾸깐
    247
    2021-02-15 09:03:21

    전 이런분들이 존경합니다.

    진짜 좋네요. 부럽습니다!!!


    부디 좋은 곳에 가셔서 좋은 후배 많이 만들어 주세요 ㅠ

    (전 글렀어요...)

  • bzietro
    398
    2021-02-15 10:01:48
    멋져요! 속도도 빠르고
  • 보후리
    720
    2021-02-15 10:13:21

    와 좋은데요 ㄷㄷ; 저도초보자지만.. 

  • 회수
    74
    2021-02-15 10:38:36

    @카시와기유키 
    Vue google login 플러그인을 사용했는데, 사파리나 모바일에서는 동작을 안하는 듯 합니다.. 일단 테스트해봤을 때는 크롬에서만 동작하는데 오류 처리를 따로 작업해야겠습니다. 알려주셔서 감사합니다!!

  • 카시와기유키
    677
    2021-02-15 10:43:09

     앗 저도 크롬입니다.


    버전 88.0.4324.150(공식 빌드) (64비트) 
    으로 최신버전이라고 나오네요.


    혹시나 해서 알립니다.

  • 회수
    74
    2021-02-15 10:44:37

     @꾸깐 걱정이 많습니다 .. ㅜㅜ 좋은 후배 만들기는 저에겐 아주 먼 미래이겠네요.. 감사합니다!


     @bzietro 아직 퍼포먼스 테스트는 따로 하지 않았는데요. 배우면서 속도 측정도 해볼 수 있었으면 좋겠습

    니다.

     

     @보후리 

    아닙니다.. 제작기간이 꽤나 걸려서.. 이것저것 건들여본다고 많이 걸린듯 싶습니다.! 살펴봐주셔서 감사합니다!

  • 회수
    74
    2021-02-15 10:47:59 작성 2021-02-15 10:49:34 수정됨

    @카시와기유키 그렇군요.. 이상하네요.. 어서 보완해야겠습니다 ㅜㅜ 플러그인을 빼고 구글에서 알려주는 소스로 수정해야겠어요... 알려주셔서 정말 감사드립니다!! 

  • 회수
    74
    2021-02-15 13:32:12

    구글 로그인은 역시 플러그인 문제였던 듯 싶습니다. 일단 고치고 사파리에서도 테스트 해두었는데 또 아무 동작을 하지 않는다면 알려주세요 ㅜㅜ 감사합니다! 

  • 열공하자
    1k
    2021-02-15 14:25:16 작성 2021-02-15 14:26:24 수정됨

    취업은 충분히 되세요.

    단 그 뒤가 좀..

    프론트 선호하시면 리액트 준비하시면 될거 같습니다. 

    러닝커브가 커서 빠르게 시작하는게 좋습니다.

  • 회수
    74
    2021-02-15 15:15:32

    @열공하자 역시 프론트는 리액트인가보네요.. 저 프로젝트 정리하고 리액트 파봐야겠습니다..

  • 파이썬초보일대일
    521
    2021-02-16 02:11:18
    화면개발이나 기능개발은 이미 잘하시는거같고 꼼꼼함도 있으시니 기술스택만 잘 쌓으시면 될거같아요 지금으로써는 프론트는 REACT가 가장 유리하고 앱개발까지 고려한다면 React Native 나 Flutter도 고려해보세요
  • 회수
    74
    2021-02-16 11:09:57
  • BartShin
    172
    2021-02-16 19:25:07
    디자인이 깔끔해서 좋습니다
    사용은 아직 안해봤는데 사용법이 개발자스럽네요 ㅋㅋㅋ
  • 회수
    74
    2021-02-16 23:10:43

    jnshinjn 개발자스럽다는말 칭찬으로 듣겠습니다 ㅎㅎㅎ 감사합니다 ㅎ

  • cube8540
    106
    2021-02-17 00:53:32

    와... 신입이라 믿어지지가 않는데요...

  • livehard
    51
    2021-02-17 01:32:42

    정말 멋지세요! 제 자신이 초라해 보이네요 ㅠㅠㅋㅋㅋㅋ

  • 서다현
    35
    2021-02-17 18:02:36

    정말 멋지시네요ㅎㅎ이정도면 앞으로의 취업걱정은 안하셔도 될듯해요ㅎㅎ

  • 회수
    74
    2021-02-18 10:49:52

    @cube8540 중고 신입입니다.. ㅜㅜ

    @livehard 아닙니다.. 같이 힘내봐요!

    @서다현 아니에요.. 이쪽은 괴물들이 너무 많은 것 같아요.. ㅎㅎㅎ

  • Boom bada
    3
    2021-02-18 13:54:14

    구글로 가입 안되어 있을 때 구글로 로그인 클릭 후 

    구글 회원가입하면 정상 회원가입이 안되요!


  • 회수
    74
    2021-02-18 14:05:04

    @Boom bada 혹시 로그인 페이지 말고 회원가입 페이지에서 가입 시도 해보셨나요?

    회원가입 페이지 접근 방식은,


    여기를 누르거나, 
    구글로 로그인 시도후, 회원가입이 되어있지 않다면 아래 사진과 같이 이동하겠냐는 모달이 뜨거든요..


  • jeffdev
    1k
    2021-02-18 14:12:05

    이게 딴지는 아니지만..

    https://www.inflearn.com/course/vuejs#

    이런코스 따라하면 그대로 똗같이 나오는거아닌가요?..

  • 회수
    74
    2021-02-18 14:31:19 작성 2021-02-18 14:38:14 수정됨

    @jeffdev 해당 강의 주소를 글에 첨부해두었었는데요, 강의가 기반이 되었던 것은 맞습니다. 커리큘럼을 보시면 아시겠지만 강의는 Board 페이지까지 있는 강의이고, card에 포함된 기능들이랑, 소켓 사용해서 초대장 보내는 것, 소셜 기능 등, 절반 이상은 새로 만든 기능입니다.. 강의의 백엔드는 node.js를 사용하셨었구요. 참고 부탁드립니다.


    이번에 프로젝트를 정리하면서 작성한 README 인데요, 트러블슈팅이나 내용을 봐주시면 감사하겠습니다!

    https://github.com/pozafly/tripllo_vue

  • 이프얼스와일포
    232
    2021-02-19 17:54:49

    시큐리티+jwt를 사용안해봐서 궁금해서 질문한번 해봅니다!


    그럼 로그인 후 웹페이지에서 http 요청할때마다 스프링부트에서 해당 요청에서 authentication token 값을 가지고 인증처리 후 SecurityContextHolder 객체를 생성해서


    각각 서비스단에서 해당 세션을 가져와서 사용하는건가요?

  • 회수
    74
    2021-02-19 19:45:49

    @이프얼스와일포 안녕하세요. 저도 스프링 시큐리티에 관한 지식이 부족합니다만.. 제가 알고있는 것만 말씀드리면, 우선 jwt를 사용할 때는 session 설정을 해제하는 것으로 알고 있습니다. 왜냐하면 쿠키인증을 하지 않기 때문인데요, 

    https://github.com/pozafly/tripllo_springBoot/blob/e68e9b21ee82bf55453338672735cfb69f1a88eb/src/main/java/com/pozafly/tripllo/common/security/WebSecurityConfig.java#L63

    코드에 보시면 WebSecurityConfig class에 SessionCreationPolicy.Stateless 옵션이 걸려있습니다.

    저는 이 링크를 참고 했습니다. https://www.inflearn.com/questions/34886

    서비스 단에서 SecurityContextHolder 객체를 따로 생성해서 user 정보를 얻지 않고,

    Controller 단에서 @AuthenticationPrincipal 어노테이션으로 user 정보를 가져오는 방법을 사용했습니다.

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