Developer's Life

제가 자주 사용하던 스마트폰 앱이 2013년 이후로 서비스가 종료됨에 따라 비슷한 서비스를 제공해 주는 어플을 검색했지만

기존에 쓰던 어플보다 불편했습니다. 그래서 나만의 어플을 개발하기 위해 자료 조사를 들어갔습니다.

우선 저에게 필요한 건 아이폰 유저이기에 Mac과 XCode에 대한 지식이었습니다.

그러나 금전적인 한계에 부딪혀 포기할려던 찰나에 모바일 웹앱(Web App)이라는 것을 알게 됩니다.

우선 모바일 웹앱으로 개발을 해서 혼자 써야겠습니다.

모바일 애플리케이션의 종류

네이티브 앱(Native App)

제가 일반적으로 생각했던 스마트폰에 설치되고 운용되는 전용 애플리케이션입니다.

각 플랫폼에 맞는 프로그래밍 언어와 SDK로 개발해야 하며 기기의 고유 정보, 하드웨어에 접근할 수 있어서

최적화된 고성능 애플리케이션을 개발할 수 있고, 앱 스토어 or 플레이 스토어 등 마켓에 등록해서 판매할 수 있습니다.

아이폰 개발자(특히 개인)에게는 네이티브 앱을 개발한다는 것은 금전적으로 부담이 됩니다.

모바일 웹(Mobile Web)

일반적인 웹 기술로 개발되고 모바일 브라우저에 의해 실행되는 웹 애플리케이션을 통칭하는 말입니다.

쉽게 말해 일반적인 웹 사이트의 느낌을 모바일로 그대로 옮긴 형태입니다.

모바일 웹앱(Mobile Web App)

일반적인 웹 사이트보다 모바일에 더 최적화되고 네이티브 애플리케이션화된 형태를 한정하는 표현입니다. 

모바일 웹앱은 웹 기술만 사용해서 풀 스크린 모드, 애니메이션 효과, 터치 상호작용, 비동기 통신, 로컬 저장소, 오프라인 지원, 향상된 스타일 등을 구현하여 모바일 환경에서 네이티브 애플리케이션과 유사한 실행 환경, 사용자 경험을 제공하는 형태의 애플리케이션입니다.

마치 웹사이트에 접속을 하면 앱을 실행한 것처럼 보여주는 것입니다. 

웹앱을 개발하면 Mac이 필요하지도 XCode의 언어를 새로 공부하지 않아도 됩니다. 하지만 네이티브 앱보다 구동이 빠르지 않고 하드웨어 정보, 고유정보에 접근할 수 없습니다.

종류는 jQTouch, jQuery Mobile, Sencha Touch 이 세가지가 대표적입니다.

하이브리드 앱(Hybrid App)

네이티브 앱과 모바일 웹앱의 장점을 살린 것이 하이브리드 앱입니다. 모바일 웹앱을 네이티브 앱으로 바꾸는 것입니다.

일반적인 웹 기술로도 모바일 기기의 고유 정보와 상호작용 할 수 있게 하고 앱 스토어에 올리고 판매도 할 수 있는 형태의 애플리케이션입니다. 앱스토어에 올리려면 Mac은 필수로 있어야 합니다. 이것이 가능하려면 모바일 기기의 고유 기능을 웹 기술로 호출할 수 있는 추상화된 API가 필요하며 웹앱을 네이티브 앱으로 감싸주는 장치가 필요합니다. 폰갭(PhoneGap), 티타늄(Titanium)과 같은 제품이 이와 같은 역할을 하는 대표적인 제품입니다.

네이티브 앱과 모바일 웹앱의 차이

본문 출처 : 시작하세요! 모바일 웹 개발 (박종명 지음)

자바스크립트를 공부하려고 시작했을 때 어떤 프로그램을 사용해야 할지 고민이 생겼습니다.

메모장? 이클립스? Editplus? 

이클립스나 Editplus나 둘다 구문강조를 해주어서 좋기는 하지만 저에겐 자동완성 기능이 필요했습니다.

그래서 찾아본 결과 이클립스 플러그인 중 JSDT(JavaScript Development Tool)이 있다는 것을 알았습니다.

바로 이클립스에 설치 해 봤습니다.

먼저 이클립스의 메뉴 -> Help -> Eclipse Marketplace...

들어갑니다.

Find 에서 jsdt 검색을 하시고 JSDT jQuery Install 버튼 클릭

설치는 쉽습니다.

다른 설명은 하지 않고 그림만으로 대체하겠습니다.

이클립스 재시작까지 완료하면 설치는 끝났습니다.

이제 적용을 시켜야 합니다.

적용할 프로젝트의 JavaScript Resources 마우스 오른쪽 Properties에 들어갑니다.

JavaScript -> Editor -> Include Path 항목에서 라이브러리 추가를 해줍니다.

적용할 버전을 선택하시면 됩니다. 

저는 1.9까지 나와 있길래 1.9를 선택했습니다.

이제 적용을 끝냈으니 테스트를 해보겠습니다.

적용한 프로젝트에 Index.html 파일을 만들어서

<script type="text/javascript">

안에 $(document). 까지 치고 자동완성 단축키인 Ctrl + space 를 누르니 짜잔 하고 자~알 나타납니다.

정말 편리한 기능입니다. 만드신분 최고~!

데이터베이스 접속 시 다음과 같은 메시지가 출력되면 계정이 잠겨 있다는 것입니다.

ORA-01017: invalid username/password; logon denied 

sqlplus 에서 관리자로 로그인 후 

alter user 계정명 account unlock;

alter user 계정명 identified by 계정비밀번호;

두 줄을 적어주면 계정이 풀립니다.