일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- 맛집
- 자바스크립트
- JavaScript
- forEach
- 자바
- React
- Java
- JS
- spring
- 배열
- url 변환
- array
- 원펀맨
- table
- Oracle
- SQL
- set
- 스프링
- 오라클
- 원펀맨: 최강의 남자
- 형변환
- 모바일게임
- JSTL
- 개발
- 이름 마스킹
- html
- url 치환
- JSX
- jQuery
- 리액트
- Today
- Total
목록전체 글 (75)
특별한 일상
합정역과 홍대역 중간 서교동에 위치한 돈카츠 전문점 카와카츠 본점 영업시간 매일 11:30 ~ 20:00 브레이크타임 15:00 ~ 17:00 각 타임 라스트오더 14:30, 19:30 일요일은 쉽니다~~ 평일 월요일에 방문했는데요. 대기가 있었습니다. 맛집의 냄새가 난다~ BAR 형식의 내부 구조가 특이했습니다. 숙성 돼지고기를 사용한다 들었습니다. 눈 앞에서 손질 되어 가는 돼지고기~ 이건 무조건 맛있을 수 밖에 없지! 사전에 정문에 놓여있는 캐치테이블을 이용해 대기를 예약하고 주문도 합니다. 저는 로스, 히레카츠 그리고 한입카레를 주문했습니다. 히레카츠 역시 명불허전! 맛이 없을 수가 없어요!! 로스카츠 듣기로는 돈카츠가 맛있는 집은 로스카츠가 더 맛있다던데... 그 말이 사실임을 입증해 줍니다. ..
안녕하세요. 소다맛사탕 입니다. Spring boot + Vue.js 개인 프로젝트를 만들어 간단하게 Vue.js를 공부중 입니다. 간단하게 Vue.js에서 enter키와 setTimeout을 사용하는 방법을 적어봅니다. vue.js 파일 기본 구조 vue.js 엔터키 처리 위와 같은 템플릿 문법을 사용하면 엔터 클릭시 동작하게 됩니다. fncEnter는 script 선언부에서 호출된 함수(function)입니다. vue.js setTimeout 처리 기본적인 javaScript setTimeout 방식과 똑같이 실행될 코드 부분을 감싸 실행하면 됩니다. 선언한 1000은 1초를 나타냅니다. setTimeout 다른 방식 처리 Vue 인스터스가 사용할 함수들을 분리 시켜서 동작 시킵니다. methods ..
안녕하세요. 소다맛사탕 입니다. Spring Framework 프로젝트에서 properties 파일을 읽어와 사용하는 경우가 있습니다. @PropertySource @Value Spring xml 설정파일에서 bean을 선언한 것과 동일하게 어노테이션을 선언하여 사용 가능. common.test.test01=테스트01 common.test.test02=테스트02 testInfo.properties(.properties) public class CommonUtil { // @Value("#{testInfo['common.test.test01']}") @Value("${common.test.test01}") private static String testKey; public static String prin..
안녕하세요. 소다맛사탕 입니다. javaScript에서 특정 변수에 포함된 값을 찾기위해 == 이나 indexOf 방식이 아닌 includes() 자주 사용했는데요. Java에서도 이와 비슷하게 사용하기 위해 특정 메서드를 구현해 보았습니다. javaScript includes와 같은 기능을 사용하기 위한 정적 메서드 구현 // 재정의 public static usedItems useItemFlag(String test) { return new usedItems(test); } public static class usedItems {// static class 정의 private String value; public usedItems(String value) { // 기본 생성자 this.value = ..
안녕하세요. 소다맛사탕 입니다. 오늘은 특정 문자를 클립보드로 복사하는 코드를 구현해 보기에 앞서 HTML5 부터 지원되던 HTML DOM document에 속한 execCommand() 메서드에 대해 알아 보겠습니다. document.execCommand() HTML 문서가 designMode로 전환되면서 문서에서 execCommand 메서드를 사용할 수 있게 되는데 이것을 이용해서 문서의 편집 가능한 영역을 변경할 수 있다. document.execCommand(aCommandName, aShowDefaultUI, aValueArgument) 명령어가 지원되지 않거나 활성화되어 있지 않으면 false 반환. execCommand() 메서드는 사실상 더 이상 권장하지 않는 기술입니다. 일부 브라우저에서..
안녕하세요. 소다맛사탕 입니다. 오늘은 평소에 사용하려고 하면 이상하게 헷갈리고 정리가 되지 않은 jQuery 속성 선택자와 필터 선택자에 대해 알아보겠습니다. jQuery 메서드의 가장 기본 형태 $(선택자).메서드 1. 속성 선택자 기본 선택자 뒤에 붙여서 사용; $(선택자 형태).메서드; 선택자 형태 Description 요소[속성=값] 속성과 값이 같은 문서 객체 선택. 요소[속성|=값] 속성 안의 값이 특정 값과 같은 문서 객체를 선택. 요소[속성~=값] 속성 안의 값이 특정 값을 단어로 시작하는 문서 객체를 선택. 요소[속성^=값] 속성 안의 값이 특정 값으로 시작하는 문서 객체를 선택. 요소[속성$=값] 속성 안의 값이 특정 값으로 끝나는 문서 객체를 선택 요소[속성*=값] 속성 안의 값이 ..
안녕하세요. 소다맛사탕 입니다. 지난번 포스팅 이었던 '[JavaScript] 체크박스 전체 선택/해제'에 이어서 오늘은 체크박스 선택/해제 하는 여러가지 모음을 준비해 봤습니다. JavaScript $(function()({ // 해당 전체 체크박스 선택/해제 $("input[name=chkAll]").click(function(){ fncChkedAll(); }); // 체크박스 일부 해제 및 전체선택 조건 $("input[name=chkVal]").click(function(){ fncChkedVal(); }); // 짝수/홀수 선택 fncNthChild(); // 특정 동일 값 선택 fncChkGetValue(); // 모든 체크박스 해제 $("input[name=allNonChk]").click..
안녕하세요. 소다맛사탕 입니다. 오늘은 개행 문자열을 치환하는 방법들에 대해 알아 보겠습니다. ※ 개행 문자 : new line character의 약어. 인자 또는 표시의 위치를 다음 행의 최초의 위치로 이동시키는 서식 제어 문자. 즉, 인자 위치나 표시 위치를 다음의 인자 행이나 표시 행의 최초의 장소로 이동시키기 위한 서식 제어 문자. 위와 같이 용어에 대한 설명은 알겠는데..., 개행 문자(?). 정확하게 뜻을 알아가며 쓰는 사람은 없을 겁니다. 개행 문자열을 치환해서 쓴다는 것은 바로 이런 경우 인데요. 프로젝트를 진행하다 보면 DB TABLE에 적재되어 있는 긴 문자열이 있습니다. 그 긴 문자열을 화면으로 노출시키게 되면 아래와 같은 오류가 발생하는데요. Uncaught SyntaxError:..