Spring Boot (프로젝트)17 [쇼핑몰 프로젝트] 4. Spring Boot, 엔티티 기본 설정 JPA는 자바의 클래스와 엔티티인 관계형 DB의 테이블을 매칭시키는 JAVA 진영의 ORM 기술 표준이다. JPA 기초 설정 1. Application.yml yaml(yml) 파일은 Yaml Ain't Markup Lanuage 라는 직역하면, YAML은 마크업 언어가 아니다 라는 뜻을 가지고 있다. 이는 핵심이 마크업이 아니라 데이터가 중심이라는 것을 보여주기 위해 저 뜻이 되어 버렸다. # properties 예시 server.url=127.0.0.1 server.port=8080 # yaml 예시 server: url: 127.0.0.1 port: 8080 위의 예시에서 보았듯이 코드의 중복을 최소화하고, 가독성을 크게 증가시킨 계층식 구조를 가지고 있다. properties는 유사한 속성.. 2023. 11. 6. [쇼핑몰 프로젝트] 3. ERD 기획 쇼핑몰 프로젝트에서는 Spring Data JPA를 사용하기 때문에 ORM, JPA에 대한 개념과 활용법을 먼저 공부해야 한다. ORM (Object Relational Mapping) 애플리케이션의 class 파일과 RDB(관계형 DB)의 테이블을 매핑한다는 뜻이며, 기술적으로는 애플리케이션의 객체를 RDB 테이블에 자동적으로 영속화 해주는 것이다. 장점 SQL문이 아닌 Method를 통해 DB를 조작할 수 있어, 객체 모델을 이용하여 비즈니스 로직을 구성하는데만 집중할 수 있다. Query와 같이 필요한 선언문, 할당 등의 부수적인 코드가 줄어들어 객체에 대한 코드를 별도로 작성하여 코드의 가독성을 높인다. 객체지향적인 코드 작성이 가능하다. 오직 객체지향적 접근만 고려하면 되기 때문에 생산성 증가 .. 2023. 11. 6. [쇼핑몰 프로젝트] 2. 리액트 화면 구현 피그마를 리액트로 옮기는 과정에서 생각보다 시간이 많이 걸린다는 것을 느꼈다. 그래도 하나하나 페이지를 완성해나가면서 프론트에 대해서 익힐 수 있어서 좋다고 생각하며 개발 중이다. 리액트 화면 구현 리액트를 시작하기에 앞서 리액트와 JavaScript의 활용법과 장점들을 공부하고 가면 좋겠어서 아래 링크에 새로 리액트와 JavaScript에 대한 정보를 적어 놓았다. https://hoozy.tistory.com/entry/React-%EB%B0%8F-JS-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%B0%8F-JS-%EC%A0%95%EB%B3%B4%EC%99%80-%ED%99%9C%EC%9A%A9%EB%B2%95 홈페이지 쇼핑몰 프로젝트의 메인 페이지로, 한 페이지당 6개의 상품을 제공하고.. 2023. 10. 29. [쇼핑몰 프로젝트] 1. 페이지 기획(feat. 피그마) 피그마에 대해서 처음 사용해보며 처음에는 복잡하고 어렵지만, 사용하다보니 html과 css를 직접 작성하며 페이지를 구현하는 것 보다 훨씬 빠르고 협업에도 좋은 기능들이 많아 매우 좋았다. 피그마(Figma) 피그마는 온라인에서 사용할 수 있는 디자인 툴이며, UX/UI 디자인 및 프로토타입 제작을 위한 기능들을 제공한다. 웹/앱/인터페이스 디자인 등 다양한 분야에서 사용되며, 디자인과 개발 과정에서 필요한 여러 협업 기능을 제공한다. 피그마를 사용하는 이유 피그마는 다른 디자인 툴과 비교해 협업 기능이 매우 강화되어 있어 디자이너, 마케터, 개발자 간에 더욱 활발한 소통이 가능하게 만들어준다. 핸드오프 기능 디자인 단계에서 개발 단계로 전달하는 과정을 핸드오프라고 한다. 피그마는 피그마 하나로 디자인,.. 2023. 10. 28. 이전 1 2 3 4 5 다음
