JS파일과 JAVA 파일을 외부에서 사용할 때는 무조건 대문자로 시작 * r01_ClassComponent로 작성하면 외부에서 사용 불가   R01_ClassComponent로 작성하면 외부에서 사용 가능  기본html에서는 css를 적용할 때 class라는 이름을 사용하지만 React에서 작성한 html에는 css를 적용할 때 className이라는 이름을 사용 css나 다른 js 파일을 가져올 때는 import를 사용 css를 가져올 때   -> import 'css경로와 css파일명' js를 가져올 때   -> import [여기서 사용할 이름] from 'javascript파일경료/javascript파일명' 리액트는 알아서 새로고침을 주기적으로 자주 진행해줌 -> 덕분에 실시간으로 적용되는게 보임..

시간이 남아 아이디 찾기 비밀번호 찾기를 구현하려고 한다. 먼저 아이디 찾기, 비밀번호 찾기 페이지의 핵심 코드는 다음과 같다. findId.html  아이디 찾기 아이디 찾기   findPw.html 비밀번호 찾기 ..

오늘은 내가 맡은 역할 중 회원 가입 + 회원 정보 수정 중에서 마지막 파트인 회원 탈퇴를 구현하고, 이제 나머지 자투리 페이지들을 만드는 것이 목표. 일단 로그인 실행 이제 xml 파일에 다음 구문을 추가  delete from member where memberNo = #{memberNo}  그리고 MyInfo.html에서 회원 탈퇴 부분만 따로 form을 파서 버튼을 만듦  탈퇴하기  곧이어 Mapper, Service, Controller 작성 Mapper //회원 탈퇴 void deleteMember(@Param("memberNo") int memberNo);  Service //회..

이메일 인증은 저장할 요소가 아니기 때문에 Mapper가 필요하지 않고 Service에서만 구현한다. 가장 먼저 pom.xml과 application.properties에 다음 구문들을 추가 pom.xml org.springframework.boot spring-boot-starter-mail   application.properties #imap(공유하면서 저장) pop3(하나의 공간에 저장)spring.mail.host=smtp.gmail.com#이메일을 보낼 때 사용하는 포트번호 : 465 // gmail = 587spring.mail.port=587spring.mail.username=qwert850528@gmail.comspring.mail.password=yfqe h..

오늘은 ajax를 배운 겸 포기했던 아이디 중복 검사를 다시 구현하고 이메일 인증을 구현해보려고 한다. 먼저 아이디 중복 검사Controller//아이디 중복 검사@PostMapping("/checkId")@ResponseBodypublic ResponseEntity checkId(@RequestParam("memberId") String memberId) { boolean result = false; // 입력된 memberId가 비어있는지 검사 if (memberId.trim().isEmpty()) { result = false; } else { // memberId가 비어있지 않으면 서비스 계층에서 중복 여부를 확인 if (membe..

Login-Mapper.xml  select * from member where member_name = #{member_name} and member_phone = #{member_phone} update member set member_name = #{member_name}, member_phone = #{member_phone}, member_age = #{member_age} where member_id = #{member_id} delete from member where member_id = #{member_id} select * from member where member_name like '%'|| #{keyword}|| '%' or ..