물먹이
83
2021-05-14 13:24:43
6
1082

프론트엔드가 되기위해 Node.js와 React를 공부하고있는데 왜 쓰는지 모르겠어요..


프론트엔드가 되려고 html, css, javascript, jquery를 공부하고 이제 node.js와 react를 공부하고있습니다.

근데 왜 이걸 사용하는지 모르겠고 이해가 전혀 되질 않네요... 너무 어려운거같아요ㅜㅠ

1
  • 댓글 6

  • 호호하하하하
    727
    2021-05-14 13:29:05 작성 2021-05-14 13:30:13 수정됨

    유튜브 영상 or 구글(좋은 블로그 or 해당 공식 문서)에 검색해서 이해 해보세용~


    그러면 이게 왜 만들어졌는지 이걸 왜 쓰는지 그나마, 이해 할 수 있을 거에용~

  • daywalker
    1k
    2021-05-14 13:31:57

    프론트엔드가 뭔지부터 아시는게...

  • hoonnote
    733
    2021-05-14 13:35:39

    자 그럼 생각해봅시다.

    프론트엔드가 되려고 HTML, CSS, jQuery, JavaScript를 공부하셨죠.


    그럼 프론트엔드 개발자는 뭘 하는 사람일까요? 

    웹페이지의 화면을 그려내는 사람이기도 하고, 그려낸 화면이 내가 원하는대로 동작하게 하기도 하구

    더 멋진 디자인을 기술적으로 구현해내기도 하고 하겠죠. 


    거기에 필수요소가 Html Css JavaScript입니다. 

    이걸 익혔다는것은 집을 건설하기 위한 도면을 그리기 위해 필요한 종이와 연필, 그리고 못과 망치, 삽 과 톱을 갖추었다는거에요. 


    물론 이 도구들만 갖고도 만들어보고 싶은걸 뚝딱뚝딱 만들 수 있습니다.


    하지만 5층이 넘어가는 어느정도 사이즈가 있는 건물도 이것들만으로 만들 수 있을까요?

    물론 만들 수 있어요.

    다만 포크레인이나 트럭, 드릴 등등 못과 망치, 삽과 톱과 같은 기능을 하지만 작동 방법만 잘 익히고 주의점만 잘 지켜준다면 훨씬 효율적으로 더 멋진 건물들을 건설할 수 있죠.


    리액트도 마찬가지입니다. 그냥 취미 레벨로 배운다면 굳이 해야하나 싶어요.

    근데 그냥 하나의 스크린에서 동작하는 투두 어플리케이션이 아니라,
    다양한 페이지 라우팅서부터 이미지 렌더링, 영상, 미디어, 사용자 인증, 복잡한 디자인 효과 등등을 만들어야 한다고 생각해봅시다. 


    html css js만으로 물론 만들수 있죠.

    근데 리액트를 활용한다면 훨씬더 편하게 개발할 수 있습니다. 

    만약 리액트 활용하는게 어렵다면, html css js를 공부하며 만들었던 프로젝트들을 그대로 리액트로 옮겨보세요!

    리액트로 옮겨보면서 조금 다른 부분들은 배워나가고, 어떻게 구현할 지 모르겠다 하면 검색해보고, 그러면서 익히다 보면 어느순간 훨씬 복잡한 어플리케이션들도 개발하는 모습을 볼 수 있을거에요.

  • 페코옹
    1k
    2021-05-14 14:00:23 작성 2021-05-14 14:05:40 수정됨

    react의 가장 큰 장점은


    1. 컴포넌트로 쉽게 떼었다 붙였다 재사용이 가능하게 해줘요.

    <Header />

    <Body>

    <Button color="red" />

    <Button color="blue" />

    </Body>

    <Footer />


    2. 선언형으로 ui를 개발하게 해줘요.

    컴포넌트를 배치하고 컴포넌트에 변수(prop)를 설정하거나 onClick에 handler만 정의해주면 알아서 적용이 돼요.

    jquery나 vanillia 처럼 id로 dom elemenet를 가져와서 dom을 직접 조작하거나

    onclick이나 addEventlisner를 해서 이벤트 핸들링을 할 필요 없이


    <Header />

    <Body onClick={handleClick}/>

    <Footer />


    이렇게 해서 쉽고 빠르게 다이나믹한 UI를 개발하게 도와주는 라이브러리에요.


    암튼 최근 트렌드가 선언형으로 ui를 만드는게 대세이니 프론트쪽 깊게하신다하면 꼭 배워두세요.

    (flutter, swift ui, andriod compose 등등)

  • 현이e
    56
    2021-05-14 14:00:34
    입문이신거 같은데 생활코딩을 보시는걸 추천합니다.
  • HJOW
    2k
    2021-05-14 14:24:20

    근데 사실 동영상을 보든 이론 책을 보든 체감은 안될 거에요.

    실제로 양쪽을 써보지 않는 이상.



    간단히는

    1. 작업량을 줄일 수 있다.

    2. 보기가 좋아 나중에 다시 찾아서 수정하기 용이하다.


    인데 왜 작업량이 줄어드는지, 왜 보기가 좋은지는 체감을 안해보면 알 수 없죠.

    양쪽 방식으로 각각 뭔가 프로젝트를 만들어 봐야...

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