본문 바로가기

분류 전체보기

 (341)
[React 프로젝트] KPMG Ideation Challenge 홍보 웹페이지 프로젝트 개요 Web frontend 2021.01.25-2021.02.24 React UI/UX 설계 및 디자인 KPMG Ideation Challenge 홍보 웹페이지 KPMG Ideation Challange kpmg-ideation-challenge.koreacentral.cloudapp.azure.com KPMG Ideation Challenge는 KPMG에서 매년 주최하는 해커톤으로, 인공지능 기술 솔루션 아이디어를 제안하는 대회입니다. 1차적으로 세계 각국의 글로벌 KPMG 멤버펌에서 각 나라별로 대회가 진행되고, 각 나라의 우승자들이 글로벌 대회에 각국 대표로 출전하여 우승자를 뽑는 대회입니다. 이 대회는 각 KPMG 내에 있는 인공지능 솔루션 개발 팀인 Lighthouse에서 주도하며, ..
[HTML/SCSS/Typescript 프로젝트] Wordle Game 프로젝트 개요 Wordle 게임 만들기 2022.05.13-2022.05.16 HTML/SCSS/Typescript https://github.com/Seungyoonkim66/wordle Wordle : 단어 맞추기 게임 wordle은 2021년 10월 공개되어 2021년 12월 말부터 꾸준히 인기를 얻고 있는 영어 단어 맞추기 게임입니다. 자세한 게임 방법은 링크를 참고하시기 바랍니다. 이 프로그램이 순수 자바스크립트로만 만들어졌다는 소문(?)을 듣고 흥미를 가졌다가 typescript와 scss를 공부해볼 겸 이 프로젝트를 시작했습니다. 프로그램은 한 판마다 한 단어를 답으로 설정합니다. 이때 단어를 불러오는 API로 http://random-word-api.herokuapp.com/home를 ..
SpringBoot) ThreadPoolExecutor 기본 개념 ThreadPool 서버가 어플리케이션에서 발생하는 모든 요청에 대해 매번 쓰레드를 생성하면 스레드를 생성하는 과정과 다수의 스레드를 스케줄링하느라 CPU가 바빠져 메모리 사용량이 늘어난다. 이는 전체적인 시스템 성능 저하를 초래하고 자원이 고갈되어 메모리풀로 서버가 다운 될 수 있다. 그래서 쓰레드풀을 사용한다. 쓰레드풀은 쓰레드를 미리 만들어 두고 재사용하는 방식으로 일정 수의 작업을 동시에 처리하도록 한다. 이때 사용될 수 있는 쓰레드 개수를 제한해놓고 작업 큐에 들어오는 작업들을 하나씩 쓰레드에 할당한다. 그리고 쓰레드가 한 테스크를 끝내면 다음 대기 1순위 태스크가 그 쓰레드를 재사용하는 방식으로 쓰레드의 전체 개수에는 영향을 주지 않고 쓰레드를 운영하여 시스템 성능 저하를 방지한다. 자바는 스..
Javascript) Element 여러개의 스크롤바 동시에 움직이는 방법 요소 두개 중 하나만 스크롤 해도 두개 다 같이 스크롤 하는 방법이 필요했다. 아래 방법이 핵심! 내가 테스트한 방법을 첨부하겠다. var $divs = $('#items, #items2'); var sync = function(e){ var $other = $divs.not(this).off('scroll'), other = $other.get(0); var percentage = this.scrollTop / (this.scrollHeight - this.offsetHeight); other.scrollTop = percentage * (other.scrollHeight - other.offsetHeight); setTimeout( function(){ $other.on('scroll', sync )..
Java) Comparable과 Comparator comparable과 comparator는 별도의 처리 없이 정렬이 가능한 primitive 타입 값들이 아닌 객체를 정렬할 때 사용한다. 구글에 객체 정렬하는 방법 같은걸 검색해서 사용 예제만 보고 사용했기 때문에 정확히는 '비교' 라는 의미가 담긴 이 객체가 왜 정렬할 때 사용되는지 잘 알지 못한 채 사용하고 있었다. 그러다 Stranger's LAB 에서 좋은 글을 발견해서 공부하면서 그 내용을 정리해본다. Comparable과 Comparator Comparable과 Comparator는 모두 인터페이스(interface)이다. 즉, 인터페이스에 선언된 메소드를 반드시 구현해야 한다. Comparable 인터페이스에는 compareTo(T o) 메소드를, Comparator 인터페이스에는 comp..
VSCode) VSCode 업데이트 후 JAVA/Spring Boot 실행 오류 vscode 업데이트 안하니까 git 연동이 안돼서 업데이트 하고 나니 별별 오류가 다 뜬다. 그 중 공백 문자인 "\s"를 는 invalid escape 문자라며 쓰지 말라고 경고가 아니라 아예 에러를 뱉어서 다 고쳐줬다. *************************** APPLICATION FAILED TO START *************************** Description: An attempt was made to call a method that does not exist. The attempt was made from the following location: org.apache.catalina.authenticator.AuthenticatorBase.startInternal(A..
Java) java.util.regex.Matcher method 정리 java.util.regex.Matcher XML을 조작해서 문서 작성을 자동화하는 프로젝트를 하다보니 정규식을 사용할 일이 아주 많아졌다. 기본적으로 Matcher 클래스의 find, group, start, end 등의 메소드만 활용하고 있었는데 편리한 메소드들이 많은 것 같아 이번 기회에 공부해보고 넘어가려 한다. 기본 사용 방법 Pattenrn PATTERN_EX = Pattern.compile('정규식'); Matcher MATCHER_EX = PATTERN_EX.matcher('검사할 문자열'); while(MATCHER_EX.find()){ System.out.println("문자열에서 정규식 패턴과 일치한 부분: " + MATCHER_EX.group()); } System.out.print..
Java) 정규식과 StringBuffer를 이용하여 문자열 특정 위치만 치환하기 눈으로 확인하기에는 방대한 양의 XML에서 특정 범위를 다른 형식으로 만들어 치환하는 일이 필요했는데 그냥 replace를 하려니 특정 범위가 XML 내에서 중복되는 경우 마지막에 replace 되는 형태로 일괄 변경되었다. 처음에는 그냥 docx로 열리지 않아서 뭐가 문젠지 한참 살펴봤다. 문제는 유니크해야 하는 아이디가 중복되어 오류가 발생하는 것! array와 set에 각각 담아 확인해 보았더니 둘의 개수가 다른 것으로 보아 특정 범위가 중복되는 것들이 있었다!! 그래서 치환하기 전에 특정 범위에 사용되는 rsid를 모두 유니크 하게 만들어주기로 했다. 뽑아서 유니크하게 만들어 주어야 하는 부분의 형식이 정해져있기 때문에 정규식으로 뽑고, 뽑힌 결과의 정확한 위치를 알아내서 String buffer..

티스토리툴바