
실무 중심! FE 입문자를 위한 React
IT Share
강의를 모두 듣고 나면, 스스로 하나의 웹서비스를 개발할 수 있는 역량을 갖게 됩니다.
초급
React, Node.js, Redux
앱 개발을 하고 싶은데 어디서부터 시작해야될 지 막막하신 분들을 위해 준비했습니다. 이 강의로 그 고민, 이젠 끝내세요!





엔테크서비스
임직원들도 이 강의를 듣고 있어요!





엔테크서비스
임직원들도 이 강의를 듣고 있어요!
먼저 경험한 수강생들의 후기
5.0
동우
재미있고 기초를 다지기에 아주좋은강의입니다
5.0
cutestar72
react native를 접해 보고자 하는 입문자에게는 어렵지 않게 잘 설명해 주신 것 같습니다. 잘 들었습니다.
5.0
anfgk
저는 웹프론트엔드 취업준비하다가 앱개발에도 관심이 생겨 듣게 되었는데 강의 내용이 너무너무 좋았고 처음 해보는데도 정말 쉽게 설명해주셔서 금방 간단한 ui정도는 만들 수 있었습니다. 그런데 앱 관련 설치할때 좀 더 자세히 설명해주셨으면 좋겠습니다ㅠㅠ 생각보다 앱설치를 애를 먹어서 너무 힘들었어요ㅠㅠ 그래도 무료로 좋은 강의 올려주셔서 감사합니다!
Javascript ES6 기초 문법
React 기초 문법
React Native 시작하기
React Native 작동 원리
Styled Components
React Native 기본 컴포넌트
ㄱ무료 강의로 돌아왔습니다.
그냥 살펴만 보셔도 괜찮습니다. 일단 한번 시도부터 해보시죠.
100% 무료로 여러분들이 앱 개발 분야에 뛰어드실 수 있도록 알려드리겠습니다.
React Native를 사용하는 가장 큰 이유들을 한번 정리해 봤어요
🏢 토X, 배X의 민족, 인스타그램 등 전세계 1,000여개 이상의 대기업이 사용하는 React Native
ㅣ 크로스 플랫폼이란? Android, iOS 모두를 한번의 코드로 개발할 수 있는 기술
🔯 크로스 플랫폼인 React Native => 가장 빠르고 손쉽게 두 OS 개발 가능
🕸 Github와 Stack Overflow에서 활발하게 활동하는 10,000여명 이상의 개발자
🔭 대규모 커뮤니티의 지원 => 다양하게 업데이트되는 플러그인, 기능
🔥 독점적인 핫 리로딩 기능: 개발 중 코드를 수정할 때마다 즉각적으로 변경사항 확인 가능
🛠 MVP(최소 기능 제품)에 유용
🔧 네이티브 컴포넌트를 사용 => 뛰어난 성능
🔗 JS로 작성된 코드가 네이티브 API와 직접 상호작용 => 성능 저하 X
⚽ 애니메이션, 제스처 처리에서 탁월한 성능 발휘 => 매끄러운 사용자 경험 구현
이 강의를 공개하기 전, 저는 인프런에서 무료 React Native 앱 개발 강의가 없다는 것을 확인했습니다. 빅테크 기업 Meta에서 개발한 React Native 무료 강의가 없다는 것은 앱 개발을 시작하시려는 분들에게 더 큰 어려움을 가져다주는 것이라고 생각하였습니다.
강의에서 "이렇게 하면 이렇게 된다"라고만 알려드리면 실습 위주의 수업이어도 쓸모가 없습니다.
실전에서 어디에서 써먹어야 할지, 진짜 앱에서 어느 기능으로 많이 쓰이는 지
실무에서 100% 활용할 수 있게 알려드립니다.
이 강의는 React Native의 실전 스킬들을 알려드리는 강의이지만,
수강 난이도는 입문입니다. 그만큼 JS부터 TS, React.js의 개념도 확실히 알려드리고 React Native로 넘어갑니다. 전혀 모르는 상태이셔도 모든 개념을 이해하실 수 있게 개념을 확실히 알려드립니다.
섹션별로 강의를 간단하게 소개해 보았어요
약 1시간 5분
- 변수, 함수 등 기본적인 코딩 지식 설명
- Javascript 살펴보기
- 총 20가지 이상의 예제를 통한 학습
- React Native 개발에 앞서 꼭 알아야 될 필수지식 공부
- Typescript의 개념
- JS VS TS
- TS를 왜 써야 하는가?
- TS를 바라보는 올바른 자세
⚪ React.js 첫 프로젝트
📱 실전 웹앱 개발
📕 useState 완벽 이해
✴ 논리적 구현
🔨 console.log를 통한 테스팅 중심 개발
🟦 Node.js의 개념
🏃➡️ Node.js의 기능
🟦 NPM, NPX의 개념
🏃➡️ NPM, NPX의 기능
⚔ NPM VS NPX?? (NPM-NPX의 관계)
🟦 React Native의 개념
🏃 React Native 개발 환경 설정
🛫 앱 시작 방법 (with Typescript)
🎨 styled-components
🗂 폴더/파일 구조 분석
🧑💻 기본 컴포넌트 & 스킬
🐈⬛ github 배포
네. 가능합니다. 이 강의는 React Native 한 분야에 심화적으로 중점을 둔 강의가 아닌, 기본적인 프로그래밍 관련 상식을 누구보다 쉽게 알려드리므로 코딩을 처음 접하시는 분들도 큰 어려움 없이 강의를 수강하실 수 있고, 코딩 공부를 조금이라도 해보셨다면 강의를 수월하게 들을 수 있으실겁니다.
아니요. 이 강의에서는 그 어떠한 선수지식이라도 필요치 않습니다.
네. 업데이트됩니다.
라이브러리 폐지, 강의 이슈 등에 따라서 강의는 계속해서 업데이트됩니다!
강의는 Windows 11 Home 환경으로 진행됩니다.
macOS를 사용하고 계셔도 강의를 문제없이 들으실 수 있습니다.
운영 체제 및 버전(OS): Windows 7 이상 / macOS 10 이상 / Linux
사용 도구: Android Emulator, Android Studio, VSCode, Node.js, JDK
필요 저장공간: 최소 10GB
이 강의는 JS부터 React를 지나 궁극적으로 React Native를 배우는 강의입니다.
기초부터 시작하는 강의이므로 선수지식은 전혀 필요 없습니다.
이 강의는 2025년 2월~2025년 5월에 기획하고 녹화하였습니다.
이 강의는 여러분들의 수강평 및 React Native 버전 업데이트에 따라 꾸준히 업데이트됩니다.
실습하면서 강의를 들어주시면 감사하겠습니다.
본 강의는 질의응답을 지원하며, 커뮤니티에 궁금한 것을 질문해주시면 됩니다.
공유 및 2차 창작은 금지입니다.
본 강의는 Windows(Android) 환경을 사용합니다.
macOS(iOS) 환경에서도 충분히 실습 가능합니다.
학습 대상은
누구일까요?
앱 개발자로 취업하고 싶으신 분들
아이디어는 있는데 어디서부터 시작해야 할지 막막하신 분들
취미 또는 사이드 프로젝트로 앱 개발을 시작해보고 싶으신 분들
앱 개발은 해보고 싶은데, 당장 뭐부터 시작해야 될지 모르시는 분들
전체
37개 ∙ (3시간 18분)
3. Javascript란?
05:47
4. Javascript 시작하기
12:02
5. [변수] 변수란?
01:47
6. [변수] 변수의 사용
04:54
7. [함수] 함수란?
01:49
8. [함수] 함수의 사용
08:42
9. [연산자] 연산자란?
00:37
10. [연산자] 연산자의 사용
07:43
11. [연산자] 연산자의 활용법
01:03
15. if문과 삼항 연산자
08:46
16. Typescript란?
01:48
18. [타입] 타입이란?
04:17
19. [타입] 타입의 사용
02:09
전체
22개
지식공유자님의 다른 강의를 만나보세요!
같은 분야의 다른 강의를 만나보세요!