기억 조각 모음 저장소

들어 가기전 나에겐 평소 항상 감사한 마음을 가지고 만나는 친구들이 있다. 그 친구들 중 한 명이 이번에 자신이 참가하고 있는 공부 스터디의 인원을 직위에 맞추어 서로 매칭 하는 역할을 맡게 되었는데 이게, 데이터도 많은 데다 일일이 조건에 맞추어 수기로 입력해야 하는 게 여간 까다로운 작업이 아니어서 나에게 문의를 하게 된 것이다. 마침 회사일도 계속 비슷한 일을 하며 지겨워지던 참이었는데 나의 지식을 활용해서 일상에서 누군가에게 도움이 될 수 있는 일이 생긴 것에 너무 기뻤다. 다음은 카톡 대화로 오간 내용을 추려 보았다. 카톡 대화방 엑셀 vba 사용 할 줄 알아? 알지 컴활1급 실기 준비할때 해봄 (정말 알기만 아는 상태) (엑셀 데이터를 주며) 다음 조건에 맞는 사람별로 매칭을 하고 싶은데 좋은..

국비교육에서 다른 팀원이 한 프로젝트를 보게 됐는데 TTS를 적용한 요리 레시피 사이트를 만든 걸 감명 깊게 봐서 꼭 나도 해봐야지 했던 게 있다. 마침 시간이 나던 차 기존 작업하던 개인 프로젝트에 적용해 보려 한다. 이제는 코드를 짜야하는데 https://sub0709.tistory.com/86 [javascript] 플러그인 없는 Text-To-Speech 만들기 관련지식 javascript, TTS, speechSynthesis, SpeechSynthesisUtterance TTS 라는 기술이 있습니다. 프로그램이 텍스트를 읽어주는 것으로, 과거에는 운전중인 사람을 위해 책을 읽어주거나 시각장애인을 위해 웹. sub0709.tistory.com 이 블로그에서 tts란 무엇인지 예제 또한 훌륭한 것..

이메일을 보냄과 동시에 타이머를 작동시켜 일정 시간이 지나면 인증번호를 입력하지 못하도록 막는 기능을 구현중에 유효시간 연장이라는 기능도 같이 만들어야 했다. 어영부영 만들어 놓고 보니 시간 연장을 클릭하면 타이머가 하나 더 생기며 동시에 두 개, 세 개, 네 개의 타이머가 동시에 돌기 시작했다. 오류는 isRunning이라는 플래그 변수를 만들어 해결했다. Script 인증번호 6자리 난수 생성을 위한 코드는 아래 2020/09/22 - [spring boot] - [springboot] 문자+숫자, 숫자 6자리 난수 만들기 [springboot] 문자+숫자, 숫자 6자리 난수 만들기 import java.util.Random; public class HelloWorld{ public static vo..

ORDER SIBLINGS BY : 특정 컬럼에 대한 Order by를 실행(조회된 데이터에 대해) CONNECT BY : 상위 코드와 하위 코드를 이용하여 Tree 형태로 보여줄수 있는 것 SELECT department_id AS ID, department_name AS TEXT, parent_id AS PARENT_ID, LEVEL AS LVL FROM departments START WITH parent_id IS NULL CONNECT BY PRIOR department_id = parent_id ORDER SIBLINGS BY department_name 출처 : thebook.io/006696/part01/ch07/01/03/ 위와같은 형식으로 쿼리결과를 만들어 json List형태로 vie..

평소처럼 ajax로 controller에 데이터를 보내야 하는데 이번에는 데이터를 하나 두 개 정도가 아니고 내가 선택한 Row에 데이터를 삭제하기 위해 선택한 만큼의 id를 모아서 JSON Array형태로 만들어 보내야 했다. 여러 가지를 이번에 시도하면서 ajax에서 controller로 데이터를 보내는 형식을 내가 너무 몰랐구나 싶었던 생각이 들었다. 1차 시도 원래 하던 식으로 var list = []에 내가 원하는 형식 data = { "exampleKey1" : value1, "exampleKey2" : value2 }를 만들어 list에 넣어주고 보내줄 생각이었다. 실패 controller에서 받을 수 조차 없었다. 이유는 back에서 data를 String []로 받았는데 이상하게 null..

만든 이유 및 소감 개인적으로 공부할때는 타이머를 켜놓고 공부를 하는데(공부 다 해놓고 타이머에 기록된 공부 시간을 보면 좀 뿌듯하다.) 전에 HTML, CSS를 공부할때 마침 타이머가 없기도 했고, 만들어 놓으면 닳는 것도 아니고 영원히 내가 원하는 기능을 가진 타이머를 소지 하고 있으니까, 또 하고 있는 공부에도 되고 겸사겸사로 만들게 되었다. 만들고 보니 이걸로 또 어떤 기능을 추가해서 더 발전된걸 만들 수 있을까? 라는 생각도 든다. 기능 1. 현재시간 2. 시간 측정 3. 일시정지 시간 기록 4. 시간 리셋 결과물 Study Timer.html 00:00:00 시작 리셋 +@ date.getMonth() 의 반환값은 0 ~ 11 이기 때문에 +1을 해준다.

문제 해결 과정 dhtmlx로 프로젝트 개발중 db에서 뽑아온 값에 html에서 엔터처리가 로 나오게 되어 문제가 생겼다. 문제를 발견하고 처음에는 back에서 처리해서 view로 보내줄려고 했지만 이상하게 sysout을 해보면 console창에는 br태그는 보이지 않고 엔터처리가 되어 나오고 front에서만 br태그가 나왔다. 그러므로 javascript로 front에서 작업을 하게 되었다. 결국은 아래와 같이 해결은 되었지만... 점심먹고 돌아와 인터넷 복붙으로 만들어 놓은 코드 복습해볼려고 다 지우고 result.v_desc만 뽑아보니 정상적으로 나온다...?? 정말 다른건 건들지도 않고 br태그가 나온 그 코드로 돌아가서 다시 한번 뽑아본 것 뿐인데?? 코딩에도 기도가 필요한 이유를 알 것만 같다..

프로젝트 진행 중 백에서 값을 받아와 프런트로 바로 넘겨줘야 하는 일이 생겼다. 코드를 잘못 짠 거 같지만 경험으로 삼고 이대로 가보자 문제는 AJAX를 사용해서 날짜 형태가 JSON으로 바껴서 "yyyy-MM-ddTHH:mm:ss.XXX+XXXX"형식으로 나온다. 앞선 형식을 "yyyy-MM-dd HH:mm:ss" 형태로 변경을 해야 한다. 문제가 되는곳 해결방안은 총 두개를 찾았다. 첫 번째 라이브러리를 사용하는것! https://momentjs.com/ Moment.js | Home Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format("MMM Do YY"); moment().f..

Project 수행 중 버튼으로 clipboard를 이용해야 하는 상황이 왔다 현재상황 다음은 w3school 예제다 이 경우는 script에서 id로 값을 가져와 값을 선택해서 복사하는 형태다 하지만 내 경우는 버튼이 저렇게 많아서 id를 쓰지도 못하고 버튼마다 value값을 넣어줘서. select() 메소드를 사용하지도 못한다. .select()는 input 태그일 경우 w3school에서는 우리가 드래그 -> ctrl + s라는 과정을 javascript로 만든 것이다. 그래서 난 이 방법을 선택했다. https://twpower.github.io/81-use-clipboard.js-in-javascript [Javascript] clipboard.js를 이용해 웹에서 클립보드에 복사하기 Pract..