Side Project(a self-imposed 3-day "Hackathon" challenge)

-
Excited to share my side project(a self-imposed 3-day "Hackathon" challenge! 🤣) built with React, TypeScript, Node.js, and Express.js!
I created this app for my wife to help her study Korean, using a custom CSV dataset I generated with Grok 3. Right now, she’s using it locally on her laptop, and it’s been a great tool for her learning journey.

If you’re interested in learning Korean in English, I think this could be a helpful resource!

Check out the GitHub repository here: https://github.com/bitcham/Korean?tab=readme-ov-file

Open to feedback! Let me know what you think.








Comments

Post a Comment

Popular posts from this blog

The problem of Data class in using JPA Entity in Kotlin

-
Image
 When I wrote this test, I expected that " DataIntegrityViolationException " is thrown. Since I put @NaturalId in email, it seemed that there was no problem. When I debugged to find out what the problem was, the member objects were successfully saved even though they had same email value. I found out it was from me poorly understanding how it works when using data class with JPA entity . This is the link:  https://github.com/spring-guides/tut-spring-boot-kotlin#persistence-with-jpa Since data class creates automatically equals/hashCode , data class's equal compares all the filed. Therefore, id value was different so it recognized they were different entities even though they were same entity.
Read more

HTTP Message Converters in Spring MVC

-
When building web applications with Spring MVC, there are times when you don’t want to generate HTML responses using view templates like Thymeleaf or JSP. Instead, you might need to work directly with JSON data in HTTP APIs, reading or writing it straight from the HTTP message body. This is where HTTP Message Converters come in handy. Let’s dive into how they work, starting with a quick recap of some fundamentals. The Role of @ResponseBody You might know the @ResponseBody annotation. Here’s how it works: When you annotate a controller method with @ResponseBody , Spring skips the usual view resolution process (handled by viewResolver ). Instead, it writes the return value directly into the HTTP response body. This is powered by HTTP Message Converters , which handle different types of data: String : Processed by StringHttpMessageConverter . Objects : Handled by MappingJackson2HttpMessageConverter (for JSON). Byte arrays : Managed by ByteArrayHttpMessageConverter , and so on....
Read more

@ModelAttribute vs @RequestBody in Validation

-
Image
1. What is @ModelAttribute? What does it do? @ModelAttribute is primarily used to bind request data like HTML form data or query parameters (e.g., ?name=abc&price=100) to objects. In other words, it converts data entered by users in forms into objects that can be easily handled by controllers. How does it work? It maps HTTP request parameters (e.g., name, price) individually to object properties on a field-by-field basis. For example, if an ItemSaveForm object has name and price fields, request parameters name="book" and price=1000 would be set as itemSaveForm.setName("book"), itemSaveForm.setPrice(1000). Important characteristic : Even if there's a problem with one field (e.g., price has an invalid value like "abc" that can't be converted to a number), the other fields (e.g., name) are still bound normally. It has a structure that can partially succeed. Advantages: Flexibility: Since it processes on a field-by-field basis, even if certain fiel...
Read more