그냥 블로그

1. Back-End (JavaSpringBoot) table column 여기서 user_id, email, name, birth_date, phone_number, 대표 계좌를 보내는 API를 만들거다. Domain  이미 사용되고 있는 Entity 이기 때문에 기존에 작성되어 있던 UserDomain을 사용한다 '-^b Repository userId로 정보를 받아오는 findI()를 작성한다.  @Query(value = "select * from user where user_id = ?1", nativeQuery = true) User find(String userId);  Dto userDto 변경없이 사용 ~.~ Service 추가 uerId로 user정보를 찾기. findById..

기존에 프로젝트에서 각종 금융 상품 정보를 불러오는 API가 없었고, 웹 버전을 제작하면서 필요하게 되어서 직접 짜봄... 일단 JSP를 거의 모르고 코드만 대충 읽어서 보수하는 수준이었기 때문에 새로 짜려면 여러가지 알아야 했다.  1. DB 추가 JSP에 ddl-auto가 되어 있지만 어떻게 쓰는지 모르기 때문에 직접 추가해 줌. CREATE TABLE walfi.product_info( 상품명 varchar(100) NOT NULL, 기본금리 float NOT NULL, 우대금리 float NOT NULL, 가입최대기간 INT NOT NULL);// PK 설정 안해줘서 ALTER TABLE walfi.product_info ADD constraint pk_product_infoproduct_..

1. Recoil Recoil을 사용하면 atoms에서 selectors를 거쳐 React 컴포넌트로 내려가는 data-flow graph를 만들 수 있다. Atoms는 컴포넌트가 subscribe할 수 있는 state의 단위이며, selectors는 atoms의 상태값을 동기 또는 비동기 방식을 통해 변환한다.  Atom state에 대한 정보를 나타내는 객체,key : atom을 식별하는데 사용되는 고유한 문자열, 어플리케이션 전체에서 다른 atom과 selecor에 대해 고유함.default : atom의 초깃값 또는 Promisee 또는 동일한 타입의 값을 나타내는 다른 atom이나 selector. function atom({ key: string, default: T | Promise | ..

JSP 폴더 구조와 기능 API를 추가해야 하기 때문에, JSP의 폴더구조를 한 번 파악해야 할 것 같다... 우리 프로젝트는 계층형 구조로 되어 있음. 스프링 부트 1. 용어 정리DAODAO(Data Access Object)는 데이터 베이스에 접근하기 위한 객체. DataBase에 접근하기 위한 로직 & 비지니스 로직 분리를 위해 사용 DTODTO(Data Transfer Object)는 계층 간 데이터 교환을 하기 위해 사용하는 객체로, DTO는 로직을 가지지 않는 순수한 데이터 객체(getter & setter 만 가진 클래스) VOVO(Value Object)는 값 오브젝트로써 값을 위해 쓰인다. read-Only 특징(사용하는 도중에 변경 불가능하고, 오기 읽기만 가능)을 갖고 있다.=> DT..

메타 데이터란 ?메타데이터는 웹페이지에 대한 추가 세부정보를 제공한다. 페이지 방문자에게는 메타데이터가 표시되지 않지만, 페이지의 HTML, 일반적으로  요소 내에 삽입되어 뒤에서 작동한다. 검색 엔진 및 기타 시스템에 중요하다. 왜 중요할까?메타데이터는 SEO 향상에 중요한 역할을 한다. 적절한 메타데이터는 검색 엔진이 웹 페이지를 효과적으로 색인화해 검색 결과에서 순위를 높이는 데 도움이 된다.  메타 데이터 유형Title Metadata : 브라우저 탭에 표시되는 웹 페이지 제목을 담당한다. Page Title 설명 메타 데이터 : 이 메타데이터는 웹 페이지 콘텐츠에 대한 간략한 개요를 제공하며 검색 엔진 결과에 자주 표시된다. 키워드 메타 데이터 : 웹페이지 콘텐츠와 관련된 키웓드가 포함되어 있어..

https://nextjs.org/learn/dashboard-app/adding-search-and-pagination Learn Next.js: Adding Search and Pagination | Next.jsAdd search and pagination to your dashboard application using Next.js APIs.nextjs.org 검색 및 페이지 매김 추가URL 검색 매개변수를 사용하는 이유북마크 가능 및 공유 가능 URL 서버 측 렌더링 및 초기 로드 : URL 매개 변수를 서버에서 직접 사용해 초기 상태 렌더링 가능 -> 서버 렌더링 더 쉽게 처리 + 서버에서 웹 페이지의 초기 로드 시점에 클라이언트의 요청 URL을 분석하고 그에 따라 적절한 데이터를 미리 준비하..