스펜서 개발블로그

웹앱은 유지보수가 쉽고 하나의 웹을 구축하여 Android와 iOS 환경 모두에서 사용할 수 있다는 장점이 있습니다. 그래서 최근 웹앱과 네이티브 언어(Kotlin, Swift, Java, 등)를 활용한 하이브리드앱을 많이 볼 수 있는것 같습니다. 우선 웹 환경에서 자바스크립트를 활용하여 네이티브(iOS) 파트를 호출하고 이를 활용하여 코드를 작성하는 법을 보겠습니다. // 1. 디바이스 구분하기 const userAgent = navigator.userAgent;// 실행하는 디바이스 정보 const android = userAgent.match(/Android/i);// 안드로이드 포함 여부 확인 const iphone = userAgent.match(/iPhone/i);// 아이폰 포함 여부 확인 ..

JQuery(제이쿼리) 존 레식에 의해 개발된 경량 javascript 라이브러리로 javascript를 손쉽게 구현하기 위해 개발되었다. 장점 DOM 관련 처리를 손쉽게 한다. Ajax 통신, 이벤트 처리 등을 폭넓게 지원한다. 별도의 플로그인을 통해 차트, 슬라이드쇼, 테이블 등을 간단히 구현할 수 있다. 사용 방법 페이지 상단에 script 태그 내 src를 이용하여 추가할 수 있으며, 총 두 가지 방법이 있다. 1. 페이지 로드 인터넷이 연결된 상태라면 페이지 주소를 입력하여 연동할 수 있다. 아래 예시는 압축타입(min)을 로딩하였다. 2. 파일 저장 홈페이지에서 js 파일을 저장하여 경로를 지정한 뒤 사용할 수 있다. (jquery.com/)

정규 표현식 특정한 규칙을 가진 문자열을 집합을 표현하는데 사용하는 형식 언어이다. 예를 들면 회원 가입 시, 개인정보 보호 및 보안정책을 준수하기 위하여 비밀번호를 일정 글자 수 이상, 특정 문자를 포함한 조건으로 만들어야 하는 경우가 있는데, 이 규칙도 정규 표현식에서 정해진 규칙이다. function test1() { // 1. 정규 표현식 객체 선언 (2가지 방법) // var regExp = new RegExp("script"); // 찾을 문자열: 'script' var regExp = /script/; // 2. 문자열 var str = "javascript jquery ajax"; var area1 = document.getElementById("area1"); // 3. 함수 사용 are..

캡슐화 생성자 함수에서 속성 선언 시 this 키워드를 사용하지 않고 지역변수로 선언한 뒤, sett와 getter 메소드를 작성할 때 this를 사용한다. -> 클로저를 활용한다. (지역변수를 지우지 않고 사용하는 기능) // 1. 매개변수 생성자 생성 function GirlGroup(gn, mc, m) { // 2. 변수 선언 var groupName = gn; var memberCount = mc; var members = m; // 3. this.를 이용하여 setter / getter 생성 this.getGroupName = function() { return groupName; } this.getMemberCount = function() { return memberCount; } this...