\uc548\ub155\ud558\uc138\uc694! \uc624\ub298\uc740 \uc2a4\ud504\ub9c1 \ubd80\ud2b8<\/strong>\ub97c \uc0ac\uc6a9\ud558\uc5ec \ube14\ub85c\uadf8\uc758 \ubc31\uc5d4\ub4dc \uac1c\ubc1c\uc744 \ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \uc774 \uac15\uc88c\uc5d0\uc11c\ub294 \ube14\ub85c\uadf8\uc758 \uae30\ubcf8\uc801\uc778 \ud654\uba74 \uad6c\uc131\uc744 \uc704\ud55c \uc608\uc81c\ub97c \ub2e4\ub8f0 \uc608\uc815\uc774\uba70, \uc2e4\uc2b5\uc744 \ud1b5\ud574 \uc2a4\ud504\ub9c1 \ubd80\ud2b8\uc640 \ud0c0\uc784\ub9ac\ud504<\/strong>\ub97c \ud65c\uc6a9\ud558\ub294 \ubc29\ubc95\uc744 \ud568\uaed8 \ubc30\uc6b0\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n \ud0c0\uc784\ub9ac\ud504(Thymeleaf)\ub294 \uc790\ubc14\uc5d0\uc11c \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \ubdf0\ub97c \uc791\uc131\ud558\uae30 \uc704\ud55c \ud15c\ud50c\ub9bf \uc5d4\uc9c4\uc785\ub2c8\ub2e4. HTML\uc744 \uae30\ubc18\uc73c\ub85c \ud558\uba70, JSP\uc640 \ube44\uc2b7\ud55c \uc5ed\ud560\uc744 \uc218\ud589\ud558\uc9c0\ub9cc, \ub354 \ub9ce\uc740 \uae30\ub2a5\uacfc \uc720\uc5f0\uc131\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \ud0c0\uc784\ub9ac\ud504\uc758 \uc7a5\uc810 \uc911 \uc77c\ubd80\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\n \uba3c\uc800, \uc2a4\ud504\ub9c1 \ubd80\ud2b8 \ud504\ub85c\uc81d\ud2b8\ub97c \uc124\uc815\ud558\ub294 \ubc29\ubc95\uc744 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. IntelliJ IDEA \ub610\ub294 Spring Initializr\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc0c8 \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud558\uba74 \uae30\ubcf8\uc801\uc778 \ud30c\uc77c \uad6c\uc870\uac00 \uc0dd\uc131\ub429\ub2c8\ub2e4. \uc774 \uad6c\uc870\ub97c \uc774\ud574\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4.<\/p>\n \uc774\ubc88 \ube14\ub85c\uadf8 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c\ub294 \uae30\ubcf8\uc801\uc73c\ub85c \ud3ec\uc2a4\ud2b8(Post) \ubaa8\ub378\uc744 \uc124\uc815\ud558\uaca0\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c\uacfc \uac19\uc740 \ub2e8\uacc4\ub97c \ud1b5\ud574 \ud3ec\uc2a4\ud2b8 \ubaa8\ub378\uc744 \uc815\uc758\ud569\ub2c8\ub2e4.<\/p>\n H2 \ub370\uc774\ud130\ubca0\uc774\uc2a4\ub97c \uc0ac\uc6a9\ud558\uc5ec \uac04\ub2e8\ud558\uac8c \ub370\uc774\ud130\ub97c \uc800\uc7a5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. JPA\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc640\uc758 \uc0c1\ud638\uc791\uc6a9\uc744 \uc27d\uac8c \ud558\uae30 \uc704\ud574 Repository \uc778\ud130\ud398\uc774\uc2a4\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4.<\/p>\n \uc11c\ube44\uc2a4 \ud074\ub798\uc2a4\ub294 \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1\uc744 \ucc98\ub9ac\ud558\ub294 \uacf3\uc785\ub2c8\ub2e4. \ud3ec\uc2a4\ud2b8\uc5d0 \ub300\ud55c CRUD \uae30\ub2a5\uc744 \ud3ec\ud568\uc2dc\ud0b5\ub2c8\ub2e4.<\/p>\n \uc2a4\ud504\ub9c1 MVC\uc758 \ucee8\ud2b8\ub864\ub7ec\ub97c \ud1b5\ud574 \uc6f9 \uc694\uccad\uc744 \ucc98\ub9ac\ud569\ub2c8\ub2e4. \ud3ec\uc2a4\ud2b8\uc758 \ubaa9\ub85d\uc744 \ubc18\ud658\ud558\uace0, \ud3ec\uc2a4\ud2b8\ub97c \ucd94\uac00\ud558\ub294 \uba54\uc18c\ub4dc \ub4f1\uc744 \ud3ec\ud568\ud569\ub2c8\ub2e4.<\/p>\n \ub9c8\uc9c0\ub9c9\uc73c\ub85c, \ube14\ub85c\uadf8\uc758 \ud654\uba74\uc744 \uad6c\uc131\ud558\uae30 \uc704\ud574 \ud0c0\uc784\ub9ac\ud504 \ud15c\ud50c\ub9bf \ud30c\uc77c\uc744 \uc0dd\uc131\ud558\uaca0\uc2b5\ub2c8\ub2e4. \uae30\ubcf8 HTML \ud30c\uc77c\uc744 \uc791\uc131\ud558\uace0 \ub370\uc774\ud130\ub97c \ucd9c\ub825\ud558\ub294 \ubc29\ubc95\uc744 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n \uc774\ubc88 \uac15\uc88c\uc5d0\uc11c\ub294 \uc2a4\ud504\ub9c1 \ubd80\ud2b8\ub97c \uc774\uc6a9\ud55c \ubc31\uc5d4\ub4dc \uac1c\ubc1c\uacfc \ud0c0\uc784\ub9ac\ud504\ub97c \ud65c\uc6a9\ud55c \uac04\ub2e8\ud55c \ube14\ub85c\uadf8 \ud654\uba74 \uad6c\uc131\uc744 \uc0b4\ud3b4\ubcf4\uc558\uc2b5\ub2c8\ub2e4. \uc774\ubc88 \uc608\uc81c\ub97c \ud1b5\ud574 \uc2a4\ud504\ub9c1 \ubd80\ud2b8\uc758 \uae30\ubcf8\uc801\uc778 \uc791\ub3d9 \ubc29\uc2dd\uc744 \uc774\ud574\ud558\uace0, \ud0c0\uc784\ub9ac\ud504\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub3d9\uc801\uc778 \uc6f9 \ud398\uc774\uc9c0\ub97c \ub9cc\ub4dc\ub294 \ubc29\ubc95\uc744 \uc775\ud790 \uc218 \uc788\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n \ub354 \ub098\uc544\uac00, \uc774 \uc608\uc81c\ub97c \uae30\ubc18\uc73c\ub85c \ub2e4\uc591\ud55c \uae30\ub2a5\uc744 \ucd94\uac00\ud558\uac70\ub098, \ub2e4\ub978 \ub514\uc790\uc778 \ud328\ud134\uc744 \uc801\uc6a9\ud574\ubcf4\uc138\uc694. \uc2a4\ud504\ub9c1 \ubd80\ud2b8\uc640 \ud0c0\uc784\ub9ac\ud504\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc2e4\uc81c \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c\ud558\ub294 \uacfc\uc815\uc5d0\uc11c \ub9ce\uc740 \uac83\uc744 \ubc30\uc6b0\uac8c \ub420 \uac83\uc785\ub2c8\ub2e4.<\/p>\n \uac10\uc0ac\ud569\ub2c8\ub2e4!<\/p>\n <\/body><\/p>\n","protected":false},"excerpt":{"rendered":"\uac15\uc88c \ubaa9\ud45c<\/h2>\n
\n
\uc0ac\uc804 \uc9c0\uc2dd: \ud0c0\uc784\ub9ac\ud504<\/h2>\n
\n
\uc2a4\ud504\ub9c1 \ubd80\ud2b8 \ud504\ub85c\uc81d\ud2b8 \uc124\uc815\ud558\uae30<\/h2>\n
1. Spring Initializr \uc811\uc18d: https:\/\/start.spring.io\/\n2. Project: Gradle Project \uc120\ud0dd\n3. Language: Java \uc120\ud0dd\n4. Spring Boot: 2.5.4 \uc774\uc0c1\uc758 \ubc84\uc804 \uc120\ud0dd\n5. Project Metadata \uc785\ub825:\n - Group: com.example\n - Artifact: blog\n6. Dependencies \ucd94\uac00:\n - Spring Web\n - Spring Data JPA\n - H2 Database\n - Thymeleaf\n7. Generate \ud074\ub9ad\ud558\uc5ec \ud504\ub85c\uc81d\ud2b8 \ub2e4\uc6b4\ub85c\ub4dc<\/code><\/pre>\n\ud504\ub85c\uc81d\ud2b8 \uad6c\uc870<\/h3>\n
\n
src\/main\/java<\/code>: \uc790\ubc14 \uc18c\uc2a4 \ucf54\ub4dc\uac00 \uc704\uce58\ud558\ub294 \ud3f4\ub354\uc785\ub2c8\ub2e4.<\/li>\nsrc\/main\/resources<\/code>: \uc815\uc801 \ub9ac\uc18c\uc2a4 \ubc0f \ud15c\ud50c\ub9bf \ud30c\uc77c\uc774 \uc704\uce58\ud558\uba70, application.properties \ud30c\uc77c\uc774 \ud3ec\ud568\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\nsrc\/test\/java<\/code>: \ud14c\uc2a4\ud2b8 \ucf54\ub4dc\uac00 \uc704\uce58\ud558\ub294 \ud3f4\ub354\uc785\ub2c8\ub2e4.<\/li>\n<\/ul>\n\ube14\ub85c\uadf8 \ubaa8\ub378 \uc124\uc815<\/h2>\n
package com.example.blog.model;\n\nimport javax.persistence.*;\n\n@Entity\npublic class Post {\n @Id\n @GeneratedValue(strategy = GenerationType.IDENTITY)\n private Long id;\n\n private String title;\n private String content;\n\n \/\/ \uc0dd\uc131\uc790, \uac8c\ud130, \uc138\ud130\n public Post() {}\n\n public Post(String title, String content) {\n this.title = title;\n this.content = content;\n }\n\n public Long getId() {\n return id;\n }\n\n public void setId(Long id) {\n this.id = id;\n }\n\n public String getTitle() {\n return title;\n }\n\n public void setTitle(String title) {\n this.title = title;\n }\n\n public String getContent() {\n return content;\n }\n\n public void setContent(String content) {\n this.content = content;\n }\n}<\/code><\/pre>\n\ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc124\uc815<\/h2>\n
application.properties<\/code> \ud30c\uc77c\uc5d0\uc11c \ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc124\uc815\uc744 \ub2e4\uc74c\uacfc \uac19\uc774 \ud569\ub2c8\ub2e4.<\/p>\nspring.h2.console.enabled=true\nspring.datasource.url=jdbc:h2:mem:testdb\nspring.datasource.driverClassName=org.h2.Driver\nspring.datasource.username=sa\nspring.datasource.password=password\nspring.jpa.database-platform=org.hibernate.dialect.H2Dialect<\/code><\/pre>\n\ub808\ud3ec\uc9c0\ud1a0\ub9ac \uc778\ud130\ud398\uc774\uc2a4 \uc0dd\uc131<\/h2>\n
package com.example.blog.repository;\n\nimport com.example.blog.model.Post;\nimport org.springframework.data.jpa.repository.JpaRepository;\n\npublic interface PostRepository extends JpaRepository\uc11c\ube44\uc2a4 \ud074\ub798\uc2a4 \uc0dd\uc131<\/h2>\n
package com.example.blog.service;\n\nimport com.example.blog.model.Post;\nimport com.example.blog.repository.PostRepository;\nimport org.springframework.beans.factory.annotation.Autowired;\nimport org.springframework.stereotype.Service;\n\nimport java.util.List;\n\n@Service\npublic class PostService {\n @Autowired\n private PostRepository postRepository;\n\n public List\ucee8\ud2b8\ub864\ub7ec \ud074\ub798\uc2a4 \uc0dd\uc131<\/h2>\n
package com.example.blog.controller;\n\nimport com.example.blog.model.Post;\nimport com.example.blog.service.PostService;\nimport org.springframework.beans.factory.annotation.Autowired;\nimport org.springframework.stereotype.Controller;\nimport org.springframework.ui.Model;\nimport org.springframework.web.bind.annotation.GetMapping;\nimport org.springframework.web.bind.annotation.ModelAttribute;\nimport org.springframework.web.bind.annotation.PostMapping;\n\n@Controller\npublic class PostController {\n @Autowired\n private PostService postService;\n\n @GetMapping(\"\/\")\n public String listPosts(Model model) {\n model.addAttribute(\"posts\", postService.findAll());\n return \"post\/list\";\n }\n\n @GetMapping(\"\/post\/new\")\n public String createPostForm(Model model) {\n model.addAttribute(\"post\", new Post());\n return \"post\/create\";\n }\n\n @PostMapping(\"\/post\")\n public String savePost(@ModelAttribute Post post) {\n postService.save(post);\n return \"redirect:\/\";\n }\n}<\/code><\/pre>\n\ud0c0\uc784\ub9ac\ud504 \ud15c\ud50c\ub9bf \uc0dd\uc131<\/h2>\n
\ud3ec\uc2a4\ud2b8 \ubaa9\ub85d \ud654\uba74<\/h3>\n
<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n <title>\ube14\ub85c\uadf8 \ud3ec\uc2a4\ud2b8 \ubaa9\ub85d<\/title>\n<\/head>\n<body>\n <h1>\ube14\ub85c\uadf8 \ud3ec\uc2a4\ud2b8<\/h1>\n <a href=\"@{\/post\/new}\">\uc0c8 \ud3ec\uc2a4\ud2b8 \ucd94\uac00<\/a>\n <ul>\n <li th:each=\"post : ${posts}\">\n <a th:href=\"@{\/post\/{id}(id=${post.id})}\">\n <span th:text=\"${post.title}\"><\/span><\/a>\n <\/li>\n <\/ul>\n<\/body>\n<\/html><\/code><\/pre>\n\ud3ec\uc2a4\ud2b8 \uc791\uc131 \ud654\uba74<\/h3>\n
<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n <title>\uc0c8 \ud3ec\uc2a4\ud2b8 \uc791\uc131<\/title>\n<\/head>\n<body>\n <h1>\uc0c8 \ud3ec\uc2a4\ud2b8 \uc791\uc131<\/h1>\n <form action=\"#\" th:action=\"@{\/post}\" th:object=\"${post}\" method=\"post\">\n <label for=\"title\">\uc81c\ubaa9:<\/label>\n <input type=\"text\" id=\"title\" th:field=\"*{title}\" required\/>\n <br\/>\n <label for=\"content\">\ub0b4\uc6a9:<\/label>\n <textarea id=\"content\" th:field=\"*{content}\" required><\/textarea>\n <br\/>\n <button type=\"submit\">\uc791\uc131\ud558\uae30<\/button>\n <\/form>\n <a href=\"@{\/}\">\ubaa9\ub85d\uc73c\ub85c \ub3cc\uc544\uac00\uae30<\/a>\n<\/body>\n<\/html><\/code><\/pre>\n\uacb0\ub860<\/h2>\n