[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
코드캠프
10분만에 바이브코딩으로 만들 수 있는 단순한 서비스는 이제 버리세요! '진짜' 실무적용 바이브코딩을 배울 수 있습니다. 기획과 디자인대로 실서비스 수준의 고도화된 서비스를 커서AI NCOP로 만들어보시죠. No Code, Only Prompt
중급이상
React, Next.js, cursor
This course will help you develop mobile apps that can be serviced on Android and iOS using web development.
Expo framework
Basic React Native
Webview and React/Next integration
Smartphone Function and Permission Integration (Alarm, Location, System, etc.)
Designing a Stable Hybrid App (Micro Frontend)
⭐ Web Developer Salary Increase Project ⭐
Grow into an 'app developer' by utilizing web development skills as is
The goal is to provide essential web developer courses that will help web developers easily develop their capabilities.
Developers have homework to continuously develop their capabilities. I also do the same homework every day, and I tried to reduce your trial and error even a little. Thank you for always following along.
9 years of experience as a full-stack web developer, hybrid app developer,
As a representative instructor of the boot camp , I have researched how to easily develop the skills of web developers .
We reveal the core contents and practical code that can help you grow easily and quickly as a hybrid app developer.
Then see you in class!
Cross-platform hybrid app development is a technology that creates apps that run on various operating systems (Android, iOS, etc.) using web code . Normally, when creating an app, you have to develop it separately in different programming languages and environments for each operating system, but with cross-platform and hybrid app technology, you can use React.js and Next.js , which are used on the web, by developing the app only once and using them on various operating systems.
Representative frameworks include React.Native and Flutter, but unfortunately, these technologies require complex environment settings and a lot of additional learning.
However, Expo is a very efficient framework that allows development without complex environment settings.
Expo is a tool and service that helps you develop mobile apps (Android, iOS) easily and quickly using React Native and web technologies.
Originally, if you wanted to develop an app using only React Native, developers had to create complex settings and build the environment themselves. However, Expo sets up the environment in advance and prepares the necessary functions, so developers can focus only on the app's functions and design, making it very easy to create a hybrid app!
There are three main reasons why Expo is effective.
1⃣ Available on multiple platforms with web code
Expo saves you time and money by allowing you to build apps that run on both Android and iPhone with a single development.
2⃣ Simple and quick start
Expo provides a pre-built environment so you can build apps right away without any complicated setup.
3⃣ Easy testing and sharing
You can easily test your app on an actual smartphone and see the results in real time. In particular, you can easily share the app with your friends or colleagues to test it too.
In fact, I made it so that it would be a must-take lecture for anyone who has ever learned React or Next ! It is a way to easily grow with the technologies we already know.
For those who want to learn app development easily by utilizing their web development knowledge
Anyone with an interest and passion for app development for personal monetization
Raise your salary or
Web developer looking for a career change
This course is not just about covering simple webview content! It is filled with much more detailed and essential content . It covers everything you need to know for app development, from Device APIs that use mobile features to efficient mobile UI design, page animations, and more.
[Course Objectives]
Ability to develop IOS/AOS apps using web technology as is
Ability to design for and support a wide range of device sizes and the overall Expo framework.
Ability to understand and leverage data linking methods between the web and apps
Ability to utilize a variety of native features such as location, alarms, and cameras
Ability to understand app login and apply it to enhance security
Ability to consider scalability and separate domains between menus
1. Hybrid App_Expo
2. Mobile UI Design
3. Device API design
4. Mobile System Functions
5. Mobile alarm function
6. App Permissions
7. Photo enlargement and pinch zoom
8. Android Back Button
9. Page transition animation
10. App Login
11. Refresh the list
12. Micro Frontend
Check out the detailed content covered in the lecture.
It's filled with systematic yet essential content 😀
React Native and Expo
Emulators and Simulators
React Native Tags
WebView and Next integration
Responding to WebView connection failure
Mobile UI Design and Hybrid App Advantages
Increase mobile UI ratio
Mobile layout header
Local Header and Options Deep Dive
Mobile Layout Footer
Debugging WebView
Device and WebView Data Transfer
Device API
Device System Information API
Device Location API
Refactoring device object lookups
Notification Process
Schedule Notification
Click on the notification
Setting app permissions
Detect app status
android back button
useEffect and memory leaks/custom hooks
View original photo
Pinch zoom
Page transition animation
Page transition animation (back)
App Login
Stealing app login tokens
pull-to-refresh
Micro Frontend Web
Connecting Micro Frontend Apps
Schedule Alarm
Android back button (double click to exit)
Page transition animation
pull-to-refresh
This course requires prior knowledge of Javascript and React.js or Next.js! But don't worry.
Regardless of your level, we provide separate content on core Javascript and Next.js that you need to complete this course! Check out what each content provides!
Template Literals
Objects and brackets (access/creation)
Structural decomposition allocation
SetTimeout
Ternary operator
Arrow functions and return omission
Spread Operator / REST Parameters
Early-Exit
addEventListener
Optional Chaining
JSON.stringify / JSON.parse
switch
Delete and retrieve object keys
Promise
async / await
shorthand-property
Decomposition and initialization of structure allocation
setInterval / clearInterval
querySelctor
accessToken / refreshToken
HOF
Fragment
useState
useEffect
props
children
Conditional Rendering
usePathname
use client
Dynamic routing / useParams
Link
prevState
use server
useRef
Custom Hook
useRouter(router.push)
useRouter(router.back)
App Router / Page Router
Webpack
I have organized the keywords and course reviews I have received from Professor Noh Won-du.
Grow as an app developer with Noh Won-du through this course 🚀
#Friendly lecture
#scrupulous
#Strong breath
#Fit in the ears
#real developer
#Mentor's mentor
#coffeebeans
#LikeLike
⭐ ⭐ ⭐ ⭐ ⭐ Author: SS
If you are afraid of other lectures that use difficult terms in a concise manner, don't miss Noh Won-du's high quality lectures!
⭐ ⭐ ⭐ ⭐ ⭐ Author: alopp
I really love you, Noh Won-du!
It's really great because everything is really concentrated.
⭐ ⭐ ⭐ ⭐ ⭐ Author: blank
It seems like a really good lecture. It's a detailed and condensed lecture from the basics to advanced levels, so it's easy to understand on your own!
⭐ ⭐ ⭐ ⭐ ⭐ Author: Kim Dong-eun
Mr. Noh Won always improves the curriculum by providing the most necessary skills, and examples based on practical experience make it easy to understand.
This course is optimized for those with basic knowledge of React.js or Next.js.
However, since each instructor has a different style of explanation and may have different methods of writing code, we provide supplementary videos of not only Noh Won-du's Javascript but also the core content of Next for more efficient learning. Since the lecture itself is friendly and systematic, you can learn without difficulty.
Since Mr. Noh Won-du uses a Mac , the lecture was conducted based on Mac .
Due to the nature of hybrid apps, if you have a Mac and an iPhone, you can implement both Android/IOS and test them through a simulator. If you have a Windows computer and an Android phone, you can only test Android. If you want to test IOS, you don't need a Mac, but you need at least an IOS operating system.
The content and practical examples in this lecture are based on 'Solo Trip', which was developed by Noh Won-du as a hybrid app and distributed as a real service. 'Solo Trip' is currently being updated and is not in service, but it will be reopened soon by introducing a new project. The entire curriculum has been created with content that can be used as a real service right away.
Who is this course right for?
For those who want to easily develop apps with basic web development skills.
Anyone with React/Next experience who wants to try developing hybrid apps
A web developer who wants to increase their salary by becoming an app developer.
For those who want to create a hybrid app development portfolio.
Need to know before starting?
React.js Basics
Next.js Basics
Web Development Basics
15,195
Learners
414
Reviews
214
Answers
4.8
Rating
14
Courses
"Try anything, Try everything!"
코드캠프는 유능한 개발자를 양성하며 개발의 미래를 바꾸고자 하는 목표를 가지고 있습니다. 사회적, 경제적, 교육적 배경에 상관없이 누구에게나 커리어 전환의 기회를 제공하기 위해 인프런에 나타났답니다. 코캠과 함께 커리어 점프에 도전하세요!
All
96 lectures ∙ (33hr 23min)
Course Materials:
$37.40
Check out other courses by the instructor!
Explore other courses in the same field!