본문 바로가기

전체 글222

javascript 정규표현식 공백 제거 하기 ( space 제거 ) javascript 정규표현식 공백 제거 하기 ( space 제거 ) 문자열의 공백을 제거 하고 싶을때가 정규표현식을 이용해서 제거 할수 있습니다. space, 탭, 엔터값등을 한번에 제거할수 있어, 유용하게 사용이 가능합니다 1. 공백의 유무를 검사 하는 방법 정규표현식에서 "\s"는 공백 문자를 의미 합니다. 정규표현식은 "/패턴/플래그" 와 같은 형태로 사용하며, 공백의 유무를 검사 하기 위한 정규표현식 /\s/g 에서 g의 의미는 g 글로벌의 뜻. 전역 매칭을 한다는 뜻입니다. var reg = /\s/g; var checkStr = '안 녕 하 세 요'; if (checkStr.match(reg)) { alert("공백이 있습니다~!!"); } else { alert("공백이 없습니다~!!");.. 2021. 10. 27.
자바스크립트 브라우저 종류 버전 체크 ( navigator ) 자바스크립트 브라우저 종류 버전 체크 ( navigator ) 자바스크립트를 navigator 통해 브라우저를 확인할수 있는 방법하고, 버전에 대해서 확인할수 있는 방법에 대해 정리한다. 1. 브라우저가 IE 인지 체크 하기 function isIE(){ return ((navigator.appName === 'Microsoft Internet Explorer') || (navigator.userAgent.indexOf('Trident') > -1) || (navigator.userAgent.indexOf('Edge') > -1)); } console.log(isIE()); 브라우저가 IE 계열인경우 : true 그외 : false 2. IE 버전을 알고 싶을때 1번 isIE() 함수를 함께 이용하여 체.. 2021. 10. 27.
자바스크립트 호이스팅 Hoisting 이란?? ( 아주 쉽게 설명 ) 자바스크립트 호이스팅 Hoisting 호이스팅이란 변수나 함수가 어디서 선언이 되든지간에 최상단에 위치하게 되어 동일 스코프 에서는 어디서든 참조 할수 있다는 것을 말한다. 코드로 설명 하면 아주 간단하니 바로 밑에 예제 보자 addString("가나다", "라마바사"); function addString(str1, str2) { return str1 + str2; } 결과 : 가나다라마바사 선언 된적이 없는 것을 참조하려고 할때 addString을 실행 시점에 function addString이 선언되어있지 않으므로 에러가 나는 상황이지만 정상 동작 한다. addString 함수를 상단으로 올려서 참조 할수 있도록 해줬다. 이를 호이스팅 이라고 한다. 위에서 함수 선언은 동시에 초기화가 이루어 지기 때.. 2021. 10. 25.
힐스테이트 광교중앙역 퍼스트 입주자 모집공고 힐스테이트 광교중앙역 퍼스트 입주자 모집공고 언제언제 나오나 목이 빠져라 기다렸던 광교 C6블록 드디어 입주자 모집공고 나왔다. 1. 공급 위치 : 경기도 수원시 영통구 광교택지개발지구 C6블록 2. 공급 규모 : 211세대 > 생각 보다 적네(?) 3. 청약 접수일 : 특별공급 : 2021-09-13 1순위 : 2021-0914 2순위 : 2021-09-15 4. 특이사항 : 민영 주택이고, 투기과열지구 이고, 분양가 상한제를 적용 받았습니다. 5.주택 타입 - 60A, 60B, 69, 84 형 4개 타입임 6. 공급금액 - 민영주택 늘 그러하듯 계약금은 20% 비싸면서 싸다(?) 7. 특별공급 주택형별 공급세대수 8. 청약 예치금액 기준 9. 청약 가점 산정 기준표 10. 입지, 주변시세 빨간 동그라.. 2021. 9. 2.
자바스크립트 브라우저 확인 소스( navigator.userAgent ) 자바스크립트 브라우저 확인 소스( navigator.userAgent ) 브라우저별 혹은 모바일, PC별 다른방식의 처리나 코드를 다르게 적용해야할때가 분명히 있다. 브라우저 종류도 많지만 각 디바이스 종류도 많으니, 웹개발할때 이에대한 구분을 할 필요가 있다. 앞으로도 얼마나 많은 브라우저와 디바이스 기기가 나올지 모르겠지만은, 아래 샘플 코드를 통해 대부분의 처리가 가능하다. navigator 오브젝트의 userAgent 정보를 통해 브라우저를 구분하는 코드를 남겨놓는다. function getBrowserName () { var agent = (navigator.agent).toLowerCase(); if (agent.indexOf("edge") > -1) { return "edge"; } else.. 2021. 8. 12.
자바스크립트 ES6 block scope 자바스크립트 ES6 block scope block scope를 이해하기 위해서 여러 블로그에서 여러가지 방식으로 Scope란 무엇일까?? - 유효공간, 영역, 범위, 허용공간 정도로 생각할수 있다. # 함수스코프 자바스크립트는 기본적으로 함수 스코프를 따른다. 함수가 생성될때 마다 새로운 스코프가 발생한다. 예를 들면 var x = 1; if (true) { var x = 2; } console.log(x); =>2 위코드는 함수를 만들지 않았기 때문에 스코프가 발생되지 않았다. function a(){ var x = 1; } console.log(x); // Reference error : x is not defined 함수를 만들고 그안에 변수를 저장했다. 이 경우는 함수생성과 동시에 실행 컨텍스트.. 2021. 8. 12.

티스토리툴바