react3 좋은 피자 위대한 피자 (2) (Type ORM 적용하여 entity 설정하기) 안녕하세요 반갑습니다.오늘은erd 변경사항과 수정 이유typeORM 소개 및 적용DB 관계 정의하기에 대해 알아보겠습니다.1. 같은 테이블을 바라보기 때문에 중복된 컬럼을 삭제했습니다.기존의 연결테이블입니다. 여기서 script_id는 food_id와 동일한 주문 테이블을 바라보기 때문에 food_id와 ingredient_id 를 order_id로 수정하여 컬럼이 중복되는 것을 방지하고자 수정했습니다. 수정한 테이블로 typeorm을 적용해보겠습니다. 2. TypeORM(Object Relational Mapping)이란?객체와 관계형 데이터베이스의 데이터를 자동으로 변형 및 연결하는 작업입니다.ORM을 이용한 개발은 객체와 데이터베이스의 변형에 유연하게 사용할 수 있기 때문에 이번 프로젝트에 도입하기.. 2025. 1. 16. 좋은 피자 위대한 피자 (1) (프로젝트 소개, ERD 정리) 좋은 피자 위대한 피자 레시피 검색 프로젝트 시작!안녕하세요 반갑습니다.오늘은 좋은 피자 위대한 피자 레시피 개인 프로젝트 시리즈 글을 작성하려고 합니다.저는 평소에 핸드폰 게임을 좋아하는데요, 제가 요즘에 꽂힌 피자 만들기 게임 좋은 피자 위대한 피자 입니다. 이 게임은 손님이 주문을 하면 손님의 오더에 맞게 피자를 만들어 내는 게임입니다. 하지만 게임을 진행할수록 피자 토핑의 개수, 손님의 다양한 요구를 레시피 사이트로 만들면 모르는 레시피가 나오더라도 검색해서 바로 알 수 있고 이 게임을 하는 사람들도 편하게 모르는 레시피를 검색해서 사용할 수 있겠다 하는 생각이 들어 개인 프로젝트로 진행하게 되었습니다. “중국식 돼지볶음 파이"는 놀랍게도 피자 레시피였다. 근데 이제 레시피를 알 수 없는…게임 .. 2025. 1. 6. HTML과 React의 이벤트 처리 차이점 1. 이벤트 명명 규칙HTML에서는 이벤트 속성을 소문자로 작성하지만, React에서 이벤트 이름을 카멜표기법으로 작성합니다.Click MeClick Me 2. 이벤트 핸들러 지정HTML에서 이벤트 핸들러는 문자열로 작성되거나 함수를 직접 호출하지만, React에서 이벤트 핸들러는 함수의 참조를 사용하여 함수의 이름만 넘겨서 사용하고 화살표 함수를 사용하거나 익명함수로 정의할 수 있습니다.Click Me alert('Clicked!')}>Click Me 3. 이벤트 객체HTML에서는 기본적으로 전역 이벤트 객체를 사용하기 때문에 이벤트 핸들러에서 event 객체를 받을 필요가 없지만, React에서는 SyntheticEvent라는 추상화된 이벤트 객체를 사용한다는 차이점이 있습니다.여기서 Syntheti.. 2024. 10. 18. 이전 1 다음
