본문 바로가기

분류 전체보기

(99)
[React] Git Bash를 이용하여 리엑트 실행 및 리엑트 파일 만들기 1. Node.js 설치 https://nodejs.org/en Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. Yarn 설치 https://classic.yarnpkg.com/en/docs/install#windows-stable Yarn Fast, reliable, and secure dependency management. classic.yarnpkg.com 3. Vscode 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor ..
[React] 리엑트 파일 생성 에러(npx create-react-app 설치 에러) $ npx create-react-app start-react start-react라는 파일을 생성하려는데 자꾸 이러한 에러가 날 때 두가지 방법이 있다. npm ERR! code ENOENT npm ERR! syscall lstat npm ERR! path C:\Users\aaa\AppData\Roaming\npm npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\kkddy\AppData\Roaming\npm' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete..
[Datatables.js] Datatables 이용하여 테이블 만들기(사용법) 1. https://datatables.net/ - css/js 등 필요한 파일 연결 2. table 하나 그린 뒤 (스크립트 작성) 테이블 만들기 회원번호 이메일 이름 전화번호 3. Controller - 해당 페이지 연결 - 페이징 처리 포함하여 데이터 넘겨주기 (Ajax) : PageRequest - 몇 페이지, 한 페이지의 사이즈, Sorting 방법(Option)을 가지고, Repository에 Paging을 요청할 때 사용하는 것 - PageRequest의 생성에는 찾을 page와 한 페이지의 size를 필수 인자로 받는다. - Repository에서 findAll 메서드를 살펴보면 위와 같이 Pageable을 인자로 줄 수 있다. PageRequest는 Pageable 클래스를 impleme..
[JPA] JPA 페이징 처리 하기 (타임리프 기반) 총 페이지 버튼이 화면에 10개씩 보이게 하고, 10이거나 10을 넘어갈 경우 다음 버튼이 생기며, 10을 넘어갈 경우 이전버튼이 생겨 각각의 화면의 페이지 첫번째 버튼으로 이동 하기 1. @PageableDefaualt @PageableDefaualt(sort={"id"}, size=10, direction=Sort.Direction.ASC - sort={"id"} : 해당 id를 기준으로 - size=10 : 한 화면에 10개 정보씩 - direction=Sort.Direction.ASC : 오름차순(내림차순) 정렬 2. Controller - (@PageableDefault(sort = { "id" }, size = 10, direction = Sort.Direction.ASC) Pageable p..
[Thymeleaf] header footer side 나누기 (타임리프 기반) 1. 타임리프와 레이아웃을 위한 Dependency gradle에 추가 implementation 'org.springframework.boot:spring-boot-starter-thymeleaf' implementation 'nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect:3.0.0' 2. 각각 footer.html, header.html, side.html 에 원하는 UI를 코딩 3. layout.html을 만들어 공통적으로 사용하는 레이아웃 만듬 -- : ~{경로 :: 템플릿조각 이름}와 같이 사용하면 된다. (ex) th:fragment="footerFragment" -> 템플릿조각이름 : footerFragment) -- 공통 레이아웃 : layout:f..
[Database] 인텔리제이IntelliJ AWS Database 설정 방법 Name : 원하는 이름 설정 Host : aws 앤드포인트 포트 : aws 포트 User : 아이디 Password : 비밀번호 -> Test Connection 후 OK
[DataBase] 각 DataBase 각각 컬럼별 연결 ex) - Faqboard에 필드 생성시 이를 추가 @ManyToOne @JoinColumn(name = "member_id") private Member member; -> create table aaa.FAQBOARD ( BOARD_ID bigint not null primary key, CONTENT varchar(255) null, QUESTION_ANSWER_ID bigint null, READ_COUNT bigint null, SUBJECT varchar(255) null, WRITE_DATE varchar(255) null, MEMBER_ID bigint null, constraint FK2dsfds..
[JPA DataBase] JPA를 이용하여 테이블 만들기 (application.yml) spring: jpa: show-sql: true #hibernate가 만들어준 SQL을 로그에서 보려면 true로 설정 defer-datasource-initialization: true #true로 세팅하면 하이버네이트 초기화 전에 쿼리가 실행되면서 데이터를 생성 generate-ddl: true #spring.jpa.hibernate.ddl-auto 속성을 사용할지 말지를 결정하는 옵션 #기본값이 false이기 JPA에 의한 자동초기화기능을 사용하려면 true로 바꾸고 사용 #true를 할 경우 실제 운영중인 디비에서는 테이블이 자동생성되어 다 덮어씌어져버려서 기존 테이블들을 없애거나 업데이트 시켜버림 hibernate: ddl-auto: none # update:기존의 스키마 유지하며 JPA에 의..