Blog Content

타입스크립트를 자바스크립트로 컴파일 하는 방법이다 프로젝트를 생성한다 타입스크립트를 설치할 폴더에 들어가서 명령어를 입력한다 npm install typescript visual studio code 프로그램을 실행해서 hello.ts 파일을 추가한다 추가한 파일에 코드를 입력한다 ts 파일을 js로 컴파일 한다 tsc hello.ts 를 입력하면 프로젝트 폴더에 hello.js 파일이 생긴다 node hello.js 명령어를 입력하면 hello.js 파일이 실행된다 컴파일 + 실행을 동시에 하는 방법이 있다 npm i -g ts-node 설치를 한다 설치가 끝났으면 실행한다 ts-node hello.ts 결과 확인

비주얼 스튜디오 코드 (visual studio code) 설치하기 : https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 위에 사이트에 들어가서 다운을 받아 설치를 한다 타입 스크립트 설치하기 : ..

Invalid regular expression: missing / 오류가 났다. DB에서 이미지 경로만 가져와서 바인딩 했는데.... DB에서 넘겨받은 값 -> /images/aaaaa.jpg 확인해보니 자바스크립트에서는 / 이렇게만 있으면 주석 구문인식으로 오류를 띄운다. 이럴땐 양쪽에 ' ' 붙여서 넘겨주면 된다. 어때요? 참 쉽죠~? 끝~

a 태그에 클릭 이벤트를 줘서 팝업창을 열려고 코드를 작성했다. 클릭을 하니 잠깐 보이고 사라진다;;; 확인해보니 창이 열렸다가 화면이 새로고침 되면서 없어진 문제 그래서... a 태그에서 href="" 태그를 지웠더니 된다. 마우스 포인트가 위치하면 손가락 모양을 보여줄려고 스타일 지정해줬다. 어때요? 참 쉽죠~? 끝~

jQuery 다이얼로그 창을 띄우고 확인, 닫기 버튼을 클릭하고 닫게 하고 싶었다. 근데 닫기 하면 창은 사라지는데 다시 띄우고 나서 닫기를 누르면 안닫혔다...;; 확인해보니깐 다이얼로그 창 디자인이 숨김으로 display:none; 으로 되어있었다. 그리고 소스에도 다이얼로그 창이 그대로 있다... 찾아보니깐 이런 방법이 있넹!! $('#다이얼로그ID').dialog('destroy').remove(); 해보니깐 잘된다. 디자인이 숨김으로 되지 않고 사라진다. ㅋㅋㅋ 출처 : https://stackoverflow.com/questions/2864740/jquery-how-to-completely-remove-a-dialog-on-close 근데 이게 됐다 안됐다 그런다...ㅡ_ㅡ;; 그래서... $..

input type number로 주고 maxLength 값도 줬는데...자리수가 넘어간다...ㅡ_ㅡ;; 작업... 디자인 페이지에 컨트롤 추가 1 cs javascript 코드 123456789101112131415$('#txtNumber').on('keyup', function (e) { e.preventDefault(); $('#txtNumber').val(returnData($('#txtNumber').val())); }); function returnData(data) { if (data.length

input type="number" 로 했는데 옆에 스크롤이 생기고 위,아래 클릭시 숫자가 오르고 내려간다...;;; 내가 원하는건 그냥 숫자만 입력하게 하려고 했는데...;; 예전에 할땐 이런적이 없는데 오늘 타입을 바꿨더니 스크롤이 생겼다...ㅡ_ㅡ;; 그래서 삭제... 방법은 아래 사이트에서 보고 그대로 했다. 정말 땡큐땡큐!! 참고 : https://css-tricks.com/snippets/css/turn-off-number-input-spinners/ 디자인한 페이지에 1 2 3 4 5 6 7 Colored by Color Scripter cs 코드를 입력하면 끝~

모든 공백 제거$('#아이디').val().replace(/ /g, ''); 모든 콤마 제거$('#아이디').val().replace(/,/g, '');

net::ERR_BLOCKED_BY_CLIENT api 호출 하는데 애러가 났다... net::ERR_BLOCKED_BY_CLIENT아무리 해도 무슨 애러인지 몰라서 검색을 하니 광고차단용으로 사용하고 있는 프로그램 때문이라고 한다... ㅡ_ㅡ;; 광고차단용 프로그램 해제 하니깐 잘된다...;; 출처 : http://www.ppomppu.co.kr/zboard/view.php?id=developer&no=18695

자바스크립트에서 전역변수를 선언하여 선언한 변수에 값을 넣어 이미지를 불러와야 하는 작업이 필요했다...123456789101112131415161718192021222324 document.write(""); Colored by Color Scriptercs 결과화면 어때요~?참 쉽죠~?끝~

location.href, location.replace, location.attr 사용했는데 실행이 안된다...;; 먼저 안된 코드 구문이다. document.onkeydown = function () { ... ... if (keyvalue == 13) { location.href = "/page"; } } 엔터키를 입력하면 페이지로 이동하는건데 안되!!! 해결 방법은... document.onkeydown = function (e) { e.preventDefault(); ... ... if (keyvalue == 116) { location.href = "/mainpage"; } } 굵은글씨 코드를 넣어주면 된다.

인터넷에서 동영상을 보면 광고 시간이 표시가 되고 시간이 줄어들면 SKIP 버튼이 활성화 된다. 이와 비슷하게 jQuery로 만들어 봤습니다. 결과화면... 어때요? 참 쉽죠~? 끝~

안녕하세요 jquery 에 대해서 물어볼려고 하는데요. jquery 코드인데 저기서 seconds가 10초일때 마다 4층으로 저절로 가게끔 만들려고 하는데 어떻게 if를 써야 하나요? 만들었는데 안돌아가서 ㅜㅜ 도움좀 부탁드립니다. ------------------------------------------------------------------------------------------------------------ 자동으로 10초 씩 지나면 하는건지...클릭을 하는 순간 10초 인지를 잘 몰라서 두개 만들어 봤습니다. 첫번째는 10초 단위로 자동으로 클릭되는 예제이고, 두번째는 클릭 하는 순간 10초일때 클릭되게 예제를 만들었습니다. ----------------------------------..

Uncaught SecurityError: Blocked a frame with origen ... 하면서 애러가 난다. 다이얼로그를 띄우고 나서 다이얼 로그 창을 닫을려고 했더니... 저는 이렇게 해결했습니다... 다이얼로그 닫기 전에 document.domain = document.domain; parent.$('#닫기버튼').dialog('close'); 끝~

jQuery 에서 span 태그의 내용을 모두 가져오고 싶어졌다... 안녕하세요반가워요또봐요 태그에 있는 내용을 가지고 오려고 $('#dv').find('span').text();태그를 사용하니 결과가... 구분을 해서 보고 싶은데 안되서...이전에 작성한 jquery 강좌를 보면서 eq를 사용해서 내가 원하는 형태로 값을 표현했다. 실제 코드입니다. Colored By Color Scripter™12345678910111213141516171819202122232425262728293031323334353637 안녕하세요 반가워요 또봐요 어때요? 참 쉽죠~?끝~