전체 글 18

Next.js 설치 , Next.js 구조 Layout.tsx, page.tsx 역할

https://nextjs.org/docs Introduction | Next.jsWelcome to the Next.js Documentation.nextjs.orgNext란?Next는 폴더를 사용해서 라우트를 정의하는 파일 시스템 기반의 라우터입니다 app 폴더 => 루트 path 를 가리킨다.하위 폴더는 다음 부터 URL path에 매핑 되는 걸 보여줍니다.최상위 폴더 Root Segment최하위 폴더 Leaf Segment root path 접근 했을 경우  app폴더에 하위 page.js 가 보여지게 된다.dashboard 접근 했을 경우 하위 page.js 보여지게 된다. analytics 폴더에 하위 페이지가 없을경우 보여지는 페이지가 없다.(ex. 아래 이미지 참고)  아래는 dashboa..

IT개발자/Next.js 2025.03.14

오라클 Oracle 시퀀스 생성 방법 , 조회, 삭제

오라클 시퀀스 생성 CREATESEQUENCE seq_{table_name} START WITH 1 // =>시작값MINVALUE 1 // =>최솟값MAXVALUE 9999 // => 최대값INCREMENT BY 1 // => 증가값 NOCACHE //=> CACHE를 사용할지 여부NOCYCLE // => 최댓값 도달시 시작값 부터 다시 반복NOORDER // => 요청순서대로 값을 생성할지 여부 시퀀스 조회SELECT SEQUENCE_NAMEFROM USER_SEQUENCES;​ 시퀀스 삭제DROP SEQUENCE {sequence_name} 시퀀스 사용시 아래처럼 INSERT 하여 가져오기INSER..

MVC2 - URL

단순한 URL@{/hello} => /hello 쿼리파라미터@{/hello(param1=${param1}, param2 =${param2})}=> /hello?param1=data1&param2=data2()에 있는 부분은 쿼리 파라미터로 처리된다. 경로변수@{/hello/{param1}/{param2}(param1=${param1}, param2=${param2})}=>/hello/data1/data2URL 경로상에 변수가 있으면 () 부분을 변수로 처리된다 경로변수 + 쿼리 파라미터@{/hello/{param1}(param=${param1}, param2=${param2})}=>/hello/data1?param2=data2경로변수와 쿼리파라미터를 함께 사용할 수 있다. 상대경로, 절대경로, 프로토콜 ..

mvc2-기본객체

*Component, Bean 대해 알아보기 타임리프 유틸리티 객체** https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#expression-utility-objects유틸리티 객체 예시** https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#appendix-b-expressionutility-objectsObject스프링부트 3.0부터는 직접 model에 해당 객체를 추가해서 사용할 수 있다.#request는 HttpServletRequest 객체가 그대로 제공되기 때문에 데이터를 request.getParameter("data")처럼 불편하게 접근해야한다 이런점을 해결하기 위..

Ajax 통신모듈 공통으로 만들기

resources/templates/ajax/ajaxTest2.html 아래처럼 jquery , commonUtil import  Ajax 통신 할 경우GET, POST(DELETE, PUT) 각각보내주는 contentType 다르기 때문에 주의해야한다.Form 태그일경우, JSON 형식으로 반환할경우도 통신할 때 고려해야할 점이 있다 GET  나의 취미와 나의 직업을 알려줄게 ~  id가 btn인 버튼을 클릭시 form ajx 호출을 하고있다form 태그에 action 이 담겨있지 않아서  action 을 담아주고  fn_submitAjax() 공통함수를 호출한다.//post json 태그 형식일 때$("#btnPost2").click(function () { let hobby = ..

typeof 관련

