특별한 일상

안녕하세요. 소다맛사탕 입니다. 오늘은 개행 문자열을 치환하는 방법들에 대해 알아 보겠습니다. ※ 개행 문자 : new line character의 약어. 인자 또는 표시의 위치를 다음 행의 최초의 위치로 이동시키는 서식 제어 문자. 즉, 인자 위치나 표시 위치를 다음의 인자 행이나 표시 행의 최초의 장소로 이동시키기 위한 서식 제어 문자. 위와 같이 용어에 대한 설명은 알겠는데..., 개행 문자(?). 정확하게 뜻을 알아가며 쓰는 사람은 없을 겁니다. 개행 문자열을 치환해서 쓴다는 것은 바로 이런 경우 인데요. 프로젝트를 진행하다 보면 DB TABLE에 적재되어 있는 긴 문자열이 있습니다. 그 긴 문자열을 화면으로 노출시키게 되면 아래와 같은 오류가 발생하는데요. Uncaught SyntaxError:..

안녕하세요. 소다맛사탕 입니다. 오늘은 기본적인 자바스크립트 이벤트 인터페이스 중 return과 같은 역할을 하는 preventDefault() 메서드와 stopPropagation() 메서드를 알아보겠습니다. 1. event.preventDefault(); 어떤 이벤트를 명시적으로 처리하지 않은 경우, 해당 이벤트에 대한 브라우저의 기본 동작을 실행하지 않도록 지정. 사용법 HTML과 JavaScript를 활용해서 간단하게 테스트 결과를 명시하겠습니다. 이동테스트 체크테스트 $("#urlConnect").click(function(){ console.log(event); // 이벤트 기본동작 실행 막기 // url 이동 막기 event.preventDefault(); }); $("input[name=c..

안녕하세요. 소다맛사탕 입니다. 지난 포스팅 '[개발] session과 cookie 차이점과 사용용도.'에서 cookie의 사용 방법과 예제를 알아보겠습니다. 앞선 session과 마찬가지로... 자바 라이브러리 제공 javax.servlet.http.Cookie https://mvnrepository.com/artifact/javax.servlet/servlet-api/2.5 Maven 프로젝트 pom.xml dependency 선언 확인 쿠키에 대한 사용 방법을 알아보기에 앞서... This class supports the original Cookie specification (from Netscape Communications Corp.) as well as the updated RFC 2109 ..

안녕하세요. 소다맛사탕 입니다. 지난 포스팅 '[개발] session과 cookie 차이점과 사용용도.'에서 session의 사용 방법과 예제를 알아보겠습니다. 자바 라이브러리 제공 javax.servlet.http.HttpSession https://mvnrepository.com/artifact/javax.servlet/servlet-api/2.5 Maven 프로젝트 pom.xml dependency 선언 확인 HttpSession 인터페이스를 들여다보면... 1. HttpSession 인터페이스 interface method 설명 getCreationTime 세션이 생성된 시간을 밀리초 단위로 반환. getId 세션에 할당된 고유 식별자 반환. getLastAccessedTime 클라이언트가 세션과..

안녕하세요. 소다맛사탕 입니다. 오늘은 자바스크립트에서 변수의 값을 형변환 할 때 자주 쓰는 parseInt와 Number의 차이점과 사용법을 알아보려고 합니다. parseInt와 Number는 문자열을 숫자로 바꿔주는 역할을 합니다. 1. parseInt() 문자열 인자를 파싱해서 특정 진수(수의 진법 체계에서 기준이 되는 값)의 정수를 반환. const txtVal = '가나다'; const numVal = 123; const numVal2 = '123'; const emptyVal = ''; let emptyVal2; const mixVal = 'abc123'; const negativeVal = -123; console.log("parseInt(텍스트) : "+ parseInt(txtVal)); ..

안녕하세요. 소다맛사탕 입니다. 오늘은 웹 페이지를 구현할 때 자주 사용하는 ajax에서 배열로 선언된 데이터를 넘기는 방법에 대해 알아보겠습니다. ※ Ajax (Asynchronous JavaScript And XML) 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나. 원래 ajax는 비동기 화면을 구현하거나 웹 페이지 이동시 서버로의 데이터를 주고 받기위해 자주 사용하는데요. 개발을 하다보면 배열을 넘겨야 하는 상황이 발생합니다. 그런데... 분명히 배열을 정확히 선언해서 서버로 보냈는데... 서버에서 찍히는 값은 null 또는 빈 공백으로 들어오는 경우가 있습니다. 그래서 ajax에 선언해야 하는 방법중 하나가 traditional Ajax 옵션, Type: Boolean, def..

안녕하세요. 소다맛사탕 입니다. 코딩 알고리즘을 짜거나 프로젝트를 진행 하다보면 참 많이 '반복문', '배열'을 쓰곤 합니다. 특히 자바스크립트에서 반복되는 객체를 찾아서 합치거나 중복을 제거하는 경우가 많습니다. 제가 최근에 썼거나 작성해보니까 괜찮다하는 코드중 중복 객체를 배열에 담아 합치는 것을 구현해 보았습니다. 사이에 항상 최신의 jQuery를 사용할 수 있게 선언하고, HTML에 반복되는 문서 객체나 특정 Index가 반복되는게 있다 치면... 1. 중복제거 $(document).ready(function(){ fncDelDuplication(); }); function fncDelDuplication(){ var arr = [{"index" : 1, "text" : 1}, {"index" :..

안녕하세요. 소다맛사탕 입니다. 오늘은 자바스크립트가 처음 만들어질 때 정해진 특별한 의미가 있는 단어인 '키워드'중 자바스크립트에서 변수를 선언할 때 자주 쓰는 키워드인 var, let, const에 대해서 알아보겠습니다. ※ ECMAScript Ecma International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어. 자바스크립트를 표준화하기 위해 만들어졌다. Javascript에는 변수를 선언하는 방식에 'var'만 존재했지만, 변수 재선언, 재할당을 하기 위해 ECMAScript6(ES6)부터 'let'과 'const'가 추가 되었습니다. 1. var ; function-scope 변수를 선언하고, 선택적으로 초기화할 수 있다. var test1 = 0..