IT종합 블로그

ES6 로 스크립트를 작성하고 Babel을 사용하여 ES5로 트랜스파일하는 것이 원인. 현재 문제되는 라인의 클래스가 ES5에서 가능했으나 6에선 적용되지 않는 클래스임을 먼저 확인해야한다. Babel 구성에서 제외해야 하며 이는 타입스크립트에서도 동일한 문제을 일으킨다. 해결방법 tsconfig.json { "compilerOptions": { "target": "ES2017", ====== or... ===== "target": "ES6",

대부분의 프로그래밍 언어에서 trim()은 공백을 제거하는 함수이다 하지만 javascript에서는 기본적으로 trim()을 제공하지 않아서 보통은 jQuery의 trim()을 이용한다. 사용법은 다음과 같다. jQuery를 임포트 하고 호출하여 trim() 함수를 이용하였다. 만약 jQuery를 사용하고 싶지 않다면 다음과 같이 정규식을 이용해 같은 효과를 낼 수 있다.

현재 웹 페이지의 전체 URL을 가져와서 변수로 지정하려는 경우 다음 스크립트를 사용할 수 있습니다. window.location.hrefJavaScript Window Location 참고:window.location.href – 현재 페이지의 href (URL) 반환window.location.hostname – 웹 호스트의 도메인 네임 반환window.location.pathname – 현재 페이지의 경로와 파일 이름 반환window.location.protocol – 사용하는 웹 프로토콜 반환 (http:// 혹은 https://)window.location.assign – 새 document 로드 따라서 Javascript로 전체 URL 경로를 가져오려면 다음과 같이 사용할 수 있습니다.var ..

요다 조건문 요다조건문 이란? 조건문 작성시 일반적인 방식과는 다르게 변수를 오른쪽에 쓰고, 상수를 왼쪽에 쓰는 코드 작성법을 말한다. int i = 10; if ( 10 == i ) // Yoda Conditions // Do something 이렇게 쓰게 된다면 실수로 등호를 한개만 작성했을 때 컴파일 에러가 발생하므로, 오류를 쉽게 찾을수 있다는 장점이 있다. int i = 10; if ( 10 = i ) // Error!! // Do something 이와 같은 형태를 요다 조건문이라고 한다. 스타워즈의 주인공중 한명인 요다가 말할 때 어순을 바꿔서 말하기 때문이다.

jQuery를 이용해서 동적으로 이벤트 핸들러를 추가하기 위해서 bind(), live(), delegate() 과 같은 함수를 사용할수 있다가장 기본적인것은 bind() 함수로 Click here 위와 같은 html 문서가 있을때$('.clickme').bind('click', function() { // Bound handler called. });이렇게 해서 clickme 클래스를 가진 객체에 대해 onclick 이벤트를 처리할수 있다하지만 이후에 아래의 코드가 실행되는 상황을 가정해 보자$('body').append('Another target');그렇다면 새로 추가되는 div 객체 또한 clickme 클래스인데, 이 클래스의 경우에는 앞서 추가한 onclick 이벤트 핸들러가 등록 되어 있지 않..

function fnOpenChapter() {02.var obj = $('#chapter_select');03.var iHeight = (document.body.clientHeight / 2) - obj.height() / 2 + document.body.scrollTop;04.var iWidth = (document.body.clientWidth / 2) - obj.width() / 2 + document.body.scrollLeft;05. 06.obj.css({07.position: 'absolute'08., display:'block'09., top: iHeight10., left: iWidth11.});12.} 팝업등 추가로 열리는 창을 반응형으로 항상 가운데 고정시켜줍니다.

* 예시 width : 90%; / * CSS3를 지원하지 않는 예전 브라우저를 위한 설정 * / width : -webkit-calc(100% - 50px); / * 크롬 브라우저와 사파리 * / width : -moz-calc(100% - 50px); / * 파이어폭스 * / width : calc(100% - 50px); / * 인터넷 익스플로러 * /

Column: '컬럼명' in where clause is ambiguous 서로다른 테이블을 조인했을때 같은 컬럼이 있으면 생기는 에러 SELECT * FROM A,B WHERE id = 1 A와 B 테이블 모두 id를 가지고 있다면 에러가 난다. SELECT * FROM A,B WHERE a.id = 1

자바스크립트를 활용하여 숫자타입의 값을 버리거나 올리기(버림 또는 올림) 등등 다양한 방법으로 처리하는 방법에 대하여 알아보려합니다. 어떻게하면 숫자 타입 데이터를 간단하게 처리할 수 있을까요?# 자바스크립트 숫자 타입의 값 버림, 올림 등 다양한 방법다른 언어들 처럼 숫자를 쉽게 변환할 수 있는 편리한 함수가 자바스크립트에서 존재하며 이때는 Math 객체를 사용합니다. 아래는 Math 객체를 사용하는 간단한 모습입니다. Math.floor(변환할 값) Math 객체는 값을 처리하는 다양한 메소드(함수)들이 존재합니다. 이때 어떻게 사용하는지 간단한 예제와 방법들을 아래에서 확인하시기 바랍니다. 먼저 가장 간단한 소수점을 처리하는 방법에 대하여 알아보겠습니다.# 숫자 변환의 다양한 예제보기아래는 각각 올..

var lastindexs = window.location.href.split("/"); // 호출했을 때 현재 주소를 / 로 나눈 배열 var last = lastindexs[lastindexs.length-1]; // 상단 배열의 가장 나중부분 *************************************** 현 주소창의 가장 뒷부분을 찾아 login라는 문자열이 들어갔는지 확인해야했다. 당연한듯 contains를 썼다. if(last.contains("login")){ pc페이지에서 테스트했을 때 잘됐다 따로 찾아보지않고 했는대 잘되어서 진행했었다 문제는 모바일이었다. 모바일에서 전혀 진행이 안되었다 확인해보니 script에는 contains를 쓰지않는다. pc는 어떻게 된걸까 크롬에서 처리를..