From JavaScript to React [PART 3/4]: The Road to React Without Giving Up

혹시, 리액트를 공부하다가 좌절하신 적이 있나요? 킴쌤 클래스에서는 리액트의 기초가 되는 자바스크립트를 단계적으로 학습하기 위해 바닐라 스크립트부터 자바스크립트 es6문법, 제이쿼리 등의 기본문법부터 다양한 실습예제를 통해 스크립트의 기본을 탄탄히 다진 후에 React의 다양한 문법의 이해와 실습을 통해 컴포넌트, state, 메모이제이션을 활용한 게시판과 회원기능을 구현하고 타입스크립트 문법을 익혀 ToDoList 실습예제를 제작하는 등, 포기하지 않고 리액트로 가는 길을 열어드립니다.

📚 비전공자를 위한 [자바스크립트부터 리액트까지] 부트캠프에서는 이런 것들을 배워요! 

⬆버튼 클릭시 파일 다운받기

⬆ToDoList제작

What do you learn in each course of the full-stack program for non-majors?

✔STEP01 | [HTML Starter] Bootcamp for Non-Majors[Click to go to the course]

The meaning of HTML and how to write basic code and create layouts

Web development is like creating an online store that anyone can visit. HTML stands for Hyper Text Markup Language, and you'll learn to create the basic framework by organizing the key core information that becomes the main content of web pages.

✔STEP02 | Bootcamp for Non-Majors [From CSS Styling to Animation] [Click to Go to This Course]

From the meaning of CSS and basic code writing methods to applying desired styles to HTML for web design

CSS stands for Cascading Style Sheet, where "Cascading" is a word that means hierarchical or waterfall-like. CSS literally allows you to hierarchically select parent and child relationships in HTML structure to apply desired styles, colors, shapes, and animations to desired elements, creating sheets that enable you to design web pages that are not boring but interesting and beautiful for users to view. Additionally, until you gain confidence in CSS, you build experience in creating various web designs by repeatedly coding HTML/CSS through clone designs of various real-world sites, mobile designs, and web designs.

✔STEP03 | Bootcamp for Non-Majors [From JS to React][Click to Go to Course]

Learning Vanilla Script and JavaScript ES6 Syntax and Utilizing React

Have you ever felt frustrated while studying React? In Teacher Kim's class, to systematically learn JavaScript, which is the foundation of React, we start with vanilla script, then cover JavaScript ES6 syntax, jQuery, and other basic grammar. Through various practical examples, we solidify the fundamentals of scripting. After that, we understand and practice various React syntax to implement bulletin boards and member functions using components, state, and memoization. We also learn TypeScript syntax to create ToDoList practice examples, opening the path to React without giving up.

✔STEP04 | Bootcamp for [Responsive Web Development] for Non-Majors[Click to Go to Course]

Learn to understand and use @media queries for creating responsive web designs, and master Bootstrap, a framework that makes it easy to create responsive layouts

Learn how to use Bootstrap for developing responsive web pages that adapt their layout according to different device types. This course appropriately balances theory and practice to help you understand Bootstrap's components, verify your learning through hands-on exercises, and complete the implementation of an actual responsive website.

Additionally, for those who want to create responsive websites with their own unique style instead of Bootstrap's predefined styles, we will master the practice of implementing various layouts for different devices using purely HTML/CSS/jQuery without Bootstrap through creating a Hansot Dosirak responsive website.

✔STEP05-1 | [JAVA Basics] Bootcamp for Non-Majors [Click to go to the course]

Starting with understanding and practicing the most basic grammar, then learning Java fundamentals and intermediate grammar

You will learn Java, the most fundamental language for web development backend, starting from the most basic grammar and gradually progressing to intermediate level. Through various practical examples, you will naturally acquire the ability to code the programs you want on your own.

✔STEP05-2 | Bootcamp for Non-Majors [JAVA from Basics to Advanced][Click to Go to Course]

Understanding and Practice of Java from Basics to Advanced Grammar

Java's Collection Framework is an internal library that has built-in storage classes, literally meaning collection or gathering. By learning various syntaxes that allow you to group and manage different data types in one place, and practicing diverse examples from Java basics to advanced concepts, you build a solid foundation that serves as the cornerstone for web development backend.

✔STEP05-3 | [Oracle SQL] Bootcamp for Non-Majors[Click to Go to Course]

Understanding and Practicing Databases

Learn SQL syntax and practice through CRUD operations that involve creating database (DB) tables and reading, writing, modifying, and deleting data in the database, preparing you to utilize databases for user registration, login, and bulletin board creation.

✔STEP06 | Bootcamp for Non-Majors [From JSP to SpringBoot] [Click to go to the course]

From JSP to Spring Boot

Have you ever experienced frustration while studying Spring Boot, which is currently the most widely used framework in the industry?

In Kim's class, to perfectly understand Spring Boot, we start learning from the most basic syntax of JSP, directly experiencing the evolution of backend syntax from the previous generation to the current generation, naturally acquiring concepts and usage methods, and understanding the principles of how Spring Boot, which automatically implements web development backend, operates.

Master the fundamentals for portfolio creation by thoroughly understanding ORM, JPA, basic concepts and utilization of entities, understanding Spring Security and implementing member functionality using security, practicing JUnit tests and learning how to use H2 console, and implementing a practical website with member and bulletin board features using Spring Boot, all the way to collaborating through GitHub.

✔STEP07 | Building Web Services for Real Deployment [From Hosting to AWS]

[Click to go to the course]

Complete Web Service with Hosting and AWS Deployment

Have you ever had the frustrating experience of a project you developed only running on your computer and not being able to deploy it as an actual service?

In Kim's class, we don't just stop at writing code, but learn step by step through the entire process from web hosting using Dothome to deploying projects on GIT and AWS EC2.

You can master the deployment processes essential in real-world work, including domain connection, FTP upload, deployment through GitHub, jar packaging, server configuration, image upload path specification, and uninterrupted execution using nohup.

Through this process, you'll gain experience actually launching your website to the world, building both confidence as a developer and real service operation capabilities at the same time.

Java, Object-Oriented, Government-Funded Bootcamp, Spring Boot, SJava, Object-Oriented, Government-Funded Bootcamp, Frontend, Full Stack, Backend, Java, Spring Boot, Spring, Object-Oriented, JSP, Java, Spring, Spring Boot, React, Spring Boot, Spring, Spring, Spring Boot, React, Backend, Frontend, Spring, Spring, Spring Boot, React, Backend, Frontend