21일차라고 적기는 했지만 사실은 그동안 메인페이지 css 위주로 해서 적을 게 없었다. 최근에 팀원들의 코드랑 합쳐서 대대적으로 css가 깨지거나 경로 오류가 발생했다. 대표적으로 메인페이지에서   각 요소들을 클릭하면 해당 게시물 또는 상세보기 페이지로 가야하는데 이동하지 않는 이슈가 발생. 알고보니  //갤러리 게시물로 가기const handleRowClick = (gallery) => { navigate(`/galleryBoard/${gallery.gbPostNo}`, { state: { list:gallery } });};//굿즈 상세보기로 가기const handleRowClick = (goods) => { navigate(`/goodsDetail/${goods.goodsNo}`, {..

Repository에 다음 구문을 추가package com.kh.repository;import java.util.List;import org.springframework.data.jpa.repository.JpaRepository;import org.springframework.stereotype.Repository;import com.kh.dto.Chicken;@Repository //mybatis, mapper 두 가지를 설정, Repository랑 mapper는 interfacepublic interface ChickenRepository extends JpaRepository{ //검색은 sql문이 예외적이므로 필수로 작성해줘야함 List findByChickenNameContainingIgno..

삭제, 수정 기능 Controller에 다음 문구들 추가@PutMapping("{id}")public Chicken updateChicken(@PathVariable("id") Integer id, @RequestBody Chicken chicken) { System.out.println(chicken); return chickenService.updateChicken(id, chicken);}@DeleteMapping("{id}")public void deleteChicken(@PathVariable("id") Integer id) { chickenService.deleteChicken(id);}  Service에 다음 문구들 추가//수정하기public Chicken updateChic..

오늘은 날씨 위젯을 완성시키기. 우선 날씨 위젯에서 오늘 포함 5일간의 일기예보를 보여주도록 표시하기위해 요일 계산기를 만들었다. 먼저 기존의 미래날짜 계산기에서 length를 3에서 5로 변경const futureDates = Array.from({ length: 5 }, (_, i) => new Date(current + oneDay * i).toISOString().slice(0, 10) + DesiredTime); 그리고 저기서 생성된 5개의 날짜를 전달 받아 요일로 변환해주는 함수//요일 계산const getDayOfWeek = (dateStr) => { const daysOfWeek = ["일", "월", "화", "수", "목", "금", "토"]; const date = n..

ChickenList.js에서 상세보기 버튼을 추가해서 각 치킨마다 상세보기 페이지로 이동하도록 하기 java Controller에서 다음 구문을 추가@GetMapping("/{id}")public Chicken getChickenById(@PathVariable("id") Integer id) { return chickenService.findById(id);} 그리고 useNavigate 함수를 사용const navigate = useNavigate();//중략 {chicken.chickenName} {chicken.description} ₩{chicken.price}원 navigate(`/chicken-detail/${chicken.id}`) } ..

application.properties는 평소대로 작성하되, 추가로 2개 구문 추가spring.application.name=JPA_Chickenserver.port=9090spring.datasource.url=jdbc:mysql://localhost:3306/KH_WORKBOOKspring.datasource.username=rootspring.datasource.password=kh1234spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver# mysql 자동으로 테이블을 생성해주는 설정spring.jpa.hibernate.ddl-auto=update#sql에서 자동으로 생성이 되고 쿼리가 실행이 잘 되는지 보기spring.jpa.show-sq..