감자 성장일기

- Summary - 리액트 프로젝트 설치 / 레이아웃 JSX 문법 / state / 버튼 기능 개발 / array, object state 변경 강의를 들으며 나중에 참고할 부분 따로 정리 보기 좋게 정리한다기보다 낙서하듯이 정리할 예정.. 1. 리액트 프로젝트 설치 npx create-react-app 이거 쓰려면 npm 필요한데 node.js 설치하면 따라 옴 2. vs코드에서 폴더 열기 node_modules : 라이브러리 모아둠 public : static 파일 모아둠 src : 소스코드 모아둠 - 보통 App.js에서 메인페이지 구성 package.json : 프로젝트 정보 모아둠 3. 리액트에서 레이아웃 만들 때 쓰는 JSX 문법 3개 원래 자바스크립트로 변수를 사용해 값을 넣어주려면 복잡했..

Web/FrontEnd 2023. 3. 26. 21:17

🌐 ORM : 객체 관계 맵핑 Object Relational Mapping. 자바와 같은 객체지향 언어에서 의미하는 객체와 RDB의 테이블을 자동으로 매핑하는 방법 💠 사용 장점 1. 데이터베이스 쿼리를 객체지향적으로 조작할 수 있어 개발 비용을 줄이고 가독성을 높일 수 있다. 2. 재사용, 유지보수가 편하다. 3. 데이터베이스에 대한 종속성이 줄어든다. 💠 단점 1. ORM만으로 온전한 서비스를 구현하기에 한계가 있다. (복잡한 서비스의 경우 직접 쿼리를 구현해야 할 일이 있음) 2. 애플리케이션의 객체 관점과 데이터베이스의 관계 관점의 불일치 발생 🌐 JPA : Java Persistence API. 자바 진영의 ORM 기술 표준으로 채택된 인터페이스 모음. ✅ JPA의 매커니즘을 보면 내부적으로 ..

Web/Spring 2023. 2. 22. 11:56

이동욱 님의 중 3장 JPA 공부 내용입니다 필기 노트 느낌이라 나만 알아보게 정리함.. * 중간중간 JUnit4로 작성된 부분 JUnit5로 변경해 테스트 진행함 요약 : JPA 왜 쓰는데 / JPA 어노테이션 / Setter 사용 안 함 / Repository / AfterEach (JUnit5) / H2 문법으로 쿼리문 확인 / MySQL 문법으로 쿼리문 확인 / h2 테이블 생성 에러 / JPA Auditing 상속, 1:N등 다양한 객체 모델링을 데이터베이스는 구현할 수 없다. 그러다보니 웹 애플리케이션 개발은 점점 데이터베이스 모델링에만 집중하게 된다. JPA는 이런 문제점을 해결하기 위해 등장하게 된다. ... 개발자는 객체지향적으로 프로그래밍을 하고, JPA가 이를 관계형 데이터베이스에 맞..

Web/Spring 2023. 1. 24. 12:03

설 연휴동안 보면서 공부 중.. 책은 JUnit4로 되어있는데 나는 JUnit5 사용 예정 JUnit5도 처음이고 테스트코드도 처음 작성해보는 거라 나중에 또 보려고 기록한다..... 매우 두서없고 불친절한 글이라는 뜻 Gradle 설정 dependencies { testImplementation 'org.junit.jupiter:junit-jupiter-api:5.3.1' testRuntimeOnly 'org.junit.jupiter:junit-jupiter-engine:5.3.1' } tasks.named('test') { useJUnitPlatform() } 책이 2019년에 발행된 터라 JUnit4로 되어있다.. 요즘은 JUnit5를 쓰는 게 보..

Web/Spring 2023. 1. 23. 23:27

에러 내용 Access to fetch at 'http://localhost:8080/todoapi' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. 현재 백엔드 서버와..

Web/Spring 2023. 1. 16. 22:53

지금은 2장 백엔드 개발을 공부중이다. 롬복을 이번에 처음 사용해봤는데 기본적인 어노테이션을 정리해두면 좋을 것 같아서 글을 남긴다. 먼저 어노테이션과 관련한 롬복 공식문서 주소다. https://projectlombok.org/features/ Stable projectlombok.org 교재에서 사용한 어노테이션은 총 네 가지다. @Builder @NoArgsConstructor @AllArgsConstructor @Data 지금부터 하나씩 간단하게 메모하겠다. 추가 내용이 있다면 나중에 수정될수도.. @Builder @Builder : 객체 생성을 위한 디자인 패턴 중 하나 공식문서를 살펴보면 '@Builder 어노테이션은 복잡한 Builder APIs를 제공해준다', '@Builder를 사용하면 ..

Web/Spring 2023. 1. 14. 17:36