자유로이

안녕하세요 자유로이입니다. 오늘은 이클립스에서 SVN 사용 시 커밋에러에 대한 글입니다. SVN 이란 SubVersion의 줄임말로 형상관리(소스 관리) 툴입니다. 여러명이서 작업하는 프로젝트의 경우 버전관리나 각자 만든 소스의 통합과 같은 문제를 해결하기 위해 저장소를 만들어 그곳에 소스를 저장해 소스 중복이나 여러 문제를 해결하기 위한 것 입니다. 즉 하나의 서버에서 소스를 관리할 수 있게 도와주는 툴입니다. svn 커밋 시 간혹 svn: E160028: Commit failed 에러 문구를 볼 수 있습니다. 현재 svn 서버에 저장된 소스 버전과 local에서 작업한 소스 버전이 맞지 않을 경우, 커밋하려는 파일이 svn에서 오랫동안 업데이트되지않아 발생한다고 합니다. 이에 대한 해결방법은 두가지입..

안녕하세요 자유로이 입니다. 오늘은 화면 UI 개발을 위한 통합개발도구 중 웹스퀘어(WebSquare)라고하는 UI 툴에 대한 내용입니다. 웹 표준을 준수한 UI 프레임워크라고도 하는데요 대략적인 배경입니다. 화면은 XML로 되어있음 즉, 최초 접속시 웹스퀘어 엔진을 내려주어서 엔진의 파싱으로 실시간으로 HTML 돔으로 변환해줌 -> 렌더링 실시간으로 HTML로 바뀔 뿐, HTML 파일을 따로 관리하지 않음 제이쿼리를 못 쓰는 것은 아니나 메모리 누수등의 문제로 권장하지 않음 통신하는 방식이 일반적인 폼태그가 아님 AJax 방식을 응용 -> Submission Oxyzen까지만 공식적으로 지원. 프로젝트는 Dynamic Web Project의 형태로 구성되어있음 웹스퀘어 관련한 파일은 모두 Webcont..

안녕하세요 자유로이 입니다. 오늘은 PWA를 시작하기에 앞서 예제를 띄우고 간단하게 코드를 알아보도록 하겠습니다. 먼저 쉽고 간단하게 로컬 웹 서버 구축하기위해 구글 크롬 확장프로그램을 설치해줍니다. chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb?hl=ko Web Server for Chrome A Web Server for Chrome, serves web pages from a local folder over the network, using HTTP. Runs offline. chrome.google.com 설치가 완료된 Web Server for Chrome 크롬확장프로그램을 실행 시켜..

안녕하세요 오늘은 순간 너무도 당화시킨 크롬 개발자모드 console창에 대해서 글을씁니다. 평소에 크롬 개발자 모드로 디버깅을 하는데요. 아래와같이 Sources 탭에 consloe창에 자바스크립트 언어를 사용합니다. 하지만 무엇을 눌럿는지 모르는데 console 창이 없어졌어요.. 물론 Console 탭도 존재하긴 합니다. 하지만 Sources 탭에서 코드를 보지않고 Console 탭에서 하기는 너무도 불편하더라고요.. Sources 탭에서 console 창을 보기위해선 해결 그럴땐 Source 탭에서 Esc를 눌러줍니다.

1편에 이어 PWA를 이해하기 쉽게 요약하자면 PWA는 웹앱입니다. HTML + CSS가 페이지 레이아웃과 UI를 담당하고 PWA는 서비스워커를 통해 캐싱, 푸시 등 기술적인 기반만 제공합니다. 쉽게 크롬확장프로그램 같은 느낌이라고 생각하시면 편할꺼 같습니다. 모질라 디벨로퍼 페이지에서 PWA로 웹사이트를 설치가능하게하려면 필요한 요구사항을 알려주고 있습니다. 요구 사항 올바른 필드가 채워진 웹 매니페스트 보안 (HTTPS) 도메인에서 제공 할 웹 사이트 기기에서 앱을 나타내는 아이콘 서비스 노동자는 오프라인으로 작업에 응용 프로그램을 (이 현재 안드로이드 크롬 만 필요) 할 수 있도록 등록 그럼 첫번째로 필요한 Manifest 파일에대해 알아보겠습니다. 매니페스트는 화면 방향, 아이콘 배경 색깔 이름같..

안녕하세요 자유로이입니다. 오늘은 PWA에 대해서 간략한 소개를 알아보겠습니다. 다음편부터 예제를 통한 포스팅으로 좀더 쉽고 PWA에 대해 심층적으로 공부해보겠습니다. PWA는 Progressive Web App의 약자로, 웹과 앱의 장점을 결합한, 웹의 기능들과 모바일 앱의 기능을 활용한 웹 애플리케이션입니다. PWA는 데스크톱과 모바일용으로 네이티브 같은 앱을 개발할 수 있게 해주는 도구입니다. 애플리케이션의 기능을 높은 수준으로 유지하면서도 일반적인 웹사이트처럼 로딩됩니다. PWA 특징 재참여기능성 뛰어난 성능으로 사용자 참여를 개선하고, 사용자가 브라우저에 없을때 전송되는 시스템 알림(푸시알림)과 같은 기능을 통해서 재참여의 기능성을 높입니다. 공유가능성 모든 pwa들은 특정한 url 링크로 연결..

전에 배웠던 정규표현식을 JAVA와 javascript로 사용하는 법을 알아보도록 하겠습니다. 자바에서 정규표현식을 사용하려면 Pattern 클래스와 Matcher 클래스를 이용합니다. 소스예제(자바) import java.util.regex.Matcher; import java.util.regex.Pattern; public static void main(String[] args) { String strTarget = "Lorem Ipsum is simply dummy text of the printing and" + "typesetting industry. 01012345678 Lorem Ipsum has been " + "the industry's standard dummy text ever sin..

저번에 기초편에서는 전화번호를 예제로 숫자에 대해 다뤄보았는데요. https://woo-yaa.tistory.com/39 쉽게 알아가는 정규표현식 사용법 기초편(전화번호 패턴) 오늘은 특정한 규칙 안에서만 입력된 데이터를 가공하거나 치환하기 위해 문자열 함수나 비교문을 쓸수도 있지만 특정 케이스만 커버되기때문에 조금만 규칙이 벗어나면 그에 해당하는 케이스 woo-yaa.tistory.com 이번에는 문자를 다루는 예제를 해보겠습니다. 알파벳 중에 특정 문자만 고르고 싶을 경우 [문자] 이렇게 쓰면됩니다. 정규표현식에서 대괄호[ ] 안에 글자를 넣으면 해당 글자를 모두 선택할 수 있습니다. ex) [abc] 이런경우 a와 b와 c를 찾게되는거죠 단 대괄호 안에 담긴 알파벳중 한글자 씩 일치하는것을 찾게됩니..