typeof  연산자typeof  연산자  바로뒤에 표현식(expression)을 넘기면 자료형으로 돌려준다. typeof 연산자의반환값은 결과 자료형 클래스로 넘겨주는게 아니라 문자열로 돌려주기 때문에 값을 비교할 때는 문자열로 비교값을 해줘야 한다.typeof 1; => 'number'typeof "abc" => 'string'typeof trhe => 'boolean'typeof {a:10, b:20} => 'objcet'  undefined 자료형자바스크립트에서 undefined 자료형에속하는값은 딱하나 undefined 밖에 없다.자바스크립트에서는 의도치않게 undefined는 누락된 값을 나타내기 위한 값 개발자가 값을누락하거나 설정하지 않았을 때 발생하는 반환 값이다. a의..

@RequestBody @RequestParam @PathVariable어노테이션 관련

클라이언트에서 서버로 통신하는 메시지 요청(request) 메세지, 서버에서 클라이언트로 통신하는 메시지 응답(response)메세지웹에서 화면전환(새로고침) 없이 이루어지는 동작들은 대부분 비동기 통신으로 이루어진다이런점에서 비동기통신을 하기위해서는 클라이언트 서버로 요청하고 메세지를 보낼 때, 본문에 데이터를 담아서 보내야하고, 서버에서 클라이언트로 응답을 보낼 때 본문에 데이터를 담아서 보낸다이를 body 한다.요청은 RequestBody 응답은 ResponseBody에 담아서 보내야한다.  @ReqeustBody 와 @RequestParam의 차이@RequestParam , @RequestBody  는 요청파라미터를 객체로 바인딩 하기위해 사용합니다.@RequestParam은 URL에 요청 파라미..

IT개발자/JAVA 2024.05.03

Next.js 설치 , React 실행 과정

Nest.js React.js 를 실행 하고 싶을 때 node 설치, visualStudio 설치, npm 설치 등 해야한다node와 visual Studio 설치는 생략 node 20.12.1 버전 이상 으로 -> cmd 창에 node -v  검색하면 버전정보가 나온다. 리액트 설치 하는 방법    npm install -g npxnpx create-next-app@14.1.4npm install zod zustandnpm run dev //실행     id parameter 를 이용하여 uri 에 검색 하였을 때 페이지 조회   ES6 문법let 변수값 // 변수값을 많이 사용하면 메모리가 쌓이기 때문에 서버 끊킴const 상수값const sum =(a,b) => a+b'//map return..

sqld 함수정리

1. 날짜함수 To_char : 날짜형 데이터 문자로 출력 sysdate : 오늘의 날짜 (oracle) , getDate() (sql server) select to_char(sysdate, 'YYYY MM DD') from dual 오늘의 날짜를 문자열로 출력 ex ) 2023 11 12 To_date : 문자형 데이터를 날짜형으로 출력 (날짜끼리 값을 구할 수 있기 때문에) select to_date('2022 - 09 -22') form dual; 2. 조건문 CASE : 조건에 따라서 값을 지정해 주는 CASE문 else 는 생략 가능 case when col = 'A' then 1 when col ='B' then 2 else 3 end ; case col when 'A' then 1 when..

IT개발자/sqld 2023.11.12

TCL 트랜잭션 제어어

TCL : 트랜잭션 제어어 논리적인 작업의 단위를 묶어서 DML 에 의해 조작된 결과를 작업단위(트랜잭션) 별로 제어하는 명령어 트랜잭션의 특성 원자성 트랜잭션에서 정의된 연산들은 모두 성공적으로 실행되던지 아니면 전혀 실행되지 않은 상태로 남아있어야한다 일관성 트랜잭션이 실행되기전에 데이터베이스 내용이 잘못되어있지 않다면 트랜잭션이 실행된 이후에도 데이터베이스의 내용에 잘못이 있으면 안된다 고립성 트랜잭션이 실행되는 도중에 다른 트랜잭션의 영향을 받아 잘못된 결과를 만들어서는 안돤다 지속성 트랜잭션이 성공적으로 수행되면 그 트랜잭션이 갱신한 데이터베이스의 내용은 영구적으로 저장된다 Transaction 트랜젝션은 데이터 베이스의 논리적 연산단위로서 밀접히 관련되어 분리 될 수 없는 한개 이상의 데이터베..

IT개발자/sqld 2023.11.12