티스토리

개발개발
검색하기

블로그 홈

개발개발

ye333.tistory.com/m

ye3_ 님의 블로그입니다.

구독자
4
방명록 방문하기

주요 글 목록

  • [오류해결] 인텔리제이 한글깨짐현상 해결 application.properties 파일에 아래 코드 추가 server.servlet.encoding.charset=UTF-8 server.servlet.encoding.enabled=true server.servlet.encoding.force=true 공감수 0 댓글수 0 2024. 1. 28.
  • [JavaScript] 금액 변환 - 숫자에서 한글로, 한글에서 숫자로 한글 -> 숫자 function korToNum(value) { var numKor = '영일이삼사오육칠팔구'; var numUnit1 = { '십': 10, '백': 100, '천': 1000 }; var numUnit2 = { '만': 10000, '억': 100000000, '조': 1000000000000 }; var num = 0; var ret = 0; var total = 0; for (var i = 0; i < value.length; i++) { var n = value.charAt(i); if (numKor.indexOf(n) != -1) { num = numKor.indexOf(n); } else if (n in numUnit1) { if (num == 0) num = 1; ret +.. 공감수 0 댓글수 0 2024. 1. 22.
  • [오류해결] Whitelabel Error Page, java.lang.IllegalArgumentException [오류내용] 크롬에서 해당 api 실행 시 "Whitelabel Error Page"로 뜨고 인텔리제이에서는 아래 코드와 같은 에러가 뜬다. java.lang.IllegalArgumentException: Name for argument of type [java.lang.Long] not specified, and parameter name information not available via reflection. Ensure that the compiler uses the '-parameters' flag. [해결방법] @PathVariable에 name="id" 추가 public Long update(@PathVariable(name="id") Long id){ ... } 공감수 0 댓글수 0 2024. 1. 16.
  • [오류해결] Database "mem:testdb" not found http://localhost:8080/h2-console 에서 JDBC URL을 "jdbc:h2:mem:testdb"로 변경하려하니 다음과 같은 에러가 났다. Database "mem:testdb" not found, either pre-create it or allow remote database creation (not recommended in secure environments) [해결방법] 인텔리제이 application.properties 파일에서 아래 코드 추가 후 재실행했다. spring.datasource.url=jdbc:h2:mem:testdb 공감수 0 댓글수 0 2024. 1. 16.
  • [오류해결] error: package org.junit does not exist error: package org.junit does not exist import org.junit.*; java: cannot find symbol symbol: class After location: package org.junit intelliJ + Gradle 환경에서 junit import 에러 해결 방법 Settings -> Build, Execution, Deployment -> Build Tools -> Gradle 에서 Build and run using : IntelliJ IDEA Run tests using : IntelliJ IDEA Gradle -> IntelliJ IDEA로 변경 공감수 0 댓글수 0 2024. 1. 9.
  • 주소 MAC 주소 vs IP 주소 MAC 주소 : 컴퓨터나 라우터 등 네트워크 기기에 처음부터 할당된 번호로, 이더넷에서 사용 IP 주소: 컴퓨터를 식별하기 위해 할당되는 번호로, TCP/IP에서 사용 프라이빗 IP 주소 : 랜 내부에서 사용 글로벌 IP 주소 : 인터넷에서 사용 IP 주소 + MAC 주소 => 컴퓨터끼리 통신 가능 IP주소 10진수 네자리로 표기 -> 실체는 8자리 2진수 옥텟 4개의 조합 네트워크부 + 호스트부로 구성 호스트부를 바꿔 컴퓨터, 서버, 프린터 등에 IP 주소 할당 네트워크부 : 어떤 네트워크를 나타내는 정보 호스트부 : 네트워크 안의 컴퓨터를 특정하는 정보 ex) 192.168.68.109 => 1~3옥텟(192.168.68)은 네트워크부, 4옥텟(109)은 호스트부 서브넷 .. 공감수 0 댓글수 0 2023. 12. 21.
  • 네트워크 구성 요소 단말 사용자가 일반적으로 이용하는 기기 ex) PC, 휴대전화 등 서버 어떤 서비스를 제공하는 컴퓨터 365일 쉬지않고 계속 가동될 것을 예상하여 고성능 부품 사용 스위치 유선 랜을 묶은 것 -> L2 스위치 네트워크와 네트워크를 연결하는 것 -> L3 스위치 부하 분산 및 애플리케이션에 맞게 통신을 제어할 수 있는 것 -> L4, L7 스위치 ONU 광 회선과 공유기 사이에 설치 광 회선과 공유기 연결, 광 신호와 디지털 신호 변환 라우터 네트워크와 네트워크를 연결 랜과 인터넷 경계에 설치되어 네트워크 간 다리를 놓기 또는 거점과 거점 연결 여러 단말기로 네트워크 회선을 공용하는 역할 가상 라우터 가상 데이터 센터인 VPC쪽 연결점이 되는 것 전용 하드웨어인 라우터와 달리 클라우드에서 실행되는 소프트웨.. 공감수 0 댓글수 0 2023. 12. 21.
  • [C#/WinForm] Dock 우선순위 설정하기 컨트롤을 정렬할 경우 Dock을 사용한다. 예를 들어 버튼을 맨 위에 배치하고 싶을때 Dock을 Top으로 설정한다. 만약 여러개의 컨트롤을 차례대로 정렬하고싶은 경우 해당 컨트롤에 같은 값의 Dock을 설정하고 디자이너에 Controls.Add()를 역순으로 정렬하면 원하는 우선순위대로 정렬된다. this.Controls.Add(this.btn3); this.Controls.Add(this.btn2); this.Controls.Add(this.btn1); 공감수 0 댓글수 0 2023. 4. 21.
  • [오류해결] 기본 연결이 닫혔습니다. 보내기에서 예기치 않은 오류가 발생했습니다 httpWebRequest.KeepAlive = true; httpWebRequest.UserAgent = "Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)"; ServicePointManager.SecurityProtocol |= SecurityProtocolType.Ssl3; ServicePointManager.SecurityProtocol |= SecurityProtocolType.Tls; ServicePointManager.SecurityProtocol |= SecurityProtocolType.Tls11; ServicePointManager.SecurityProtocol |= SecurityProtocolType.Tls12; 프레임워크 4.6으로 변경 공감수 0 댓글수 0 2023. 1. 11.
  • [오류해결] System.Runtime.InteropServices.COMException: '클래스가 등록되지 않았습니다. (예외가 발생한 HRESULT: 0x80040154 (REGDB_E_CLASSNOTREG))' System.Runtime.InteropServices.COMException: '클래스가 등록되지 않았습니다. (예외가 발생한 HRESULT: 0x80040154 (REGDB_E_CLASSNOTREG))' 활성 솔루션 플랫폼 Any CPU -> x86 으로 변경 공감수 0 댓글수 0 2022. 11. 7.
  • [오류해결] WebView2 실행 시 Form 위에 보이지 않을 때 WinForm에서 WebView2를 사용하기 위해 아래 링크에서 튜토리얼을 따라했다. https://docs.microsoft.com/en-us/microsoft-edge/webview2/get-started/winforms Get started with WebView2 in WinForms apps - Microsoft Edge Development Getting started guide for using WebView2 for WinForms apps. docs.microsoft.com 실행 시 오류는 없었지만 WinForm에서 WebView2가 보이지않았다. 원인은 3단계에 명시된 Microsoft Edge preview channel이 설치되어있지 않아서였다. Edge가 설치되어있어 같은건줄 알고.. 공감수 0 댓글수 0 2022. 8. 2.
  • [오류해결] System.InvalidOperationException: 'CreationProperties cannot be modified after the initialization of CoreWebView2 has begun.' C# Winform에서 WebView2 fixed version을 적용할 때 발생됐다. 원인은 winform에 webview2를 올릴 때 자동으로 작성되는 코드에 있었다. CoreWebView2 초기화가 시작된 후에는 WebView2.CreationProperties를 수정할 수 없는데 코드 내에서 webview2 fixed version을 설정을 위해 CreationProperties를 사용하기 전에 Designer 파일에서 CoreWebView2 초기화가 선행되기 때문이다. 따라서 .Designer.cs 파일에서 Form에 대한 부분 중 Webview2를 초기화하는 아래 소스코드를 주석처리하면 된다. ((System.ComponentModel.ISupportInitialize)(this.webView.. 공감수 0 댓글수 0 2022. 8. 2.
  • WebView2 runtime fixed version 적용하기 https://docs.microsoft.com/en-us/microsoft-edge/webview2/concepts/distribution#details-about-the-fixed-version-runtime-distribution-mode Distribute your app and the WebView2 Runtime - Microsoft Edge Development How to distribute the WebView2 Runtime when releasing an app that uses Microsoft Edge WebView2, either by distributing the automatically updated Evergreen Runtime, or distributing a Fixed.. 공감수 0 댓글수 0 2022. 8. 2.
  • [.NET] 빌드(Build)와 다시빌드(ReBuild) 차이 빌드 : 이전 빌드 이후 변경된 소스파일만 빌드 다시빌드 : 기존 빌드 내용을 제거한 후 모든 소스파일을 새롭게 전체 빌드 버전 싱크가 깨진 경우 다시 빌드를 통해 오류 해결 가능 정리(Clean) 후 빌드 = 다시 빌드 와 같음 공감수 1 댓글수 0 2022. 7. 25.
  • Custom URI 만들기 exe 형태의 실행프로그램을 테스트하기 위해 파라미터 전달하는 방법으로 CustomURI가 있다. Custom URI란 http,ftp와 같은 URI Scheme 대신 임의의 URI Scheme를 레지스트리에 등록하여 사용하는 것을 뜻한다. 예를 들어 "test://"로 시작하는 URI Scheme를 레지스트리에 등록하면 "test://test프로그램"식으로 호출할 경우 "test프로그램"을 파라미터로 사용할 수 있다. 예제 1. exe 형태의 실행 프로그램을 만들어 2. nsi 스크립트를 통해 customURI를 레지스트리에 저장한 후 3. 샘플 html을 통해 customURI로 exe프로그램이 실행되는지 확인한다. 여기서 사용한 exe 프로그램은 간단하게 파라미터를 라벨 형식으로 띄워주는 프로그램이.. 공감수 0 댓글수 0 2022. 7. 12.
  • [CSS] 선택자 기본 선택자 * : 전체 선택자. 모든 요소를 선택 ABC : 태그 선택자. 태그 이름이 ABC인 요소를 선택 .ABC : 클래스 선택자. 클래스 속성의 값이 ABC인 요소를 선택 #ABC : 아이디 선택자. 아이디 속성의 값이 ABC인 요소를 선택 복합 선택자 span.orange : 일치 선택자. span과 .orange를 동시에 만족하는 요소 선택 ul > .orange : 자식 선택자. ul의 자식 요소 .orange를 선택 div .orange : 하위 선택자. div의 하위 요소 .orange를 선택 (띄어쓰기가 선택자의 기호) .orange + li : 인접 형제 선택자. 선택자 .orange의 가장 인접한 형제 요소 li 하나를 선택 .orange ~ li : 일반 형제 선택자. 선택자 ... 공감수 0 댓글수 0 2022. 3. 28.
  • 정적 파일 만들기 : 탭 아이콘 설정하기 상단의 탭에 아이콘을 설정하기 위해 우선 .ico 형식의 파일을 생성한다. 아래의 사이트를 이용하여 png 파일을 ico 파일로 변환할 수 있다. https://www.icoconverter.com/ ICO Converter Converts images to the ICO format for your websites or applications. www.icoconverter.com 생성한 ico 파일을 프로젝트 폴더안에 폴더를 생성하여 넣어준다. ex) static 프로젝트를 실행할 때 dist 폴더에서 해쉬값을 포함된 파일을 통해 실행되지만 dist 폴더는 삭제됐다가 다시 생성할 수 있는 폴더이므로 ico 파일을 dist 폴더에 바로 넣는건 문제가 될 수 있다. 그러므로 parcel-plugin-st.. 공감수 0 댓글수 0 2022. 3. 27.
  • 번들러 (Bundler) : parcel, webpack, rollup 번들러란 웹에서는 기본적으로 html, css, javascript가 동작을 한다. 그러나 이것만 가지고서 코딩을 하기에는 비효율적인 부분들이 있다. 그렇기 때문에 vue.js, react, sass 등 다양한 기능들의 도움을 받는다. 이러한 기능들은 웹에서 직접적으로 동작하지 않기때문에 변환하는 작업을 거쳐야한다. 이를 웹에서 동작하도록 변환하는 과정을 도와주는게 번들러(Bundler)이다. 번들러를 통해 변환을 할 때 외부의 패키지를 번들러가 설치하여 패키지의 도움을 받아 변환한다. 즉 실질적인 변환은 외부의 패키지가 직접적으로 수동으로 작업을 해줘야하는데 이 수동의 작업을 번들러에게 위임하는 것이다. 번들러의 종류 parcel : 구성 옵션 없는 단순한 자동 번들링, 소/중형 프로젝트에 적합 web.. 공감수 0 댓글수 0 2022. 3. 27.
  • [JavaScript] Query String 주소?속성=값&속성=값&속성=값 공감수 0 댓글수 0 2022. 3. 23.
  • [JavaScript] OMDb API : 영화정보 받아오기 http://www.omdbapi.com OMDb API - The Open Movie Database www.omdbapi.com API Key 발급 후 사용 import axios from 'axios' function fetchMovies() { axios .get('https://www.omdbapi.com/?apikey=7035c60c&s=frozen') .then((response) => { console.log(response) }) } 공감수 0 댓글수 0 2022. 3. 23.
  • [JavaScript] Storage : localStorage, SessionStorage localStorage : 데이터 만료되지않음 sessionStorage : 페이지를 닫을 때 데이터 사라짐 localStorage.setItem('myCat', 'Tom') localStorage.getItem('myCat') localStorage.removeItem('myCat') // 객체 저장하고 가져오기 localStorage.setItem('user', JSON.stringify(user)) JSON.parse(localStorage.getItem('user')) 공감수 0 댓글수 0 2022. 3. 23.
  • [JavaScript] Lodash .uniq() : 중복 데이터 삭제 .uniqBy(arr, id) : arr 배열에 id를 기준으로 중복 데이터 삭제 .unionBy(arr1, arr2, id) : id를 기준으로 중복없이 arr1, arr2 합체 .find() : 배열에서 조건에 맞는 값 찾아 반환 .findIndex() : 배열에서 조건에 맞는 값 찾아 인덱스 반환 .remove() : 조건에 맞는 값 삭제 const usersA = [{ userId: 1, name: 'a' }, { userId: 2, name: 'b' } ] const usersB = [{ userId: 1, name: 'a' }, { userId: 3, name: 'c' } ] const usersC = usersA.concat(usersB) import _ .. 공감수 0 댓글수 0 2022. 3. 23.
  • [JavaScript] 데이터 불변성, 얕은 복사, 깊은 복사 데이터 불변성 원시 데이터 : String, Number, Boolean, undefined, null 참조 데이터 : Object, Array, Function const user = { id: 123, emails: ['abc@gmail.com'] } 얕은 복사 : 내부의 또 다른 참조 데이터는 복사 안됨 // assign() 이용 const copyUser = Object.assign({}, user) // 전개연산자 이용 const copyUser = {...user} 깊은 복사 : 참조 데이터까지 복사 // lodash 이용 import _ from lodash const copyUser = _.cloneDeep(user) 공감수 0 댓글수 0 2022. 3. 23.
  • [JavaScript] 배열 관련 함수 .find() : 주어진 판별 함수를 만족하는 첫번째 요소의 값을 반환 .concat(arr2) : 두 개의 배열을 병합 (원본 데이터는 수정되지 않음) .forEach() : 배열의 개수만큼 반복 실행 .map() : 배열의 개수만큼 반복 실행하고 새로운 배열을 만들어 반환 .filter() : 특정 기준에 맞는 요소를 배열로 반환 .find() : 조건에 맞는 요소를 찾아 반환 .findIndex() : 조건에 맞는 요소를 찾아 인덱스를 반환 .includes() : 특정 데이터 포함되어있는지 확인 .push() : 배열 맨 뒤에 데이터 추가 .unshift() : 배열 맨 앞에 데이터 추가 .reverse() : 배열 뒤집기 (원본 수정됨) .splice(n, k, i) : 인덱스 n부터 k개의 데.. 공감수 0 댓글수 0 2022. 3. 23.
  • [JavaScript] 정규표현식 (RegExp) 정규표현식 테스트 사이트 https://regexr.com/ RegExr: Learn, Build, & Test RegEx RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp). regexr.com 정규식 생성 // 생성자 new RegExp('표현', '옵션') new RegExp('[a-z]', 'gi') // 리터럴 /표현/옵션 /[a-z]/gi 정규식을 다루는 메소드 정규식.exec(문자열) : 일치하는 하나의 정보(Array) 반환 정규식.test(문자열) : 일치 여부(Boolean) 반환 문자열.match(정규식) : 일치하는 문자열의 배열(Array) 반환 문자열.search(정규식) : 일.. 공감수 0 댓글수 0 2022. 3. 23.
  • 프로젝트 시작하기 1. npm init -y 2. npm install parcel-bundler -D 3. main.js 파일 생성 4. index.html 파일 생성 5. index.html 파일에 main.js 연결 6. package.json 파일 scripts 변경 "scripts": { "dev": "parcel index.html", "build": "parcel build index.html" }, 7. npm run dex * parcel-bundler 버전이 맞지 않을 경우 npm i parcel-bundler@(원하는 버전) -D * git에 올릴때는 폴더 gitignore .cache/ dist/ node_modules/ 공감수 0 댓글수 0 2022. 3. 22.
  • [JavaScript] this 일반 함수 : 호출 위치에서 this 정의 화살표 함수 : 자신이 선언된 함수 범위에서 this 정의 공감수 0 댓글수 0 2022. 3. 22.
  • [JavaScript] 콜백 (callback) callback : 함수의 인수로 사용되는 함수 원하는 위치에서 코드를 실행하기 위해 콜백을 사용한다. function timeout(callback) { setTimeout(() => { console.log('timeout') callback() }, 3000) } timeout(() => { console.log('done!') }) 위 코드에서는 setTimeout에서 설정한 3초 뒤에 코드를 실행하기 위해 callback이라는 함수를 인자로 받는다. 콜백함수를 통해 기본적인 실행을 보장한다. 공감수 0 댓글수 0 2022. 3. 22.
  • [JavaScript] 타이머 함수 setTimeout(함수, 시간) : 일정 시간 후 함수 실행 setInterval(함수, 시간) : 시간 간격마다 함수 실행 clearTimeout() : 설정된 Timeout 함수를 종료 clearInterval() : 설정된 Interval 함수를 종료 setTimeout(function () { console.log('timer') }, 3000); const timer1 = setTimeout(() => { console.log('timer') }, 3000); const timer2 = setInterval(() => { console.log('timer') }, 3000); const h1El = document.querySelector('h1') h1El.addEventListener('c.. 공감수 0 댓글수 0 2022. 3. 22.
  • [JavaScript] 호이스팅 (Hoisting) 호이스팅이란 함수 선언부가 유효범위 최상단으로 끌어올려지는 현상을 뜻한다. 자바스크립트는 기본적으로 위에서 아래로 읽으면서 실행된다. const a = 7 double() const double = function() { console.log(a * 2) } 위와 같은 코드는 함수 표현 double의 실행이 선언보다 선행되었기때문에 에러가 난다. const a = 7 double() function double() { console.log(a * 2) } 그러나 위의 코드와 같이 double을 함수로 선언하면 에러가 나지 않는다. 이는 함수 선언부가 가장 최상단으로 끌어올려지는 호이스팅 현상이 일어났기 때문이다. 공감수 0 댓글수 0 2022. 3. 22.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

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

    © Kakao Corp.