티스토리

개발공작소

검색하기

블로그 홈

개발공작소

bongra.tistory.com/m

모찌바라기 님의 블로그입니다.

구독자: 13

방명록 방문하기

728x90

반응형

주요 글 목록

[기타] 특정 경로에 있는 모든 파일(XML)의 내용 변경하는 방법 (feat. PowerShell) Windows환경에서 PowerShell을 이용하면 특정 경로에 있는 특정파일의 모든 내용을 변경할 수 있다. ( geoserver의 datastore id값을 변경할 일이 있어서 씀.. 직접 변경하려면 공수가 너무 들어서... ) 샘플코드 # 수정할 디렉터리 경로 $directoryPath = "C:\Path\To\Your\Directory" # 수정할 문자열 $oldString = "old_string" $newString = "new_string" # 디렉터리 내의 모든 XML 파일 가져오기 $xmlFiles = Get-ChildItem -Path $directoryPath -Filter "*.xml" -Recurse # 각 XML 파일을 열고 내용 수정하기 foreach ($xmlFile in $.. 공감수 0 댓글수 0 2023. 8. 1.
[Redis] Redis 실행 / 중지 / 상태 확인 방법 그냥 Redis 실행/확인/중지 명령어만 간단히 정리해봄 1. Redis 실행 redis-server [option] redis-server만 해줘도 아무 문제 없이 redis 서버가 실행된다. 단 redis.conf 파일을 읽게 해주는 등의 option을 줄 수 있다. redis-server /경로/redis.conf와 같이 작성하면 된다. 2. Redis 상태 확인 redis-cli ping 위의 명령어를 입력한 뒤 PONG이라고 뜨면 제대로 서버가 실행된 것이다. Could not connect to redis at 127.0.0.1:6379: Connection refused와 같이 뜨면 서버가 제대로 켜져 있지 않은 상태이다. 3. Redis 중지 redis-cli shutdown 위 명령어를 .. 공감수 1 댓글수 0 2023. 6. 1.
[hosts] IP주소를 도메인 주소로 호출하는 방법 ( hosts 파일 수정 ) 우리가 보통 서버를 구동해서 접근 할 때 아래와 같은 URL로 요청하는 것을 자주 봤을 것이다. localhost 즉, 127.0.0.1 = 자신의 IP 이걸 도메인으로 변경하는 방법에 대해 알아보자. 1. hosts파일 수정 hosts파일의 경로는 아래와 같다. 찾기 귀찮은 사람은 그냥 아래 경로 갖다가 문서에서 찾도록 하자. C:\Windows\System32\drivers\etc 나는 localohst 즉 127.0.0.1을 kawai.mochi.com 으로 바꿔 보겠다. [IP] [도메인] 순으로 작성하고 중간에는 띄워쓰기를 하면 된다. 이렇게 바꾸고 저장 한 뒤, 다음 도메인으로 URL로 호출하면? 이런식으로 kawai.mochi.com이 localhost. 즉 127.0.0.1을 대신한다. 정.. 공감수 1 댓글수 0 2022. 5. 11.
[기타] 스프링부트(Spring Boot) + 그래들(Gradle)에서 Mybatis, Oracle 연동하기 이번에 댓글기능 구현하려고 하니, 불가피하게 DB를 연동 및 마이바티스를 써야 할 것 같아 알아보았다. 아직 스프링부트가 안익숙하기도 하고, Gradle도 처음 써보는거라 한번 정리한다. 혹시 Oracle이 설치 안되어 있다면 ( 참조글 )을 참조 하도록 하자. 1. 커넥션 풀 설정 ============================================================================ 우선 스프링부트로 프로젝트를 생성하였다면 application.properties파일이 있을 것이다. 거기에 커넥션 풀을 설정 할 수 있다. 나는 다음과 같이 설정해주었다. spring.datasource.driver-class-name=oracle.jdbc.driver.OracleDriv.. 공감수 4 댓글수 2 2022. 3. 17.
[기타] fetch 비동기 통신후, 페이지가 새로고침 되는 현상.. 오늘 뭐 좀 하고 있는데, fetch함수를 통해 비동기 통신을 하고, 1번째 then에서 json()을 통해 Promise객체를 한번 정제해주고 2번째 then에서 좀 쓰려고 하는데, 도통 2번째 then으로 안넘어가는 것이었다. 그래서 문법적으로 잘못된 게 없는데 뭐가 문제지.. 하고 디버깅 하나하나 하고 있는데 네트워크 쪽에 의심스러워 보이는게 보였다. 1번째 then에서는 API통신이 잘된다. 근데 2번째 then으로 넘어가니, 페이지가 새로고침 되듯이 전 컴포넌트가 새로 불러와지는 게 아닌가?? 기존 API호출 되는 것도 사라지고, 컴포넌트와 인스턴스를 새로고침 하는 것이었다. 이러니 통신이 끊기지... 그럼 왜 검색을 하던 중 새로고침 된걸까? 문제는 아래 코드였다. Search 부트스트랩에서 .. 공감수 1 댓글수 0 2022. 3. 15.
[기타] 스프링부트에서 Controller와 HTML파일 연동하기 ( Gradle 프로젝트, Thymeleaf ) 기존 프로젝트에서는 .jsp파일을 자주 사용했었는데, 뭐 좀 찾다가 어떤 글에서 스프링부트 환경에서 왜 굳이 .jsp를 쓰냐? Thymeleaf 템플릿을 쓰지... 라는 문구를 보고, jsp가 어때서? 라는 생각으로 이거저거 찾다가 이렇게 정리하게 된다. 연동하는 방법은 아래에 있으니, 연동만 보고 싶은 사람은 아래로... Thymeleaf? ============================================================================ Thymeleaf는 그냥 간단히 말하면 템플릿 엔진이다. 우리가 jsp를 사용할때 라이브러리를 추가하는 것처럼 Thymeleaf를 사용할 때도 라이브러리를 추가해줘야 한다. .jsp와 같은 View를 담당한다. Thymeleaf .. 공감수 1 댓글수 0 2022. 3. 13.
[기타] Maven프로젝트와 Gradle프로젝트의 차이점 이번에 스프링부트 프로젝트를 생성하면서 나는 평소에 쓰던 Maven프로젝트를 생성하였는데, Maven 프로젝트 말고도 Gradle프로젝트 라는 녀석이 있었다. 그래서 이게 뭐지.. 싶어서 조금 찾아보니까. Gradle이 Maven의 상위호한(?) 같은 느낌이었다. 장점들도 많고.. 단지 지금까지 Maven를 주로 써왔으니까. 그 익숙함에 계속 쓰는 것 같은데 배달의민족으로 유명한 우아한형제들이나, 스타트업같이 신기술을 쓰는 회사에서는 Maven보다 Gradle을 더 많이 사용한다고 한다. 오늘은 그냥 Maven과 Gradle의 차이점에 대해서만 알아보고자 한다.. 그래서 Maven이 뭔데?? ===============================================================.. 공감수 0 댓글수 0 2022. 3. 11.
[기타] Maven프로젝트에서 pom.xml를 통해 라이브러리를 추가해보자. ( VScode ) 지금까지 프로젝트를 진행하면서 Maven을 이용한 프로젝트를 여럿 진행했는데, 라이브러리를 추가하기만 했지 막상 보니 Maven에 대해 제대로 공부한 적이 없어서 한번 정리해본다. 핵심 : Maven프로젝트는 pom.xml을 통해 내가 사용하고자 하는 라이브러리 및 해당 라이브러리를 위해 필요한 라이브러리까지 네트워크를 통해 자동으로 받아준다 이번 글에서는 Maven 프로젝트 생성 및 pom.xml에 라이브러리를 추가하는 방법에 대해서만 알아보겠다. ( 근데 Maven 프로젝트 생성은 사용 툴마다 다르기도 하니 pom.xml과 Maven Repository를 통해 라이브러리를 추가하는 방법과 Maven을 이래서 쓰는거구나... 를 조금 더 봤으면 좋겠다. ) 1. Maven 프로젝트 생성 ========.. 공감수 0 댓글수 0 2022. 3. 11.
[기타] 네이버 오픈 API 서비스 URL ( feat. Live server ) * 수정 2022-02-28 수정 ============================================================================ 진짜 개발은 머리가 좋아야 하는 것 같다. 기존에 URL을 통한 프록시 서버를 통해 API를 호출하는 건 됬는데, 왜 vue.config.js를 통해서는 안될까... 이거 백엔드 서버를 따로 설치해서 해야 되나.. 하면서 백엔드 서버까지 설치했었다 ( 물론 실제 배포시에는 해야됨 ) 근데 나는 로컬에서 하니 그럴 필요가 없는데, 그것도 모르고 왜 안되지.... 근데 점심시간에 잠깐 코드를 보고있는데 문뜩 떠오른 생각.. vue.config.js에 설정해놓은 /api가 이상한 게 아닌가? 그저 다른 사람들 블로그에서 그렇게 하니 나도 따라서 했었.. 공감수 0 댓글수 0 2022. 2. 24.
[기타] Ajax와 Axios, Fetch에 대한 정리 및 내 생각 개발을 하다보면 클라이언트(프론트)에서 서버(백) 서버간 데이터를 주고 받아야 할 때가 있다. javascript에서 HTTP통신으 할 때 많이 쓰는 게 ajax, axios, fetch인데.. 지금까지 프로젝트를 하면서 썼던 건 1. JQuery 라이브러리를 활용한 ajax 통신 2. axios 라이브러리를 활용한 axios 통신 이렇게 2개였다. 조금 더 편하기 하게 위해 외부라이브러리를 이용했었는데.. ajax와 axios의 자세한 내용은 아래 링크 확인 https://bongra.tistory.com/57 [JS] AJAX를 통한 동적으로 서버통신을 해보자. (feat. Js, JQuery, Axios) 오늘은 AJAX를 통해서 동적인 서버통신을 한번 해보겠다~~ AJAX란? Ajax란 Async.. 공감수 2 댓글수 0 2022. 2. 24.
[기타] 포스트맨(POSTMAN)을 이용해서 API를 날려보자. 내가 진짜 네이버 오픈API 때문에 이틀동안 스트레스 받다가 내가 API호출 할 때 뭘 잘못했나? 싶어서 이것저것 해보다가 여기까지 왔다. 오늘 소개 할 툴은 포스트맨이라는 녀석으로, 간단하게 API를 날려볼 수 있는 녀석이다. 보통 우리가 API를 테스트 해볼때는 외부 라이브러리 가져다가 코드를 짜든 아니면 그냥 코드만 짜든 시간이 낭비 된다. 그럴 때 포트스맨을 사용하면 편리하게 URL와 헤더만 보내서 API 호출이 될 수 있는지 확인 할 수 있다. 그럼 바로 다운로드와 사용방법을 알아보자. 포스트맨 다운로드 및 사용법 ============================================================================ 우선 아래 링크로 가서 포스트맨을 다운로드 받.. 공감수 1 댓글수 2 2022. 2. 21.
[기타] Uncaught SyntaxError: Cannot use import statement outside a module 에러 import/export 정리를 하는데 아래와 같은 에러 발생 Uncaught SyntaxError: Cannot use import statement outside a module 그냥 -- 변경후 공감수 0 댓글수 0 2022. 2. 14.
[기타] webpack(웹팩)에 대한 정리 : loader(로더)를 사용해보자(2) 저번 글에서 웹팩 라이브러리 다운로드 및 기초를 알아봤다. ( 아래 링크 ) https://bongra.tistory.com/107 [기타] webpack(웹팩)에 대한 정리 : 웹팩 라이브러리 다운로드 및 기초 (1) 주말에 공부를 하는데 VScode 에러 잡는다고 시간 날리고, 웹팩 공부하는데 에러나서 4시간 날리고 겨우 정리한다.. https://bongra.tistory.com/105 [기타] VScode : Error: Cannot find module 'vue-template-co.. bongra.tistory.com 근데 웹팩은 기본적으로 javascript파일만 가져 올 수 있다. 만약 가져오는 파일중에 .js가 아닌 다른 형식의 파일이 있으면 에러가 난다.. 이렇게 js파일만 있다면 웹팩.. 공감수 0 댓글수 0 2022. 2. 14.
[기타] 웹팩(webpack)을 사용하는 이유 개발을 하다보면, javascript파일이 많아지기 마련이다.. 다음 HTML파일을 보자. 보면 test.js를 순서대로 4개를 가져온다. 근데 보통 프로젝트를 하면 js파일이 적어도 100개에서 수백개까지 늘어난다. 그럼 어떻게 될까? 코드도 길어지고, 정리하기도 힘들 것이다. 그래서 개발을 하다보면 common.js와 같이 js를 모아놓은 js파일을 만들어 쓰는 경우가 많다. 여기를 보면 4개의 js파일들을 testCommon.js다른 곳에서 import하여, HTML에서 쓰고 있다. 그렇다면 네트워크에서는 testCommon.js 하나만 가져올까? 정답은 '땡'이다. testCommon.js까지 해서 5개를 다 가져온다.. 이런 걸 모듈화라고 하는데, 실제로 내가 진행했던 프로젝트도 이렇게 js를 .. 공감수 0 댓글수 0 2022. 2. 13.
[기타] webpack(웹팩)에 대한 정리 : 웹팩 라이브러리 다운로드 및 기초 (1) 주말에 공부를 하는데 VScode 에러 잡는다고 시간 날리고, 웹팩 공부하는데 에러나서 4시간 날리고 겨우 정리한다.. https://bongra.tistory.com/105 [기타] VScode : Error: Cannot find module 'vue-template-compiler' 에러 ( feat. 웹팩 ) 오늘 webpack 사용법을 공부하고 있는데, npm run build 명령어를 통해서 웹팩을 실행하려는데 아래와 같은 에러가 발생하였다. 실행 명령어 npm run build vue-template-complier 모듈을 찾을 수 없다는 말 같은 bongra.tistory.com 이 에러 때문에 4시간 날렸다... 결국 위의 방법으로는 vue파일을 import해서 웹팩으로 output 할 .. 공감수 1 댓글수 0 2022. 2. 13.
[기타] VScode : No inputs were found in config file Specified 'include' paths were '["**/*"]' and 'exclude' paths were 공부하는데, 아는게 없으니 계속 에러와 맞닥뜨리니 에러 고치는데 시간 다 쓰네... 빨리 ES6랑 Vue 공부해야 되는데.. 아무튼 다음에는 시간낭비 안하게 계속 정리를 해야겠다.. 웹팩 설치하는데, 앞에서 만든 tsconfig.json에 빨간줄이 뜨길래 커서를 갖다대니, 이미지와 같은 에러가 발생했다. No inputs were found in config file Specified 'include' paths were '["**/*"]' and 'exclude' paths were 구글링을 해보니 tsconfig.json 가 이처럼 다른 폴더(C:\src)에 있을 때, C:\src 안에 적어도 하나의 .ts 파일이 있어야 한다는 것이다. 만약 없으면 빈 .ts 파일을 하나 만들어 놓아야 한단다. (중.. 공감수 0 댓글수 0 2022. 2. 13.
[기타] VScode : Error: Cannot find module 'vue-template-compiler' 에러 ( feat. 웹팩 ) 오늘 webpack 사용법을 공부하고 있는데, npm run build 명령어를 통해서 웹팩을 실행하려는데 아래와 같은 에러가 발생하였다. 실행 명령어 npm run build vue-template-complier 모듈을 찾을 수 없다는 말 같은데... 분명 npm 명령어를 통해 설치를 한 상태.. package.json을 보면 이렇게 설치가 된 것을 확인할 수 있다.. 그래서 구글링을 때려보니 크게 2가지 해결방법이 있었다. 1. html문법이 잘못 된 것. 예) value="2"여야 하는데 value=""2 와 같이 값이 "" 밖에 있는 것. 2. html태그에 있는 lang이 문제이니 지울 것. 물론 나는 2가지 방법으로 해결이 되지 않아, 뭐가 문제지... 하면서 찾던 와중, 프론트단이 문제일 .. 공감수 0 댓글수 0 2022. 2. 13.
[기타] VScode : Error while loading config - You appear to be using a native.... 에러 VScode가 처음이라 만지기만 에러가 뜬다.. 뭘 잘못 했는지는 모르지만, 에러 난 거 하나하나 고쳐가면서 정리를 하려고 한다. 이번에 뜬 에러는 다음과 같다. Error: C:\Users\BONG\Desktop\vueProject\vue_prj\vueprj\babel.config.js: Error while loading config - You appear to be using a native ECMAScript module configuration file, which is only supported when running Babel asynchronously. 원래 js파일이랑 vue파일이 import가 되지 않는 문제를 고치려고 package.json에 아래 속성을 넣었었는데 해당 에러가 뜬 것.. 공감수 0 댓글수 0 2022. 2. 12.
[기타] VScode : Cannot find name 'template'.에러 오늘 VScode를 만지작 거리고 있는데, Vue파일에 에러가 엄청 뜨는 것을 발견.. 에러는 아래와 같았다. 태그도 못찾고 이것 저것 다 못찾는 에러.. 그래서 검색해보니, vetur의 문제라는 이야기도 있고, 이것 저것 많았다. 이 문제 때문에 고생하는 사람들도 있는 듯.. 구글링을 해보니 아래와 같은 링크를 발견했다. https://github.com/vuejs/vetur/issues/1388 "Cannot find name" and other problems with TypeScript-SFC · Issue #1388 · vuejs/vetur I have searched through existing issues I have read through docs I have read FAQ Info P.. 공감수 0 댓글수 0 2022. 2. 12.
[기타] VScode Vetur can't find tsconfig.json, jsconfig.json in /xxxx/xxxxxx. 에러 오늘 VScode로 이것저것 만지고 있는데 아래와 같은 에러(?)가 발생했다. VScode 우측하단에 이런 경고창이 떴는데 내용은 이렇다. Vetur can't find tsconfig.json or jsconfig.json in c:\Users\admin\Documents\Project. tsconfig.json파일과, jsconfig.json파일을 찾을 수 없다는 것. 해결방법은 root 경로에 해당 파일 2개를 추가해주면 된다. tsconfig.json // tsconfig.json { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": [ "src/*" ] } } } jsconfig.json { "include": [ "./src/**/*" ] } 이.. 공감수 0 댓글수 0 2022. 2. 12.
[기타] BootStrap(부트스트랩)을 사용해서 HTML화면을 만들어보자. 이제 VScode를 이용해서, ES6문법이나, Vue문법 등을 공부하려고 하는데, 그냥 만들면 심심하기도 하고, HTML코드나 CSS를 짜는 건 너무 노가다니.. 부트스트랩을 사용하려고 한다. 우선 아래 링크로 접속해준다. http://bootstrapk.com/ 부트스트랩 · 세상에서 가장 인기있는 모바일 우선이며, 반응형인 프론트엔드 프레임워크. 프리프로세서 부트스트랩은 평범한 CSS 로 제공합니다만, 그것의 소스코드는 2개의 인기있는 CSS 프리프로세서인 Less 와 Sass 를 사용합니다. 신속하게 프리컴파일된 CSS 로 시작하거나 소스를 빌드 bootstrapk.com 그리고 다운로드 버튼을 눌러준다. 여기서 직접 다운로드를 해도 되지만, 나는 CDN을 통해서 부트스트랩을 사용해보겠다. copy.. 공감수 0 댓글수 0 2022. 2. 12.
[기타] npm install -g @vue/cli 명령어 에러 해결법 저번에 VScode로 @vue/cli 라이브러리를 설치하는데 아래와 같은 에러가 발생했다. 1. npm 은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램... 오류 해결 방법 2. 'npm' 용어가 cmdlet 함수 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다 해당 에러가 나는 사람은 이 글을 보면 해결 할 수 있을지도 모른다 그럼 바로 시작해보자. 1. npm 은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램... 오류 해결 방법 ============================================================================ 시스템 환경변수의 Path에 해당 경로를 추가한다. C:\Users\[본인 계정이름]\AppDat.. 공감수 0 댓글수 0 2022. 2. 6.
[기타] 비주얼 스튜디오 코드(Visual Studio Code)에서 Vue 3.0 개발환경을 세팅 및 프로젝트를 생성 해보자 ( feat. Node.js ) 저번 글에서는 비주얼 스튜디오 코드를 설치해보았다. 이제 Vue를 공부해야 하기 때문에 Vue로 개발을 할 수 있는 개발환경을 세팅해보자. 1. Node.js 설치 ============================================================================ Node.js를 설치하면 VScode의 터미널에서 npm이란 명령어를 통해 자신이 필요한 각종 라이브러리를 설치할 수 있게 된다. 즉 각종 웹개발 라이브러리 설치 도우미라고 보면 된다. 여기서는 @vue/cli명령어를 통해 터미널에서 Vue프로젝트를 설치 할 수 있도록 하기 위해 설치한다. 우선 아래 링크에서 Node.js를 다운로드 해주자. https://nodejs.org/ko/ Node.js Node... 공감수 1 댓글수 0 2022. 2. 6.
[기타] 비주얼 스튜디오 코드(Visual Studio Code) 설치 및 한글 설정 지금까지 학원을 다닐 때도, 회사에서 일을 할 때도 이클립스만 사용했었다. 근데 Vue를 공부하거나, javascript를 공부하려고 유튜브에서 영상을 보면 대부분 비주얼 스튜디오 코드를 사용한다. 강력한 텍스트 편집기 이기 때문.. 이제 ES6문법을 조금씩 공부하려고 생각한 김에 비주얼 스튜디오 코드를 설치해보자~ 1. 비주얼 스튜디오 코드(Visual Studio Code) 설치 ============================================================================ 비주얼 스튜디오 코드 공식 홈페이지로 접속 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visua.. 공감수 0 댓글수 0 2022. 2. 6.
[API] 카카오 주소 검색API, 키워드 검색 API를 사용해보자 ( feat. vue.js axios ) 요즘 계속 API만 하고 있는데, 여러번 써봐야 몸에 밸 것 같아서.. 계속 한번 해보자. 저번에는 그냥 데이터를 보내 카카오 API호출을 해서 데이터를 받아 오는 것만 했는데, 이번에는 카카오에서 지원하는 주소검색을 한번 해보자. 우선 자세한 가이드는 아래 링크에서 확인 가능하다. https://postcode.map.daum.net/guide Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다. postcode.map.daum.net 이런 느낌의 주소창을 이용하여 주소검색을 하고 데이터를 가져올 수 있다. 깔끔한 주소창... 실제 프로젝트에서 활용하면 더 좋.. 공감수 1 댓글수 0 2022. 2. 2.
[API] 카카오API를 활용하여 지도표출 및 주소 검색을 해보자. 이번에는 API를 활용하여 카카오톡의 오픈API인 카카오 지도를 가져와보자. 그리고 주소를 검색하는 기능도 한번 만들어 보자~ 그럼 바로 시작 지도를 뿌리는 건 매우 쉽다. 여기서는 따로 설명을 하지 않겠다. 아래 링크를 그대로 따라가면 된다. https://apis.map.kakao.com/web/guide/ 그럼 아래와 같이 된다. kakaoApi.jsp kakaoApi.js $(document).ready(function(){ var container = document.getElementById('kakaoMap'); //지도를 담을 영역의 DOM 레퍼런스 var options = { //지도를 생성할 때 필요한 기본 옵션 center: new kakao.maps.LatLng(33.450701, .. 공감수 0 댓글수 0 2022. 2. 2.
[API] CORS 에러발생과 해결법 (feat. 프록시 서버 활용) 오늘 API를 통해 데이터를 받아오는 것을 공부하고 있는데, CORS에러가 떴다.. 공공데이터포털에서 데이터를 받아오는데, 아래와 같이 URL요청을 하니 에러가 발생했다. methods : { search : function(){ var self = this; var url = apiURL + '?serviceKey=' +apiKey + '&pageNo=' + this.pageNo + '&numOfRows=' + this.numOfRows + '&nrsry_type=' + this.nrsryType; axios.get(url).then(function(result) { // url호출 -> 공공데이터포털로 데이터 요청을 보낸다. (request) self.apiList = result.data.items.. 공감수 0 댓글수 2 2022. 2. 2.
[API] API에 대해 알아보자. API란?? Application Programming Interface(애플리케이션 프로그래밍 인터페이스)의 약자로 한 프로그램에서 다른 프로그램으로 데이터를 주고 받기 위한 방법이다. 라고 적혀 있다. 그런데 이렇게 보면 잘 이해가 되지 않는다. 그런데 이걸 몰라도 누구나 api요청을 매일 하고 있다. 심지어 개발자가 아니더라도.. 다음 이미지를 보자. 우리가 유튜브로 동영상을 본다고 하자. 그럼 보고싶은 영상의 이미지나, 제목을 클릭할 것이다. 그럼 어떻게 될까? 동영상이 나오는 화면으로 이동 할 것이다. 이게 API 요청과 응답이다. 동영상 제목을 클릭했을 때 바뀌는 URL이것이 API요청이다. API요청은 본래 코드로 작성한 뒤 서버로 요청을 해야 하지만, 이건 개발자나 가능한 방식이고, 일반인.. 공감수 0 댓글수 0 2022. 2. 2.
[API] 공공데이터 포털의 오픈API를 받아와 목록에 뿌려보자. ( feat. REST API ) 오늘은 공공데이터포털의 오픈API를 활용하여, 데이터를 한번 가져와 보자. 우선 공공데이터포털에 접속한다. 1. 공공데이터 포털 설명 ============================================================================ https://www.data.go.kr/ 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr 데이터찾기 > 데이터목록 으로 들어간다. 자. 여기서 마음에 드는 데이터를 하나 고른다. 여기서 조건열기를 눌러 조건을 설정해준다. 서비스유형을 REST, 확장.. 공감수 3 댓글수 0 2022. 2. 1.
[JAVA] JAVA 환경변수를 설정해보자 ( .feat startup.bat ) 저번에 JAVA를 설치할 때 환경변수를 설정하지 않았다. 왜냐하면 CMD창을 이용해서 JAVA명령어를 칠 일이 없다고 판단해서였다. 하지만 이번에 startup.bat 배치파일을 이용해서 Tomcat 서버를 기동하려하니 다음과 같은 에러가 났다. 에러가 나는 이유는 간단하다. 시스템 환경변수에 JAVA_HOME이나 JRE_HOME가 정의가 안돼있어서 오류가 나는 것이다. 그럼 오늘은 시스템 환경변수를 설정해보겠다. ( JAVA가 설치 되어 있다는 가정하에 정리 ) 자 이렇게 JAVA_HOME이라는 시스템 변수명을 정의 하고 JDK가 설치 된 경로를 변수값으로 준다. 그 뒤 Path를 클릭하여 환경 변수 편집창을 열고 아래에 JAVA_HOME의 bIn을 Path값으로 추가 해준다. 그 뒤 CMD창을 닫고 .. 공감수 0 댓글수 0 2022. 1. 8.

728x90

반응형

문의안내

티스토리
로그인
고객센터

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