본문 바로가기

분류 전체보기273

[Spring] inflearn 스프링 입문 - 회원 관리 예제 - 백엔드 개발 2 회원 서비스 개발 회원 서비스 : 회원 리포지토리, 도메인을 활용해 비지니스 로직 작성 * 회원 가입 기존 : if != null 과 같이 사용 Optional 사용하면 Optional 안에 member 객체가 있음. Optional 통해 여러 메소드 사용 null 가능성 있으면 Optional로 감싸서 반환. result.get()과 같이 바로 꺼내는 것 권장하지 않음 Optional result = memberRepository.findByName(member.getName()); 과 같이 Optional 을 바로 반환하는 것 좋지 않음 memberRepository.findByName(member.getName())의 결과가 Optional이므로 바로 메소드 쓰는 것 권장 메소드 따로 빼기 extr.. 2022. 9. 9.
[Spring] inflearn 스프링 입문 - 회원 관리 예제 - 백엔드 개발 1 비지니스 요구사항 정리 컨트롤러 : 웹 MVC의 컨트롤러 역할 서비스 : 핵심 비즈니스 로직 구현 리포지토리 : 데이터베이스에 접근, 도메인 객체를 DB에 저장하고 관리 도메인 : 비즈니스 도메인 객체, 예) 회원, 주문, 쿠폰 등등 주로 데이터베이스에 저장하고 관리됨 회원 리포지토리 테스트 케이스 작성 도메인 - Member 클래스 package hello.hellospring.domain; public class Member { private Long id; private String name; public Long getId() { return id; } public void setId(Long id) { this.id = id; } public String getName() { return nam.. 2022. 9. 9.
[React] Date picker 사용하기 ( + default 값으로 오늘 날짜) 날짜 new Date(); 로 오늘 날짜 현재 시간을 구한 후 문자열로 변환해 날짜에 해당하는 부분만 슬라이싱 해 오늘 날짜를 defaultValue로 한다. saleStartDate 역시 default 값을 오늘 날짜로 한다. src/pages/SalesRegistrationPage.js const dateNow = new Date(); const today = dateNow.toISOString().slice(0, 10); const [saleStartDate, setSaleStartDate] = useState(today); Date picker src/pages/SalesRegistrationPage.js return() setSaleStartDate(e.target.value)} inputPro.. 2022. 9. 8.
[Spring] inflearn 스프링 입문 - 스프링 웹 개발 기초 3 API Controller @GetMapping("hello-string") @ResponseBody public String helloString(@RequestParam("name") String name) { return "hello " + name; // "hello spring" } @ResponseBody http body부에 data ("hello " + name) 직접 넣어주겠다. 요청한 문자가 클라이언트에 그대로 전달. 템플릿엔진과의 차이 : view 필요 없음 http://localhost:8080/hello-string?name=spring 소스 보기 하면 html 태그 없이 문자열만 보여진다. @ResponseBody 객체를 리턴 (API 방식) 객체 반환, @ResponseBody.. 2022. 9. 7.
[티스토리 코드블럭] 코드블럭 언어명 표시, 열기 닫기 버튼 HTML 태그가 끝나는 위에 붙여넣기 참고 : https://jinyh.tistory.com/entry/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-%EC%BD%94%EB%93%9C%EB%B8%94%EB%9F%AD 2022. 9. 6.
[React] 버튼 클릭 이벤트 새로운 페이지로 이동하기 (button click to new page) 새로운 페이지 만들기 src/pages/PurchasePage.js import React from "react"; const PurchasePage = () => { return PurchasePage; }; export default PurchasePage; useNavigate() 사용하기 참고 : 2022.07.20 - [javascript/React] - [React] React app - 시작 로고 페이지 만들기 (useNavigate, setTimeout()) navigateToPurchase 에서 navigate 함수를 호출해 주소를 전달한다. navigate 함수에 인자로 주소를 넣어준다. src/pages/ListProductsSalePage.js const navigate = useN.. 2022. 9. 6.