허브딜
19
2019-12-23 02:05:58
4
920

비전공자 프론트엔드 공부방향 조언 부탁드립니다...


내용이 너무 긴데다 요점없어서 죄송합니다 ㅠㅠㅠ

그래도 조언부탁드립니다ㅠㅠㅠㅠㅠ


10월 중순부터 '스마트웹 컨텐츠서비스개발 하이브리드웹,웹앱'이란 명칭의 국비과정을 이수중입니다.

솔직히.. 웹디자이너 과정인 줄 알았습니다ㅠ 진짜 딱 포토샵, 일러스트 이런거 배우는거요...

디자인전공도 아니고 사회복지사로 일하다가 우연찮게 바이럴마케팅 회사에서 카피쓰고 컨텐츠기획하고 효과 좋아서 월급도 올리고 그랬었는데요. 중소기업 마케팅팀에 이직해서 배너, 홍보글 쓰다가 이건 아닌 것 같아 퇴사하고 웹디쪽으로 알아보자, 해서 듣게 되었는데 생소한 HTML, CSS 등을 배우면서 "진짜 너무 재밌다" 라는 느낌이 들어 기왕 할거 학원에서 배우는 것보다 더 해서 좋은 직장과 만나고 싶은 중입니다.


완전 쌩비전공자에다가 주5일 8시간 수업인지라 내내 배우면서 포폴기간을 빼면 2개월정도 남았는데요.

자바로 메모장만들기, 앱인벤터로 계산기 만들기를 거쳤다가 현재 배우는 거는 HTML, CSS 이후 자바스크립트(바닐라는 너무 어렵다고 제이쿼리 연동해서)를 배우는 중입니다.

또 일전에 강사분 myadmin통해서 메뉴추가삭제 배운거 토대로 회원정보수정삭제만 만들어봤습니다.


학원분들 대부분 비전공자인지라 학원 내에서는 제일 잘한다는 소리 듣는다지만 솔직히 쥐뿔도 아닌거 알고 있어서 집에서 복습하는 겸 멜론 메인도 배껴서 만들어보고(css까지만) 현재는 페브리즈 페이지 리뉴얼식으로 만들어보는 중이라 메인에 제이쿼리 연동시키고 남은 메뉴들 완성시키는 중인데요.

수업은 수업대로 하고 집에서는 3~4시간 노트북 붙잡고 하고 있습니다.



이것저것 알아보는데 솔직히 뭘 해야할지도 모르겠고 이게 좋아봤자 퍼블리셔과정일텐데 담당강사분은 저한테 지금상태로만 열심히 한다면 프론트앤드는 가능할 것 같다 하셨지만 프론트앤드에 대해 정확히도 모르면서 내가 어떻게 가겠어..라는 중입니다ㅠㅠ

이것저것 찾아보니 깃허브에도 올려서 공유하시고 node.js나 react 등 할줄 알아야 한다는데.. 감도 못잡겠습니다ㅠ

이 사이트도 구글링 엄청 해보면서 다른 분들 질문하신거 싹 읽어보고 그랬지만 저처럼 1도 모르는 사람이 별로 안계신거같아서... 가입하고 바로 쓰는건 예의가 아닌거 같긴 한데 조급한 마음에 글 적습니다ㅠㅠ


독립해서 혼자 살다보니 취업이 급한 것도 사실이지만 진짜 빡세게 해서 가급적이면 프론트앤드로 입사하고 싶어요..

구글링은 정보가 많기는 한데 이거다저거다 말이 너무 다 달라서 구글링대로 배운다고 하면 수십개의 언어를 다 해봐야할 것 같고 실제로 나한테 뭐가 맞는지 다 건들여보고 싶기는 한데 그러기엔 시간이 너무 촉박한 기분이 듭니다..


여기로 가시다보면 다음 이정표가 나와요 라는 정도로만 알려주셔도 정말 감사할 것 같아요ㅠ 제가 지금 잘 하고 있는지도 모르겠어요..



아래는 부끄럽습니다만.. 그동안 배워서 연습한 것들 스샷입니다 ㅠㅠ

첫번째사진 왼쪽의 배너부분은 ajax로 데이터 넣어서 랜덤으로 돌아가게 해놨어요.

두번째사진은 admin 배운다고 커피메뉴 만드는 거 수정해서 일부러 다중펼치기로 해놨습니다.

페이지 배껴볼때에는 이미지사이즈나 폰트크기 정도만 확인하고 만들어요..

멜론은 처음 만들었던거라 집에서 3~4시간씩 7일 걸렸던 거 같은데

페브리즈는 배너하고 메뉴버튼 클릭하면 일단 연동은 시켜놓은지라 3~4시간씩 5일정도 걸린 것 같아요.


0
1
  • 댓글 4

  • ifmoon
    82
    2019-12-23 08:48:04

    1. 바닐라 자바스크립트중에 ES6만 보기 > http://m.yes24.com/Goods/Detail/42806896

    2. 아래 글 2개 읽기
    https://brunch.co.kr/@ultra0034/63
    https://ko.reactjs.org/docs/thinking-in-react.html
    3. 리액트'만' 해보기 (리덕스, axios 같은 추가 라이브러리 제외) > Todo 리스트 같은 간단한 예제로 실습

    우선 여기까지 해보시면 나머지는 직접 찾아서 공부하실 수 있을 거 같습니다. :)
    언어 기본서는 오래 보면 재미없어서 늘어지실 수 있으니 가능한 빨리 보는 걸 목표로 하세요. 세세하게 보는 건 3번 이후에 하셔도 됩니다.
    화이팅하세요!
    1
  • 허브딜
    19
    2019-12-23 13:54:08

    ifmoon 님 감사합니다ㅠㅠ

    태그 어떻게 하는지 몰라서.. 이렇게 하는 거려나요..ㅠ

    0
  • 이리나이
    2k
    2019-12-23 15:05:56 작성 2019-12-23 15:08:02 수정됨

    프론트단 엔드포인트, 데이터 처리가 주력이고, 저의 경우는 html, css는 퍼블리셔 분이 해주셔서, 간단한 수정 뺴고는 거의 안했네요...

    0
  • 허브딜
    19
    2019-12-23 16:24:06

    이리나이 님 말씀은 제가 아직 알아들을 수가 없네여..ㅠㅠ

    강사분한테 여쭤보니 react는 오래걸릴거 같다고 vue로 한다더라구요..ㅠ

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