Spring Web Project Learning with Code - Basic
zk202308a5410
What if you need to study Spring Legacy projects? What if you want to create XML configurations one by one?
초급
Spring, mybatis, JSP
Learning React 19 with Code and Spring Boot API Server
Complete a project integrating an API server built with Spring Boot (Spring Boot ver3.4.x) and React 19 (with TypeScript)! Apply a front-end to your backend portfolio! A course designed for working professionals (not for beginners).
(4.7) 116 reviews
1,453 learners
Level Intermediate
Course period Unlimited
웹개발
웹개발
책
책
저자 직강
저자 직강
실습 중심
실습 중심
React
React
TypeScript
TypeScript
Spring Boot
Spring Boot
JPA
JPA
JWT
JWT
웹개발
웹개발
책
책
저자 직강
저자 직강
실습 중심
실습 중심
React
React
TypeScript
TypeScript
Spring Boot
Spring Boot
JPA
JPA
JWT
JWT
Reviews from Early Learners
Reviews from Early Learners
4.7
5.0
minho.ha
31% enrolled
It would be really helpful if you explained the actual project in order while coding it. My skills just can't keep up with it. Hahahahahaha
5.0
원데이
30% enrolled
I think this kind of lecture is really helpful for practical work. The tips and information from the instructor's experience were also good. The depth of each technology in the lecture seems a bit shallow due to the nature of the lecture, but it is easy to understand if you search or refer to a book. However, I think it might be a bit difficult for developers in those years.
5.0
b0i4s
18% enrolled
In these times when it's not enough to just do front and back, I've always wanted to vaguely create front and back separately and create a normal integrated project once. I think this is a really good lecture for those who are curious about the integration of both sides with one main, not those who only know one side. I didn't buy the book, but I think the lecture is sufficient. However, I think it would be possible to reduce the time spent looking it up again if you study it with the book. For your reference, both React and Spring require some prior knowledge, but since these are contents that can be learned in just a week, I think this will be a good lecture for those who are even a little interested in full stack. Thank you for the great lecture.
What you will gain after the course
React Development Process
API server development
JWT authentication processing
Redux Toolkit
React Query
Zustand
Todo Example
In React projects, React-Router is used to handle navigation to different screens based on the URL in the address bar.
You can set up a common layout and use `
` to configure screens appropriate for each module. などを利用して各モジュールに合った画面を構成できます。 để cấu trúc giao diện phù hợp với từng module. Routing configuration can be organized into separate files for easy maintenance.
Learn how to design and use custom hooks to reduce redundant code.
Product Example
/builder/270c9a0a-4465-40d4-ae8c-b666ff2df3f0/0067.jpg?f=avif "0067.jpg")
You can directly complete file upload, the upload process, and modal handling for processing results.
Login/Social Login Processing, Shopping Cart Implementation
/builder/0e558177-1e32-40ce-9ce8-86c82ac122af/0060.jpg?f=avif "0060.jpg")
Implement authentication processing through login handling and social login.
We'll manage login state using RTK (Redux Toolkit) and use cookies in the browser to remember login information.
We'll look at how to create Access Tokens and Refresh Tokens using JWT and apply them to the project.
In the final chapter, we'll convert examples written using React Query and Zustand.
Recommended for
these people
Who is this course right for?
People who want to create an API server
People who are wondering how to apply React syntax
Need to know before starting?
JavaScript
Spring
Web Programming
2,209
Learners
161
Reviews
287
Answers
4.8
Rating
5
Courses
Gumonggage Coding Team is a community established in 2015 for people working in development-related fields to gather.
The lectures are currently being conducted by Manager Cookie, who is the operator of the Guman-gage Coding Group.
I began my career in development in 2000 and have experience working across venture companies, SMEs, large corporations, and as a freelancer.
Since the 2010s, I have been primarily focusing on corporate training and consulting.
I have development experience with corporations, large enterprises, and as a freelancer. Since the 2010s, my primary focus has been on corporate training and consulting. Naver Cafe
Major Publications
Spring Web Project Learned Through Code
Learning Spring Boot Through Code
Learning React through Code
Implementation of RESTful API Server
Spring 6 Legacy Project
Java Web Development Workbook
React Native in Action (Translation)
Development/Lecturing
Worked at Samsung SDS Development Team
Worked at SK Customer Happiness Co., Ltd.
Corporate lectures for companies including KT, SK, POSDATA, Kyobo Life, Shinsegae, Asiana, National Health Insurance Service, and more.
Curriculum
All
98 lectures ∙ (21hr 54min)
Course Materials:
Lecture resources
4. React-Router 설정
18:56
5. 공통레이아웃설정
07:59
6. Todo 레이아웃
16:48
8. 동적처리
05:49
11. 부트 프로젝트 생성 및 확인
14:23
12. 엔티티 클래스 만들기
15:02
13. 엔티티의 테스트
15:28
14. 목록(페이징)처리 구현
12:50
15. Querydsl설정하기
11:56
17. 서비스계층 만들기
11:44
18. 페이지처리를 위한 DTO설계
25:37
19. Querydsl 검색처리
18:43
Published:
Last updated:
Reviews
All
116 reviews
4.7
116 reviews
- greatha
Reviews 2
∙
Average Rating 5.0
withoutthemReviews 13
∙
Average Rating 4.8
4
16% enrolledIf you have some knowledge, it's comfortable to listen to. However, there are many codes(?) that reflect personal styles, such as visually checking by printing logs in the unit test code, or calling repo.save in the modify method, so it seems difficult for beginners to properly integrate it to their own style. If you have enough knowledge to filter out and absorb things like "There are people who write this way, Oh, that looks good," it's a pretty good lecture for review.
- zk202308a5410Instructor
If it is a normal creation situation, there is no need to save( ) when modifying (dirty checking) For dirty checking, the entity object must be guaranteed to be persistent. However, sometimes when working with other developers, I see code like the following. @Transactional // User entity unrelated to the persistence context connected to the transaction boundary public void saveRefreshToken(User user, String newRefreshToken) { ... user.setRefreshToken(newRefreshToken); ... } In this case, the User object is not subject to dirty checking. I thought that using save( ) to prepare for these situations is not an anti-pattern. -------------------------- ChatGPT Spring Data JPA provides two main approaches to changing the state of an entity: change detection (dirty checking) and using the save() method. Each method can be used appropriately depending on the specific situation. Below, I will explain the pros and cons of each method and their use cases. --------------------. Conclusion Which method to use depends on the situation. Change detection is suitable for simple and small transactions, and explicit save method (save()) is suitable for large transactions with clear and complex business logic. In practice, the two methods are usually used interchangeably. Change detection is used for simple CRUD operations, and when complex business logic is required, the save() method is used to explicitly manage it.
Oh, there are situations like that too. I'm learning again. Thank you.
- windguy19995381
Reviews 1
∙
Average Rating 5.0
5
30% enrolledI think this kind of lecture is really helpful for practical work. The tips and information from the instructor's experience were also good. The depth of each technology in the lecture seems a bit shallow due to the nature of the lecture, but it is easy to understand if you search or refer to a book. However, I think it might be a bit difficult for developers in those years.
- zk202308a5410Instructor
Thank you for understanding the intention of the production. As you said, there were some limitations in explaining the basic parts. However, I boldly reduced it to this extent, thinking of it as a project in practice.. If you post questions through Cafe or Infraon during the remaining period of study, I will help you as much as I know.
- insoobaek
Reviews 4
∙
Average Rating 5.0
5
18% enrolledIn these times when it's not enough to just do front and back, I've always wanted to vaguely create front and back separately and create a normal integrated project once. I think this is a really good lecture for those who are curious about the integration of both sides with one main, not those who only know one side. I didn't buy the book, but I think the lecture is sufficient. However, I think it would be possible to reduce the time spent looking it up again if you study it with the book. For your reference, both React and Spring require some prior knowledge, but since these are contents that can be learned in just a week, I think this will be a good lecture for those who are even a little interested in full stack. Thank you for the great lecture.
- zk202308a5410Instructor
Thank you for fully understanding the intention of the production. I hope the remaining lectures will be helpful to you. Thank you.
- feelsagood
Reviews 1
∙
Average Rating 5.0
$59.40
zk202308a5410's other courses
Check out other courses by the instructor!
Similar courses
Explore other courses in the same field!
![[Renewal] Building a Restaurant Map App (React Native & NestJS)강의 썸네일](https://cdn.inflearn.com/public/files/courses/332375/cover/01k3x8ecea6jym1d28qcc6zcds?f=avif&w=420)
