우리는 Calisthenics 입니다!

객체와 관계형 데이터베이스의 차이 상속 객체는 상속관계가 있지만, 관계형 연관관계 객체는 reference를 가지고 있다. 관계형 데이터 데이터 타입 데이터 식별 방법 JPA Java Persistence API Java ORM 표준 ORM Object-Relational Mapping(객체 관계 매핑) 객체와 RDB를 ORM 프레임워크가 중간에서 매핑 객체는 객체대로 설계, RDB는 RDB대로 설계 JPA를 사용해야 하는 이유 객체 중심으로의 개발 생산성 유지보수 패러다임 불일치 해결 성능 지연 로딩과 즉시 로딩 지연 로딩: 객체가 실제 사용될 때 로딩 즉시 로딩: JOIN SQL로 한번에 연관된 객체까지 미리 조회 hibernate.hbm2ddl.auto 속성 운영 장비에는 절대 create, cre..

대부분의 웹사이트에서 사용자는 비밀번호를 수정하거나, 로그인을 한 경우에 메인화면으로 자동으로 이동하게 되어집니다. 항상 좋은 UX를 위해, 특정한 action 이후에 필요한 페이지로 이동시켜줘야합니다. 그렇다면, 이러한 페이지 이동을 React로 어떻게 구현 할까요? 바로, react-router를 이용하면 됩니다. 저도 공식문서를 참고해서 방법을 찾았습니다. React Router: Declarative Routing for React Learn once, Route Anywhere reactrouter.com React 16.8이상 버전부터 사용가능한 useHistory hook을 이용해서 간편하게 페이지 이동을 할 수 있습니다. [예시 코드] import { useHistory } from "re..

웹사이트를 개발하다보면 사용자들이 가장 많이 사용하는 것은 페이지 맨 위에 있는 navbar라고 할 수 있습니다. 오늘은 이 navbar를 만드는 과정에서 position: fixed를 부여했을 때, 그 밑에 있는 div의 내용이 겹쳐 보이는 상황을 해결하는 방법을 알려드리려고 합니다! 문제 해결방법 결과