Everyone who has completed their introduction to React

Now it's an advanced process 💪

타입스크립트 100% 활용 풀스탭 개발 프로젝트

▶ Full staff development project using 100% TypeScript

Following on from the first introductory class to web development and the second introductory class to React, in this third class, we have prepared a full-stack development class using 100% TypeScript for junior developers. This class goes one step further from the basics of React and includes everything from type checking using TypeScript, definition and implementation of RPC, authentication, login, and sessions.

TypeScript

Do I have to learn?

React 프로젝트에 Typescript 환경 설정하기(❌CRA)

Recently, I see most web developer job postings asking for TypeScript development experience. What is TypeScript and why is it needed? Let me start with the bottom line

Using TypeScript makes your development 'much' easier

I think a lot of people think TypeScript is a completely different language. So I think the first thing to do is learn TypeScript after mastering JavaScript. though TypeScript isn't a new language for us. Especially for those of you who have learned JavaScript.

Edit Image Info

In literal translation of what is defined on the TypeScript official site, TypeScript is described as JavaScript with syntax for types. The sentence is awkward, right? Simply put, TypeScript is a language that is 100% compatible with JavaScript, It includes all the features of JavaScript, yet has many improvements for developers.

One of the biggest features is that when you use TypeScript, you specify the type in the code and generate an error in variables or functions that do not match the type. Get rid of bugs in advanceI will.

100% TypeScript

We'll show you how to use it Edit Image Info

This class directly implements the required functionality using only a minimum number of external modules. Instead of learning how to use a popular library, I think about how that library works internally.

This class creates an SNS service from beginning to end. What is an example of a completed service rink You can check it out here. However, this example is literally just one example. Throughout the course, all code is written to be easy to maintain. After completing the class New features can be implemented with just a few simple lines of code, and deployed with a single command execution. Create and run your own service!

📝 Data provision

The code for every chapter is provided on Github or as a zip file.

Curriculum preview

📍 Express, React, TypeScript

Edit Image Info

The backend is based on Express and the front end is based on React, all of which use TypeScript. In various parts of the app Make the most of TypeScript to write easy-to-maintain code. If you have type crying, you will be treated with shock therapy in this class.

📍 RPC implementation

Use Typescript's type checking to directly implement an IDE-friendly communication protocol.

📍 OAuth2

Edit Image Info

After understanding the OAuth2 protocol, a request is sent directly to the Kakao server without a library to implement login with Kakao. I'll even try to manage sessions myself.

📍 Database integration+AWS deployment

Install MariaDB (MySQL) and write queries. The finished app is deployed through AWS, and the build and deployment are automated through shell scripts.

If you've made it this far, congratulations. You've taken the first step for full-stack web developers!

Let me tell you something as important as the tech stack.

Edit Image Info

Trends change endlessly, and new technology is pouring in every day. And it's impossible for a single developer to master every framework that exists in the world. What really matters to developers is not just a technology stack, I have the ability to fundamentally understand and apply programming. And this class makes it easy for you to learn how to use a new framework/library The focus is on building basic competencies.

Let's get started with a full-stack development project using TypeScript!

Class lab environment

Basically, it is based on Windows 10, but since there are no operating system-dependent chapters, you can use other operating systems such as macOS.
There are no IDE-dependent chapters, so you can use programs you are familiar with, such as vscode, WebStorm, and IntelliJ.

[React Deepening] Full-stack development project using 100% TypeScript

[React Deepening] Full-stack development project using 100% TypeScript