
Next.js 시작하기
장기효(캡틴판교)
React를 시작할 때 꼭 알아야 하는 Next.js 프레임워크. 입문자 관점의 쉬운 설명과 실무자가 만족하는 심도 깊은 동작 원리 이해까지. Next.js를 한방에 해결합니다.
초급
Next.js, React, JavaScript
Basic knowledge of JavaScript required for front-end development. Explains essential knowledge that practitioners must know in an easy and fast way. Basic lecture reflecting the 2024 Hyundai front-end development trend.
JavaScript Development
JavaScript Basic Grammar
ES6+
This course will help you quickly learn the essential JavaScript fundamentals and modern syntax needed before learning frameworks like React and Vue. The course is structured so you can learn just the right amount of knowledge to develop web applications using the latest front-end frameworks. :)
Front-end development
Beginners who are just starting out
I'm not sure where to start learning FE development. How much JavaScript do I need to know?
JavaScript syntax
People who are vague and vague
I've learned React and Vue, but I don't really understand JavaScript syntax. export default
, async await
, ...
, then & catch
, () => {}
😵💫
Lexical Scope, Prototype
People who have a headache because of this
In practice, you can develop without knowing these concepts. Just learn the concepts you need in a practical way :)
Master the basics and latest JavaScript syntax needed to use the framework.
You can learn the basics of array handling, asynchronous processing, and modular grammar, which are most important in practical development.
JavaScript doesn't seem that difficult. It's simple, but I'll teach you only the essential grammar :)
Study and review with web-based teaching materials that are more extensive than the class content.
We provide website lesson plans to help you easily review what you learned in class. If you'd like to study further, you can do so for free .
The explanation is short and the practice is easy and sufficient.
No matter how simple an explanation may be, difficult things are still difficult. I'll keep my explanations brief and only cover the essential parts, then break them down into easy-to-understand code . 😄
You'll learn the most fundamental JavaScript concepts: variables, functions, loops, conditional statements, objects, and arrays. You'll also easily learn about first-class functions, one of JavaScript's most distinctive features :)
The latest syntax is designed to make existing JavaScript syntax more concise and faster to write.
Rather than simply memorizing grammar, we also explain the background of why it is written this way.
You can also learn about asynchronous processing, an important concept in JavaScript, from callbacks async, await
:)
11 years of experience as a front-end developer
Books
Corporate Lectures: Lectures for practitioners at companies such as Naver, Samsung, LG, SK, Hyundai Motor, and CJ.
Interview with "People Met by Inflearn"
Q1. This is your first free lecture on Inflearn in eight years. What prompted you to do so?
The reason I didn't create a separate JavaScript course before was because I already covered all the necessary JavaScript grammar throughout the Vue.js course roadmap . But while creating the React learning roadmap, I realized I needed a video explaining the basics and essential JavaScript grammar.
Just as I was helped by free videos like CodeSchool and Life Coding when I first started learning JavaScript, I decided to open it up for free for the developer ecosystem :)
I hope you can experience the enlightenment and fun I had with my great lectures ❤
Q2. Do I need to know HTML and CSS to take this course?
No. This course covers the basic concepts and syntax of JavaScript, so you don't need to know HTML or CSS. JavaScript has the ability to manipulate HTML and CSS, but this isn't covered in the lecture. Still, since it's free, feel free to sign up and take the class. :)
Q3. I know some JavaScript (junior, working professional). Can I join?
Yes. This is a free course, so you can just review the curriculum and learn what you need. If you already know basic grammar like variables, functions, conditionals, and arrays, you'll gain a lot from exploring the latest ES6+ grammar and asynchronous processing. :)
Q4. After taking this lecture, what would be a good next lecture to take?
I recommend taking either the React Learning Roadmap or the Vue Learning Roadmap , following the learning roadmaps provided on the course introduction page. If you're learning development for employment, I recommend the Learning Roadmap. If you're pursuing a personal business or product development, I recommend choosing the courses that best suit your needs from the full course list. :)
Q5. I would like to hear more in-depth information.
Amazing JavaScript is named after the Amazing Spiderman series. Just as there are multiple Spiderman films , we plan to film follow-up lectures on JavaScript at introductory, practical, and application levels . Your support and encouragement will help us deliver content faster, so please take the lectures and leave a review. :)
Operating System and Version (OS): I will be using a Mac in this course, but I will also cover all Windows-related shortcuts.
Tools used: Classes are taught using only the Chrome browser without installing separate development tools.
We provide web-based textbooks and blogs that allow you to learn more in a fun way than what you learn in class.
We also provide many free educational videos that help you easily learn the content mentioned throughout the class 🎁
This is the best course for those who have experience programming in other languages such as C, Java, or Python.
Who is this course right for?
Front-end development beginner
Developers interested in JavaScript
48,013
Learners
4,651
Reviews
3,812
Answers
4.9
Rating
17
Courses
인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙
📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳
All
42 lectures ∙ (2hr 56min)
All
129 reviews
4.9
129 reviews
Free
Check out other courses by the instructor!
Explore other courses in the same field!