티스토리

My Web Story

검색하기

블로그 홈

My Web Story

sseozzzy.tistory.com/m

IT관련 지식을 정리 한 블로그 입니다.

구독자: 1

방명록 방문하기

반응형

주요 글 목록

JDK 여러버전 사용 방법 1. jdk 설치 오라클 사이트에서 원하는 버전을 다운로드(C:\Program Files\Java 위치에 jdk 설치) https://www.oracle.com/java/technologies/downloads/ Download the Latest Java LTS Free Subscribe to Java SE and get the most comprehensive Java support available, with 24/7 global access to the experts. www.oracle.com 2. scripts 폴더 생성 3. bat 파일 생성(버전별로 생성 필요) @echo off set JAVA_HOME={JDK 주소} set Path=%JAVA_HOME%\bin;%Path% echo Ja.. 공감수 0 댓글수 0 2024. 2. 29.
FAKE API 사이트 모음 1. SNS용 FAKE API https://dummyapi.io/ Dummy API: Fake api full of users, images, post, comments etc Data relations - Various data structures and types, with a different type of relations. Including images, text, links, map location data, datetime, and emails. dummyapi.io 2. 쇼핑몰 FAKE API https://fakestoreapi.com/ Fake Store API Fake store rest api for your ecommerce or shopping website prototype .. 공감수 0 댓글수 0 2023. 6. 12.
[WINDOW] WINDOW에서 C드라이브 확장하는 방법 노트북이나 컴퓨터를 사용하다 간혹 C드라이브의 용량이 부족한 상황이 생기곤 합니다. 이때 C드라이브 용량이 부족하여 용량확장 시키려면 어떻게 해야 할까요? 탐색기(폴더)에 들어가 내 PC에서 오른쪽마우스 클릭하여 관리를 클릭해 줍니다. 컴퓨터 관리 화면이 나타납니다. 여기서 카테고리에 저장소의 디스크관리를 클릭합니다. 드라이버 정보들이 표시되어 있는데 여기서 넉넉한 용량의 드라이브를 축소하거나 할당할 수 있는 공간을 만들어 주세요. 그리고 아래 네모 박스의 C드라이버를 오른쪽 마우스로 클릭하여 볼륨확장을 선택하려 하는데 비활성화가 되어있습니다. 디스크확장은 보통 바로 옆 드라이브끼리 확장이 가능하다고 하는데요. 여기서 바로 옆으로 이동할 수 있는 기능은 현재 없습니다. 그럼 어떻게 용량을 늘릴 수 있을까.. 공감수 0 댓글수 0 2022. 12. 28.
[Spring] AOP란? AOP 프로젝트 세팅 gradle을 통해 다운 dependencies에 implementation 'org.springframework.boot:spring-boot-starter-aop' // 추가 controller RestApiController 생성 package com.example.aop.controller; import com.example.aop.dto.User; import org.springframework.web.bind.annotation.*; @RestController @RequestMapping("/api") public class RestApiController { @GetMapping("/get/{id}") void get(@PathVariable Long id, @Requ.. 공감수 0 댓글수 0 2022. 1. 22.
[Spring] 주요 Annotation Annotation 의미 @Aspect 자바에서 널리 사용하는 AOP 프레임워크에 포함되며,AOP를 정의하는 Class에 할당 @Pointcut 기능을 어디에 적용시킬지, 메소드? Annotation? 등 AOP를 적용 시킬 지점을 설정 @Before 메소드 실행하기 이전 @After 메소드가 성곡적으로 실행 후, 예외가 발생 되더라도 실행 @AfterReturing 메소드 호출 성공 실행시(Not Throws) @AfterThrowing 메소드 호출 실패 예외 발생(Throws) @Around Before/ after 모두 제어 공감수 0 댓글수 0 2022. 1. 19.
[Springboot] RESTful GET 해보기! package com.example.springboot202111.controller; import ch.qos.logback.core.net.SyslogOutputStream; import com.example.springboot202111.dto.UserRequest; import org.springframework.web.bind.annotation.*; import java.util.Map; @RestController @RequestMapping("/api/get") public class GetController { //@RequestMapping("/hi") // get/ post / put / delete 모든 RESTful 동작 //@RequestMapping(path = "/hi", m.. 공감수 0 댓글수 0 2022. 1. 18.
[Springboot] RESTful POST 해보기! - Post는 PathVariable, DataBody에 데이터를 보내기 때문에 QueryParameter에 데이터를 보내지 않음. 1. src > main > java > 패키지 > controller 패키지 생성 후 PostController.class 생성 package com.example.springboot202111.controller; import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.bind.annotation.RequestBody; import org.springframework.web.bind.annotation.RequestMapping; import org.springfr.. 공감수 0 댓글수 0 2021. 11. 6.
[Springboot] RESTful Get해보기 - Get은 Pathvariable, QueryParameter 사용가능 1. src > main > java > 패키지 > controller 패키지 생성 후 GetController.class 생성 2. src > main > java > 패키지 > dto 생성 후 UserDto 생성 3. DTO(UserRequest) package com.example.springboot202111.dto; public class UserRequest { private String user; private String email; private int age; public String getUser() { return user; } public void setUser(String user) { this.user =.. 공감수 0 댓글수 0 2021. 11. 5.
[Springboot] 프로젝트 생성하기 1. File > New > Project 2. Sprng Initializr 선택 후 원하는데로 설정 3. 스프링부트 버전 선택 4. Web > Spring Web 선택 5. 프로젝트 생성 테스트 5-1. src > java > Controller 폴더 생성 후 > ApiController class파일 생성 5-2. ApiController 위에 @RestController 어노테이션 작성 5-3. ApiController 위에 @RequestMapping("/api") : URL을 지정해주는 어노테이션 작성 5-4 hello() 메서드 작성 @getMapping("/hello") 메서드 get(url값) 어노테이션 5-5 실행 (ctl + shift + f10) or (shift + f10) 6. .. 공감수 0 댓글수 0 2021. 11. 5.
[채널톡플러그인] 채널톡 사용법 // vue 사용시 created // React 사용시 Mounting if (process.browser) { window.addEventListener("session_connect",function(e){ this.session_connect(e.detail); }.bind(this)); if ((typeof (window.androidinterface) != 'undefined') || (typeof (webkit) != 'undefined' && typeof (webkit.messageHandlers) != 'undefined' && typeof (webkit.messageHandlers.iOSinterface) != 'undefined')) { }else{ window.onload = (fu.. 공감수 0 댓글수 0 2021. 10. 20.
[VUE.JS] 페이징 처리 컴포넌트 FRONT (pagenation.vue) mdi-chevron-left {{pageNum}} mdi-chevron-right BACK(getTestPagination API) with MySQL async getTestPagination(req, res) { console.log("getTestPagination API") let { type, limit, offset } = req.query let com_id = req.session.comInfo.com_id // 보여지는 갯수 만큼 곱하기 if (offset > 0) { offset *= limit } try { let sql = ` SELECT a.idx, a.title, a.content, a.regdate, al.total_count tota.. 공감수 0 댓글수 0 2021. 10. 6.
[JAVASCRIPT] 자식컴포넌트에서 부모로 사용시 뒤로가기 부모의 자식컴포넌트에서 뒤로가기 시 아래 코드를 사용하면 부모로 이동 가능 공감수 1 댓글수 0 2021. 9. 30.
[Node.js] Nodejs 백엔드 프로젝트 생성하기 4(axios를 통해 front back 연결) 1-1 back에서 app.js 설정 const express = require("express"); const app = express(); //요청에서온걸 파싱 app.use(express.json({ limit: '300mb' })) //(http)form을 통해서 전송할때 req.body에 넣어준다 app.use(express.urlencoded({ limit: '300mb', parameterLimit: 100000, extended: true })) app.post('/user', (req,res) => { console.log("user API") let {nickname,email,password} = req.body }) 1-2. 자신이 사용하고자 하는 곳에 this.$axios.('ur.. 공감수 0 댓글수 0 2021. 9. 29.
[Node.js] Nodejs 백엔드 프로젝트 생성하기 3 (with nodemon) 1. 백엔드 수정 후 서버를 껏다 켜지않으면 수정적용된것을 확인 할 수 없음 그래서 nodemon을 설치 ** nodemon : 서버를 껏다 켜지않아도 새로고침 후 수정 적용된것을 볼 수 있도록 해줌 D:\codingSeo\vue\back>npm i -D nodemon added 112 packages, and audited 271 packages in 4s 19 packages are looking for funding run `npm fund` for details found 0 vulnerabilities 2. package.json에서 scripts의 dev: "node app.js"를 "nodemon app.js"으로 고침 3. 설치 후 서버를 껏다가 켜게되면 nodemon이 작동 > nodem.. 공감수 0 댓글수 0 2021. 9. 28.
[Node.js] Nodejs 백엔드 프로젝트 생성하기 2(with Sequelize) 1. 디비세팅 1-1 시퀄라이즈를 이용한 데이베이스 설치 터미널에 npm i sequelize mysql2 로 설치 **sequelize를 사용하면 자바스크립트로 sql을 사용가능함 **sequelize장점은 디비 종류에 상관없이 사용가능 ** mysql2는 node랑 mysql을 연결해주는 툴 (mysql이 아니다.) D:\codingSeo\vue\back>npm i sequelize mysql2 added 31 packages, and audited 82 packages in 5s found 0 vulnerabilities 1-2. 터미널에 npm i -D sequelize-cli 를 입력하여 sequelize-cli를 설치(개발모드로 설치) 글로벌로 설치하면 pakage.json의 devDepend.. 공감수 0 댓글수 0 2021. 9. 27.
[Node.js] Nodejs 백엔드 프로젝트 생성하기 1 1. 백엔트 프로젝트 폴더생성 - back 2. npm init 하면 아래같이 설정에대한 내용이 나옴니다. : 나중에 설정가능한것들이 있어 그냥 엔터 후 yes 하시면 됩니다. D:\codingSeo\vue>cd back D:\codingSeo\vue\back>npm init This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sensible defaults. See `npm help init` for definitive documentation on these fields and exactly what they do. Use `npm in.. 공감수 1 댓글수 0 2021. 9. 26.
React-native Android Debug 확인하기 1. 안드로이드 디바이스 확인방법 // 1.usb 연결 후 cmd 에서 연결 adb start-server adb kill-server //2. usb 연결 후 cmd 에서 연결 adb devices //3. reat-native에서 npx react-native run-android //3.폰 앱 실행 확인 // 주의! 에뮬레이터 켜져있을시 끄고 다시 시작할것 2. 크롬에서 안드로이드 디버깅 확인하기 - chrome://inspect 접속 해서 inspect 클릭 확인 //Android > app > main > java 에 onCreate부분에 아래 코드 추가 해줘야 작동 import android.webkit.WebView; @Override public void onCreate() { super... 공감수 0 댓글수 0 2021. 8. 6.
[Javascript] 드래그 방지, 오른쪽 마우스 클릭 방지 1. 드래그 방지 : ondragstart = "return false" **ondragstart : 드래그가 시작 될 경우 발생하는 이벤트 2. 오른쪽 마우스 클릭 방지 : onselectstart = "return false" **onselectstart : 선택이 시작 될 경우 발생하는 이벤트 공감수 1 댓글수 0 2021. 6. 7.
[VUE.JS] vue.js 설치 / vuetify설치 방법 **설치 진행시 권한문제때문에 에러가 날수있습니다. 권한문제 에러시 명령어 앞에 sudo를 추가하여 진행해주세요. 1. yarn 설치 npm install -g yarn //권한 문제시 sudo npm install -g yarn 2. vue-cli설치 npm install -g @vue/cli // vue버전 확인 vue --version 3. 프로젝트 폴더 생성 mkdir 프로젝트명 4. vue front폴더 생성 vue create 프론트폴더명 : npm / default 선택 5. 해당 프로젝트로 이동 cd 프로젝트명 6. 서버시작 npm run serve : 종료는 ctl+c 7. vuetify설치 => 서버 실행시 뷰티파이 화면으로 바뀐다. vue add vuetify : default 선택 .. 공감수 0 댓글수 0 2021. 3. 12.
[알고리즘] 문자열을 정수로 바꾸기 for JAVA (프로그래머스) programmers.co.kr/learn/courses/30/lessons/12925?language=java 코딩테스트 연습 - 문자열을 정수로 바꾸기 문자열 s를 숫자로 변환한 결과를 반환하는 함수, solution을 완성하세요. 제한 조건 s의 길이는 1 이상 5이하입니다. s의 맨앞에는 부호(+, -)가 올 수 있습니다. s는 부호와 숫자로만 이루어져있습니 programmers.co.kr [문제 설명] - 문자열 s를 숫자로 변환한 결과를 반환하는 함수, solution을 완성하세요. [제한 조건] - s의 길이는 1 이상 5이하입니다. - s의 맨앞에는 부호(+, -)가 올 수 있습니다. - s는 부호와 숫자로만 이루어져있습니다. - s는 0으로 시작하지 않습니다. [입출력 예] - 예를들어 .. 공감수 0 댓글수 0 2021. 2. 10.
[알고리즘] 가운데 글자 가져오기 for JAVA (프로그래머스) programmers.co.kr/learn/courses/30/lessons/12903?language=java 코딩테스트 연습 - 가운데 글자 가져오기 단어 s의 가운데 글자를 반환하는 함수, solution을 만들어 보세요. 단어의 길이가 짝수라면 가운데 두글자를 반환하면 됩니다. 재한사항 s는 길이가 1 이상, 100이하인 스트링입니다. 입출력 예 s ret programmers.co.kr [문제 설명] - 단어 s의 가운데 글자를 반환하는 함수, solution을 만들어 보세요. 단어의 길이가 짝수라면 가운데 두글자를 반환하면 됩니다. [제한사항] - s는 길이가 1 이상, 100이하인 스트링입니다. *입출력 예 s return "abcde" "c" "qwer" "we" class Solution.. 공감수 0 댓글수 0 2021. 2. 10.
[알고리즘] 정수 제곱근 판별 for JAVA (프로그래머스) programmers.co.kr/learn/courses/30/lessons/12934 코딩테스트 연습 - 정수 제곱근 판별 임의의 양의 정수 n에 대해, n이 어떤 양의 정수 x의 제곱인지 아닌지 판단하려 합니다. n이 양의 정수 x의 제곱이라면 x+1의 제곱을 리턴하고, n이 양의 정수 x의 제곱이 아니라면 -1을 리턴하는 함 programmers.co.kr [문제 설명] - 임의의 양의 정수 n에 대해, n이 어떤 양의 정수 x의 제곱인지 아닌지 판단하려 합니다. n이 양의 정수 x의 제곱이라면 x+1의 제곱을 리턴하고, n이 양의 정수 x의 제곱이 아니라면 -1을 리턴하는 함수를 완성하세요. [제한 사항] - n은 1이상, 50000000000000 이하인 양의 정수입니다. [입출력 예] n re.. 공감수 0 댓글수 0 2021. 2. 10.
[JSTL] JSTL에서 varStatus 이용하여 인덱스번호 출력(페이징처리) JSTL에서 varStatus 이용하여 인덱스번호 출력 - 공식 : 총 개시물 수 - varStatus.index ) - ( (현재페이지 번호 - 1 ) * 보여질 게시글 갯수 ) 아래처럼 맨 앞줄 출력 공감수 0 댓글수 0 2021. 2. 8.
[React] React 설치하기 1. 리액트프로젝트 할 폴더를 만들어준다. 2. 터미널(cmd)에서 해당 경로로 이동 cd /Users/seo/Documents/react/reactProjTutorial 3. 터미널(cmd)에 npm install -g create-react-app 입력 : -g 옵션 사용시 글로벌 create-react-app을 설치를 하되 g 옵션 덕분에 글로벌 패키지 형태로 설치 ** 글로벌패키지로 설치시 이 프로젝트 뿐 아니라 다른프로젝트에서도 이 패키지 적용 가능 npm install -g create-react-app 에러(권한에러일 경우 )시 sudo npm install -g create-react-app 로 입력 **Missing write access to /usr/local/lib/node_modu.. 공감수 0 댓글수 0 2021. 2. 5.
[NODE.JS] Node.js 설치하기 MAC 1. 아래 node.js의 홈페이지에 접속하여 자신의 운영체제와 버전에 맞는 파일을 선택하여 설치합니다. nodejs.org/en/ 2. 다음을 눌려 설치를 완료 3. 설치 완료 4. 터미널 실행 후 node -v 입력시 버전 출력되면 설치 완료 5. 터미널에 npm 입력 설명확인 WINDOW 1. 아래 node.js의 홈페이지에 접속하여 자신의 운영체제와 버전에 맞는 파일을 선택하여 설치합니다. nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 파일을 실행 3. next를 클릭 4. 동의 후 next 5. 추가기능 체크(필수 아님) 6. 설치 완료 7.. 공감수 1 댓글수 0 2021. 2. 4.
[ETC] Spring Controller에서 자바스크립트 경고창 띄우는 방법 1. 아래와 같이 경고창을 띄울수 있는 Class를 생성합니다. import java.io.IOException; import java.io.PrintWriter; import javax.servlet.http.HttpServletResponse; //=> 컨트롤에서 경고창 전달시 사용 public class ScriptAlertUtils { public static void init(HttpServletResponse response) { response.setContentType("text/html; charset=utf-8"); response.setCharacterEncoding("utf-8"); } public static void alert(HttpServletResponse response,.. 공감수 1 댓글수 0 2021. 1. 27.
[MyBatis/JAVA/Spring/Maven] log4를 사용하여 SQL로그 출력하기 1. 의존성 추가(pom.xml) : 보통 기본설정으로 다들어가있음 org.bgee.log4jdbc-log4j2 log4jdbc-log4j2-jdbc4 1.16 2. 데이터베이스 접속 설정 수정(root-context.xml or dataSource-context.xml) - com.mysql.cj.jdbc.Driver를 net.sf.log4jdbc.sql.jdbcapi.DriverSpy으로 수정 - jdbc:mysql : 주소에 jdbc:log4jdbc:mysql:주소 log4jdbc추가 - jdbc:oracle: 주소에 jdbc:log4jdbc:oracle:주소 log4jdbc추가 - jdbc:sqlserver: 주소에 jdbc:log4jdbc:sqlserver:주소 log4jdbc추가 3. prop.. 공감수 4 댓글수 0 2021. 1. 26.
[GIT] ignore 파일이 적용 안될때 설정 깃 사용시 ignore파일이 적용 안될때 0. 숨김파일 보이게 하기 - Mac commend+shift+. 1. ignore파일이 있는 폴더(프로젝트폴더)에서 터미널(Mac)/cmd 실행(window) 혹은 터미널(Mac)/cmd 실행(window)에서 해당 폴더(프로젝트폴더)까지 접속 2. 아래 명령어 입력 $ git rm -r --cached . $ git add . $ git commit -m "fixed untracked files" 3. 프로그램 재실행 4. 적용확인 공감수 0 댓글수 0 2021. 1. 24.
JSTL(JSP Standard Tag Library) JSTL(JavaServerPage Standard Tag Library) 이란? - JSP 개발을 단순화 하기 위한 태그 libarary - Java EE 기반의 웹 애플리케이션 개발 플랫폼을 위한 컴포넌트 모음 JSTL 사용법 - 라이브러리이기 때문에 사용하기전에 core를 header에 추가해주어야 한다. JSTL 태그 태그명 설명 변수선언 변수출력 조건문 jstl에서의 switch문 jstl에서의 case문 jstl에서의 default문 loop문 변수제거 날짜관련태그 숫자관련태그 JSTL core의 예시 1. - ${변수명} 사용가능 - 다른 영역에 저장시 scopre="session" 추가 2. - 으로 변수를 선언한후 출력시 으로 출력한다. - escapeX="true/false" 지정해서 .. 공감수 0 댓글수 0 2021. 1. 22.
[DATABASE] IN/SOME/ANY/ALL/EXISTS 함수 ANY/SOM - ANY/SOME은 IN과는 달리 '=' 이외의 다른 연산자를 활용 할 수 있음. - ANY/SOME은 기능이 동일 SELECT employee_id, salary FROM employees WHERE salary IN (2000, 3000, 4000); -- '='으로만 연산 SELECT employee_id, salary FROM employees WHERE salary >= ANY (2000, 3000, 4000); SELECT employee_id, salary FROM employees WHERE salary >= SOME (2000, 3000, 4000); SELECT employee_id, salary FROM employees WHERE salary >= ALL(2000, .. 공감수 0 댓글수 0 2020. 11. 18.

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.