정리공간

예제let list = [ {name: '기관1', start_year: '100', end_year: '200', content: '내용1', dept: '부서1'}, {name: '기관2', start_year: '1000', end_year: '2000', content: '내용2', dept: '부서2'}, {name: '기관1', start_year: '100', end_year: '200', content: '내용1', dept: '부서1'}, {name: '기관2', start_year: '1000', end_year: '2000', content: '내용2', dept: '부서33'}, {name: '', start_year: '', end_year: '',..

구글 지도를 vue에 넣는건 너무나도 간단하다 https://www.google.com/maps Google MapsFind local businesses, view maps and get driving directions in Google Maps.www.google.com 구글 맵에 들어가서 원하는 장소 검색 장소가 검색되면 "공유"버튼 클릭 "지도 퍼가기" 클릭 HTML 입력 복사한거 그대로 가져오고,가로, 세로 값 등은 개인에 맞게 커스텀 하면된다 완성!!

window.open('url주소', '_blank', "width=1000, height=600, top=100, left=200")

해킹진단 도구를 받았다.요즘 무서운 시대에 서버를 조금이라도 지키기 위해 해킹진단도구를 리눅스에 활용해서보안을 강화하려한다. 해킹진단도구, 모의훈련 등등 신청하는 곳 👇https://www.boho.or.kr/kr/apply/list.do?menuNo=205003 1. 리눅스 버전 및 시스템 확인운영체제 및 버전 확인cat /etc/os-release x86시스템인지 arm 시스템인지 확인uname -m 2. 파일 다운로드해킹진단도구 파일을 다운받고 압축을 풀고자 하는 폴더로 이동시킨다나는 리눅스의 Firefox 로 인터넷에 접속하여 파일을 다운받았다다운로드 폴더에 다운받아지는데, 원하는 폴더로 이동 파일이 잘 있는지 확인한다. 3. 압축해제 나는 x86 시스템이라서 아래와 같이 압축..

앞서 vue 프로젝트를 cli없이 시작하기 라는 글을 쓴 적이 있는데, 이 프로젝트는 webpack를 사용한 것이고, 요즘에는 webpack 대신 vite를 점점 사용하고 있다고 한다. vue3 에서도 vite를 권장하고 있긴하다. 그래서 이번에는 vite 기반으로 vue 프로젝트를 만들어보려고 한다. 1. 터미널 입력npm init vue@latest 설치할때 입력해야하는 것들이 있는데1) 프레임워크 선택 : Vue, React 등등2) 프로젝트 이름 : 생성될 폴더명3) 패키지 이름 : package.json 에 명시될 패키지명4) 프로젝트에 포함시킬 라이브러리 : router, pinia, typescript, 등등 방향키로 위아래 이동하면서 스페이스바를 눌러 설치하고 싶은 것만 선택하..

1. JDK 설치보통 자바 설치하면 설치되어있을 것이다.설치 사이트 : https://www.oracle.com/kr/java/technologies/downloads/archive/설치 잘 되었는지 확인>java -versionjava version "17.0.12" 2024-07-16 LTS 2. NginX 다운로드설치 사이트 : https://nginx.org/en/download.html 다운받고 압축을 풀면 nginx.exe 파일이 보이는데 더블클릭해서 실행하면된다. 분명 된다고 했는데 역시나 쉽게 되는 법은 없는..ㅋㅋㅋ더블클릭하면 창이 열렸다 닫히는데 전혀 실행되지 않았고, 작업관리자에서도 nginx는 찾아볼 수 없었다. 원인이 뭐일꼬.. 했는데 nginx는 기본으로 80포트를 ..

그동안 배포할때 war 파일만 봤었는데 스프링부트에서 jar 파일을 제공하며,최근에는 jar파일도 많이 사용한다해서 한번 써보려한다. war파일은 톰캣을 따로 설치해야하지만 jar는 내장 톰캣이 같이 생성되어 만들어져서 jar파일 자체만으로도 동작한다. 1. Jar 파일을 만들 수 있도록 설정 [ build.gradle ]bootJar { archiveFileName = '프로젝트명.jar' }"프로젝트명"부분에 적은 이름대로 jar 파일이 생성된다. [ 파일 - 프로젝트 구조 ] 2. 프로젝트의 루트 위치에서 생성gradle로 빌드를 해야한다.프로젝트의 루트 위치로 가서 명령어를 입력해준다. > gradlew.bat clean bootJar 3. JAR 확인(안해도 됌)빌드가 ..

Spring Boot DB 연결방법👉 https://luanaeun.tistory.com/282 Spring Boot DB 연결하기 MyBatis, MSSQL, MySQL, GradleSpring Boot 프로젝트를 시작하고 DB에 연결 1. Gradle에 의존성 추가dependencies { implementation 'org.mybatis.spring.boot:mybatis-spring-boot-starter:3.0.3' implementation 'com.microsoft.sqlserver:mssql-jdbc:12.4.2.jre11' implementation 'orluanaeun.tistory.com 이번 페이지에서는 DB연결을 설정하고 실제로 연결이 잘 되는지 확인해보려한다. 1...

Spring Boot 프로젝트를 시작하고 DB에 연결 1. Gradle에 의존성 추가dependencies { implementation 'org.mybatis.spring.boot:mybatis-spring-boot-starter:3.0.3' implementation 'com.microsoft.sqlserver:mssql-jdbc:12.4.2.jre11' implementation 'org.springframework.boot:spring-boot-starter-jdbc'}// MySQL의 경우implementation 'mysql:mysql-connector-java:8.0.33' 2. application.properties 에 DB정보 입력# MSSQL DBspring...

SELECT COLUMN_NAME, DATA_TYPE + '(' + CAST(CHARACTER_MAXIMUM_LENGTH AS VARCHAR) + ')' as DataType, IS_NULLABLEFROM INFORMATION_SCHEMA.COLUMNSWHERE TABLE_NAME = '테이블명'