자잘한 비동기 + 첨부파일

-- ① 조회수 컬럼 (DEFAULT 0 — 기존 글도 0) ALTER TABLE myboard ADD COLUMN view_count INT DEFAULT 0; -- ② 사진 컬럼 (NULL 허용 — 기존 글은 NULL) ALTER TABLE myboard ADD COLUMN photo VARCHAR(200) NULL; // com.smhrd.domain.Board — 두 필드 추가 private int viewCount; private String photo; <!-- BoardMapper.xml — 동적 SQL --> <update id="update" parameterType="com.smhrd.domain.Board"> UPDATE myboard SET title = #{title}, content = #{content} <if test="photo != null">, photo = #{photo}</if> WHERE num = #{num} </update> <update id="incrementViewCount" parameterType="int"> UPDATE myboard SET view_count = view_count + 1 WHERE num = #{num} </update> // 조회수 +1 (com.smhrd.controller) @PostMapping("/api/boards/{num}/view") public Map<String, Integer> incrementView(@PathVariable int num) { int newCount = service.incrementViewCount(num); return Map.of("viewCount", newCount); } // 첨부파일 업로드 @PostMapping("/api/boards/upload") public Map<String, String> upload(@RequestParam("file") MultipartFile file) throws IOException { String saved = UUID.randomUUID() + "_" + file.getOriginalFilename(); file.transferTo(new File("/uploads/" + saved)); return Map.of("filename", saved); } // 클라이언트 — FormData const formData = new FormData(); formData.append('file', fileInput.files[0]); fetch('/api/boards/upload', {method: 'POST', body: formData});