🛒 상품 추가기능 1 (Map 자료형)

✅ 어떤 기능을 만드는 것인가?

• 사용자가 상품 이름과 가격을 입력해 서버로 전송
• 서버는 데이터를 검사 후 DB에 안전하게 저장
• 이후 상품 목록 페이지로 리다이렉트

---

👉 왜 이걸 배워야 하지?

모든 웹서비스는 결국 데이터 추가/저장 기능이 핵심입니다.
상품 추가는 곧 게시판 글 추가와 비슷하며, 이 과정을 알면 CRUD(Create, Read, Update, Delete)의 C(Create)를 직접 구현할 수 있습니다.

---

📚 개념 정리

키워드	설명
@GetMapping	특정 URL 접속 시 HTML 페이지 반환
@PostMapping	HTML Form이나 Ajax에서 전송된 데이터 처리
@RequestParam	유저가 보낸 데이터를 파라미터로 받아옴
redirect:	요청 처리 후 특정 페이지로 이동시킴
Map	key-value 구조로 데이터 저장하는 자료형
HashMap	Map의 대표적인 구현체

---

⚙️ 구현 흐름 및 코드

1. 글 작성 페이지 만들기 (write.html)

<form action="/add" method="POST">
  <input name="title">
  <input name="price">
  <button type="submit">상품 추가</button>
</form>

• name 속성이 중요 → 서버에서 이 이름으로 데이터 받음
• action="/add" : 데이터를 보낼 서버 URL 지정
• method="POST" : POST 방식으로 데이터 전송

---

2. 글 작성 페이지 보여주는 API

@GetMapping("/write")
String write() {
  return "write.html";
}

• 사용자가 /write 접속하면 write.html을 보여줌

---

3. 서버에서 데이터 받기

@PostMapping("/add")
String writePost(@RequestParam String title,
                 @RequestParam Integer price) {
    System.out.println("상품명: " + title);
    System.out.println("가격: " + price);
    return "redirect:/list";
}

• @RequestParam : 사용자가 입력한 데이터를 그대로 변수에 담아줌
• DB에 저장하는 로직을 추가하면 완성
• redirect:/list → 저장 후 상품 목록 페이지로 이동

---

4. Map으로 데이터 한 번에 받기

@PostMapping("/add")
String writePost(@RequestParam Map<String, Object> formData) {
    System.out.println(formData);
    return "redirect:/list";
}

• Map을 활용하면 입력값이 많을 때 일일이 변수 선언하지 않아도 됨
• formData.get("title") 처럼 꺼내 사용 가능

---

💡 이런 곳에 활용할 수 있어요

• 쇼핑몰 상품 추가
• 게시판 글 작성
• 회원가입 기능 구현
• 댓글 작성

---

✍️ 개인 정리 및 회고

• 결국 웹의 본질 = 데이터 주고받기
• POST 요청과 @RequestParam만 이해해도 CRUD 절반은 클리어
• 이제 DB 연결만 붙이면 바로 실전 코드 가능

---

🔑 오늘 배운 핵심 3줄 요약

1. Form → action + method로 서버에 데이터 전송
2. 서버는 @PostMapping, @RequestParam으로 데이터 받음
3. 받은 데이터는 DB 저장 후 redirect:/목록 으로 이동

---