본문 바로가기
반응형

분류 전체보기

 (172)
Vue. 설치, Vue 서버 실행, Vue 개발시작 vue 스터디 중에 2~3일 정도의 경험으로는 react 개발과 vue 개발이 같은 툴에 약간만 틀린 거 같습니다. 아닐 수도 있겠지만요. 터미널을 입력할 수 있게 터미널을 실행합니다. vue.js 설치를 합니다. View >> Terminal에 명령문을 입력합니다. vue.js 설치 명령문 : npm install vue 설치완료 후 버전 확인 : npm vue -v 아래 그림과 같습니다. vue개발을 위해 추가로 실행합니다. npm install -g @vue/cli c 아래와 같이 실행이 됩니다. cmd에서 [vue -V] 실행합니다. V는 대문자여야 합니다. vue/cli버전을 확인 가능합니다. 프로젝트 경로를 지정합니다. 경로는 변경할 수 있습니다. dir과 cd를 입력하여 vue프로젝트 경로로..
react 웹서버 시작, react 시작, react 처음 개발 react 처음 개발을 시작하기 위해 Visual Studio Code를 실행합니다. MS(마이크로소프트) 툴은 생각해 보면 참 쉽습니다. 최근에 자바만 하다 보니 MS 개발 툴 기억이 조금 나질 않았습니다. Visual Studio Code는 예전에 사용하던 Visual Studio와 툴이 조금 다릅니다. 그래도 여러 번 만져보니 기억이 슬슬 적응이 되는 것도 같습니다. 프로젝트를 시작할 폴더를 지정합니다. file >> open folder >> 폴더를 선택합니다. 폴더를 미니 만들어 놓고 선택하시면 됩니다. view >> terminal >> 선택 >> terminal 실행 >> npm init 터미널(terminal)에 명령어를 실행할 수 있습니다. 명령어입력 가능 한 이유가 다른 os에서도 사용..
vscode설치,Visual Studio Code 설치 react와 vue 개발 툴로 visual studio code를 사용하게 될 줄은 몰랐습니다. 전 원래 asp.net 개발자여서 visual studio 툴에 어느 정도 익숙해져 있는 개발자입니다. ms제품은 설치하는 데 어려움이 없습니다. 다운로드한 후 다음다음다음만 하면 거이 설치가 완료됩니다. 설치 후에도 변경이 쉽고 삭제하고 다시 설치해도 특별한 문제가 발생하지 않습니다. 시스템 환경변수에 따로 추가할 필요도 없습니다. 언제부터였는지 모르지만 ms제품들은 무료로 다운로드가 가능해졌습니다. google에 visual studio code download를 검색하면 최상단에 다운로드 경로가 검색됩니다. 사용하시는 운영체제로 다운로드합니다. 파일을 다운로드하면 "VSCodeUserSetup-x64-1..
node.js 설치 확인, npm 설치 확인 전자정부프레임워크(egov) 관련 내용을 작성하다. 갑자기 프런트엔드(front-end) 관련을 작성하게 되었습니다. 전자정부프레임워크(egov) 4.1로 기본적인 웹페이지 left, top 페이지 관리자 설정 페이지를 개발이 끝났습니다. 2주 전에 메뉴 권한 관련 개발이 끝났지만 이것저것 하다 보니 아무것도 작성을 못하게 되었습니다. 매번 쓰려했지만 작성하지 못하고 보름을 보냈네요. 글 수가 적어 애드센스가 떨어져서 도 있는 거 같습니다. 어제오늘 react, vue 개발을 위해 이것저것 설정을 해보았습니다. 일단 react는 소스 수정이 있을 때마다 컨파일을 다시 해야 하는 걸까요? 이 부분은 나중에 좀 더 알아보겠습니다. vue는 프런트엔드를 수정하자마다 페이지가 리로드 되는 걸 확인했습니다. 작년..
egov 4.1 spring boot 다국어 다국어도 처리하고 진행해야겠다. 생각이 들어 다국어 처리를 해보겠습니다. 기존 spring에서는 다국어 처리를 web.xml 및 dispatcher-servlet.xml 에서 처리 했던 기억이 납니다. egov spring boot 기본 설정에 web.xml 설정이 없고 대부분 java에서 설정을 하고 있다. 기존 설정을 조금 검색해 보았습니다. 아래는 기존에 설정했던 xml 부분입니다. 기존 web.xml action org.springframework.web.servlet.DispatcherServlet contextConfigLocation /WEB-INF/config/egovframework/springmvc/dispatcher-servlet.xml 1 기존 dispatcher-servlet.xm..
decorators.xml 설정 sitemesh 사전적 더보기 Sitemesh의 decorators.xml 파일은 Sitemesh가 템플릿을 적용하는 방식을 정의하는 파일입니다. 이 파일은 웹 애플리케이션의 리소스 디렉터리에 위치하며, Sitemesh가 페이지 레이아웃을 적용할 때 사용됩니다. 보통 decorators.xml 파일은 다음과 비슷한 형태를 가집니다: /secure/* /public/* 위의 예제에서: 루트 요소는 모든 데코레이터의 설정을 감싸는 컨테이너 역할을 합니다. 요소는 각 데코레이터의 설정을 정의합니다. name 속성은 데코레이터의 이름을 지정합니다. page 속성은 해당 데코레이터에 대한 템플릿 파일의 경로를 지정합니다. 요소는 특정 URL 패턴을 지정하여 해당 패턴에 매칭되는 요청에 대해 특정 데코레이터를 적용..
egov 4.1 spring boot sitemesh 설정 sitemesh 사전적 설명 더보기 Java에서 Sitemesh는 웹 애플리케이션에서 템플릿 기반의 페이지 레이아웃을 쉽게 구현하기 위한 프레임워크입니다. Sitemesh는 페이지의 일부 영역을 동적으로 교체하고 레이아웃을 적용하는 데 사용됩니다. 이를 통해 웹 애플리케이션에서 일관된 디자인 및 레이아웃을 유지하고 코드의 재사용성을 높일 수 있습니다. Sitemesh의 주요 기능은 다음과 같습니다: 템플릿 기반 레이아웃: Sitemesh를 사용하면 웹 페이지의 레이아웃을 정의하는 템플릿 파일을 만들 수 있습니다. 이 템플릿은 일반적으로 웹 사이트의 헤더, 푸터, 사이드바 등과 같은 공통된 요소를 포함합니다. 페이지 교체: Sitemesh는 템플릿과 컨텐츠를 결합하여 최종적으로 사용자에게 보여지는 페이지를..
egov 4.1 spring boot multi db 이전 작성 된 egov 4.1 글로 게시판은 완성이 되었습니다. 프로젝트를 가끔 하다 보면 multi db 사용이 필요한 경우가 있어 mybatis, ibatis를 이용하여 multi db 연결을 해보도록 하겠습니다. 아래 글을 따라 하면 db 연결이 되고 게시판 조회 되는 걸 확인하셨을 겁니다. 2024.02.07 - [dev/egov] - spring boot 시작 egov 4.1 spring boot 시작 egov 4.1 백수 될때마다 사이트를 처음부터 만들어 보고 있습니다. 프로젝트가 끝날때마다 새롭게 익힌 기능도 구현해 보기 위서도 있습니다. 이번에 egov 버전을 확인해 보니 최신버전인 4.1로 시작해 보 st-d.tistory.com 2024.02.08 - [db/oracle] - egov ..
egov 4.1 db application.yml 설정 하루에 글 하나씩은 쓰려고 했습니다. 설 연휴라서 하루에 한 번 작성을 못하게 되어 일단 쉽게 작성할 내용을 작성합니다. 기존 oracle 연결 2024.02.08 - [db/oracle] - egov 4.1 oracle 연결 제가 작성 한 기존 글에서는 db 연결은 java로 하였습니다. java로 설정된 oracle 연결을 application.yml에서 설정해 보겠습니다. 아래 java 코드와, application.yml 설정입니다. java 설정 package egovframework.example.config; import javax.sql.DataSource; import org.springframework.boot.jdbc.DataSourceBuilder; import org.springf..
oracle limit offset test query 전자정부프레임워크(egov) 웹프로젝트 만들다 에러가 발생하였습니다. 원인은 아래 query 였습니다. LIMIT #recordCountPerPage# OFFSET #firstIndex# 몰랐던 oracle limit를 공부하게 되어 test query를 작성 해 보았습니다. table 생성 CREATE TABLE "SAMPLE" ("ID" VARCHAR2(20 BYTE) NOT NULL ENABLE, "NAME" VARCHAR2(20 BYTE), "DESCRIPTION" VARCHAR2(20 BYTE), "USE_YN" VARCHAR2(20 BYTE), "REG_USER" VARCHAR2(20 BYTE), PRIMARY KEY ("ID") ) 데이터 생성 DECLARE V_NUM NUMBER := 1;..
반응형

티스토리툴바