일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 자기계발
- Java
- 위로글
- 짧은글
- 자유로이
- for문
- 정올
- 정규표현식
- 자바스크립트
- 알고리즘 문제
- 자바
- 제주도여행
- 기초 정규표현식
- 정규표현식 예제
- 글
- 알고리즘
- pwa
- 쉬운 정규표현식
- 명언
- 좋은글
- jungol
- 자바 문제
- 프로그래밍
- 글귀
- 숫자사각형
- 제주여행
- JavaScript
- 감성글
- 좋은글귀
- 유수진
- Today
- Total
목록분류 전체보기 (51)
자유로이
1편에 이어 PWA를 이해하기 쉽게 요약하자면 PWA는 웹앱입니다. HTML + CSS가 페이지 레이아웃과 UI를 담당하고 PWA는 서비스워커를 통해 캐싱, 푸시 등 기술적인 기반만 제공합니다. 쉽게 크롬확장프로그램 같은 느낌이라고 생각하시면 편할꺼 같습니다. 모질라 디벨로퍼 페이지에서 PWA로 웹사이트를 설치가능하게하려면 필요한 요구사항을 알려주고 있습니다. 요구 사항 올바른 필드가 채워진 웹 매니페스트 보안 (HTTPS) 도메인에서 제공 할 웹 사이트 기기에서 앱을 나타내는 아이콘 서비스 노동자는 오프라인으로 작업에 응용 프로그램을 (이 현재 안드로이드 크롬 만 필요) 할 수 있도록 등록 그럼 첫번째로 필요한 Manifest 파일에대해 알아보겠습니다. 매니페스트는 화면 방향, 아이콘 배경 색깔 이름같..
안녕하세요 자유로이입니다. 오늘은 PWA에 대해서 간략한 소개를 알아보겠습니다. 다음편부터 예제를 통한 포스팅으로 좀더 쉽고 PWA에 대해 심층적으로 공부해보겠습니다. PWA는 Progressive Web App의 약자로, 웹과 앱의 장점을 결합한, 웹의 기능들과 모바일 앱의 기능을 활용한 웹 애플리케이션입니다. PWA는 데스크톱과 모바일용으로 네이티브 같은 앱을 개발할 수 있게 해주는 도구입니다. 애플리케이션의 기능을 높은 수준으로 유지하면서도 일반적인 웹사이트처럼 로딩됩니다. PWA 특징 재참여기능성 뛰어난 성능으로 사용자 참여를 개선하고, 사용자가 브라우저에 없을때 전송되는 시스템 알림(푸시알림)과 같은 기능을 통해서 재참여의 기능성을 높입니다. 공유가능성 모든 pwa들은 특정한 url 링크로 연결..
안녕하세요. 시간적 경제적 자유를 꿈꾸는 자유로이입니다. 오늘의 주제는 내가 가진 재능에 대한 글입니다. 내가 어떤것에 관심이 있고, 꾸준히 해온것이 있는지, 꾸준히 할수있는지, 나에게 어떤 재능이 있는지, 평소에 하던것들을(의미가 없다고 생각하는것까지) 시간을 가지고 생각해보고 적어봤습니다. 저는 제시를 잘합니다. 저는 여러가지에 흥미를 느끼고 제가 직접 해보면서 주위 사람들이게 이런게 있으니 해보라고 권유를 잘합니다. 많은 사람들이 지금을 즐겁게, 유익하게 보내고 싶지만 어떤것들이 있는지, 어떻게 해야될지 모르기도, 구체적인 생각과 계획할 시간이 없습니다. 요즘 대다수 사람들이 관심갖는 주식, 스마트스토어, 전자책, 여행 등 이러한 것을 시작하고 싶지만 계획부터 쉽지않죠. 왜냐하면 어디서부터 어떻게 ..
안녕하세요 20대의 마지막을 바라보고있는 언제나 인생을 바꾸고자 생각하고 노력하는 스물아홉 직장인 자유로이 입니다. 오늘은 제 닉네임이 왜 자유로이인지 이유에 대해서 말하고 싶어서 글을 쓰게되었어요. 저는 막연하지만 멋지게 살고싶은게 제 목표였던거 같아요. 흔히 잘나가는 사람들, 풍요롭고 여유있는 사람들을 보면 부럽고 지금은 직장인이 되서 월급을 받고있지만 만족스럽진 않더라고요. 그러면서 문득 제 머릿속엔 이러한 질문들을 품기 시작했습니다. 저런 사람들은 어떤 사람들일까? 어떡하면 조금더 행복해질수 있을까? 어떡하면 저런 사람들처럼 될수있을까? 저러한 질문들을 되새기면서 나도 자유롭고 싶다라는 생각을 많이 했었어요. (능력이 좋아서 회사에 얽매이지않거나 회사말고 다른 수입이있으면 좋겠다고 생각했어요.) ..
전에 배웠던 정규표현식을 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를 찾게되는거죠 단 대괄호 안에 담긴 알파벳중 한글자 씩 일치하는것을 찾게됩니..
오늘은 특정한 규칙 안에서만 입력된 데이터를 가공하거나 치환하기 위해 문자열 함수나 비교문을 쓸수도 있지만 특정 케이스만 커버되기때문에 조금만 규칙이 벗어나면 그에 해당하는 케이스를 분별하려면 복잡한 코드가 되어버립니다. 문자열을 검색하고 대체하기위해 패턴을 편리하게 사용할수 있도록 정규표현식에 대해 알아보도록 하겠습니다. 정규표현식은 자주 사용되는것도 아니고 가독성이 좋지않아서 처음 써보려다 어려움을 느끼는 분들이 많습니다. 쉽게 접근해서 차근차근 알아보도록 하겠습니다. 예로 전화번호(숫자)를 정규표현식으로 찾는법을 해보겠습니다. digit을 뜻하는 \d로 한글자씩 숫자를 찾을수 있습니다. 하지만 010 이나 02 이렇게 붙어있는 숫자를 찾을 수는 없기에 \d에 +를 붙여주면 연결된 숫자를 찾을 수 있..