3일차는 회원가입 폼에 들어가는 기본적인 JS 코드를 작성. //아이디 중복검사function idDupl(){ var id = $("#memberId").val(); var idRegExp = /^[a-z0-9A-Z]{5,50}$/; if(id === ""){ $("#idDupl").text("아이디를 입력해주세요.").css("color", "red"); return false; } else if(!idRegExp.test(id)){ $("#idDupl").text("잘못된 아이디 방식입니다.").css("color", "red"); return false; } else if(id === "username"){ ..

figma에서 대략적인 페이지의 모습을 구상하기로 했다. 먼저, 메인페이지를 구상했는데, 메인 페이지는 이미지 위주로 구성했으며, 각 이미지들을 클릭하면 상세정보를 볼 수 있는 페이지로 넘어가게끔 설정했다 다음은 회원가입 페이지.  메인 페이지는 푸른색 위주로 하되, 다른 페이지들은 흰색을 주 바탕으로 하기로 설정했다.    마지막으로 우리가 작성할 페이지들의 기본적인 틀을 구상.

내가 맡은 부분은 메인페이지, 회원가입, 회원정보 수정 폼 만들기, 전반적인 css를 다듬는 것으로 시작했다. notion에서의 페이지 구상은 이렇게 설계 했으며, erdCloud에서의 팀원들과 상의한 결과 DB는 다음과 같이 설계하기로 결정했다. 그리고 2일차에 figma를 활용해 대략적인 페이지의 틀을 구상해보려고 한다.

Pig-Mapper.xml select * from pigs select * from pigs where pig_id = #{pig_id}  -------------------------------------------------------------------------------------------------------------- index.html 돼지 목록 이미지 이름 상세보기 이동하기  -------------------------------------------------------------------------------------------------------..

PigControllerpackage com.khmall.controller;import java.util.List;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.web.bind.annotation.GetMapping;import org.springframework.web.bind.annotation.PathVariable;import org.springframework.web.bind.annotation.RequestMapping;import..

SCController package com.khmall.controller;import java.util.List;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.web.bind.annotation.GetMapping;import org.springframework.web.bind.annotation.PathVariable;import com.khmall.dto.SC;import com.khmall.service.SCService;import ..