러닝패스

React 기본기 패스, 미니 프로젝트 2개

멤버십
시리즈
⚡ 6시간이면 이런걸 할 수 있어요!
입문자 기준으로 꼭 알아야 하는 리액트의 기본을 한 번에 정리해요
최신 버전의 리액트를 배워요
2개의 미니 프로젝트를 통해 실전감각도 익혀요
학습 시간을 줄였어요!
6시간
핵심 콘텐츠만 선별했어요!
18개 콘텐츠
이 분들은 꼭 보세요.
프론트엔드 개발 입문자
미리 알고 있어야 해요.
기본적인 HTML, CSS, JavaScript
이 러닝패스가 어떠신가요?
(내 보관함에서 다시 볼 수 있어요)
소프트웨어 개발 언어세계에서 자바스크립트는 여전히 가장 인기있는 언어 중 하나입니다. 그에 따라 Angular, Vue, jQuery, Ember, Gatsby, Bootstrap 등등 자바스크립트 프레임워크, 라이브러리 또한 계속해서 발전해가는 중이고, 그 종류도 다양합니다. 근데 하필 왜 리액트(React)일까요? 2021년 최신 통계에 따르면, 리액트가 지난 해, 전 세계 수백만명의 개발자들로부터 오랫동안 사용되어왔던 jQuery를 제치고, 웹 프레임워크(라이브러리)로서 가장 많이 사용되는 언어로 1등을 차지했습니다. 비율로 따지면, 통계의 응답자 수 기준, 무려 전체 개발자 4명 중 1명이 원하는 라이브러리인겁니다. 프론트엔드 개발자로 취업을 원하는 여러분들에게 위 사실만으로 리액트를 배울만한 충분한 이유가 될 수도 있지만, 한 발 더 나아가, 리액트가 '기술적으로' 어떤 기능과 편의들을 제공하는지, 본 러닝패스를 통해 조금이나마 직접 느껴보실 수 있기를 바랍니다. 이번 러닝패스는 리액트의 근간이 되는 기초 개념과 기술들을 중심으로 학습노트가 구성되며, 두 개의 미니 프로젝트가 포함되어 있습니다. 신입 개발자로서 리액트에 대해 알아야 할 최소한의 지식으로 보시면 좋을 거 같습니다.
NOTE
현대의 크고 복잡한 많은 웹사이트들이 리액트로 구현되어 있는 것을 쉽게 발견할 수 있습니다. 리액트(또는 리액트와 비슷한 기능과 환경을 제공하는 라이브러리 또는 프레임워크)로 구현되어 있는 '페이스북'의 한 웹페이지를 기준으로 복잡한 수 많은 코드들이 리액트를 통해 어떻게 개선되는지 직접 확인해보겠습니다.
Video
React - 1. 수업소개
출처: https://youtu.be/XMb0w3KMw00
테크주니어 님의 학습노트 외 2개
NOTE
리액트에서 컴포넌트는 가장 중요한 개념 중 하나 입니다. 이전 학습노트에서 컴포넌트의 효용을 설명하기 위해 컴포넌트를 가정한 html 코드로 설명을 했었는데요. 이번 영상에서는 조금 더 범위를 넓혀, state, virtual DOM 등 컴포넌트와 관련한 리액트의 다른 중요한 개념들을 가볍게 짚고 넘어가보겠습니다.
Video
What Is React (React js) & Why Is It So Popular?
출처: https://youtu.be/N3AkSS5hXMA
테크주니어 님의 학습노트 외 3개
테크주니어님의 멤버십 전용 콘텐츠에요.
지금 가입하고 큐레이터의 꿀팁을 확인하세요!
멤버십 가입하기
이미 멤버십 회원이라면 로그인하세요.
👋 다양한 인사이트를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기