9월, 2019의 게시물 표시

[HTML5] HTML5 정리

[HTML5] HTML5 정리 1. HTML5의 새로운태그 HTML5에서는 기존 div태그에 의미를 부여해 HTML문서를 보다 논리적으로 작성할 수 있다. header : 문서의 헤더부분 nav : 문서의 네비게이션 figure :  문서의 멀티미디어요소 section :  특정콘텐츠 그룹화 article : 작은의미단위의 콘텐츠 footer :  문서의 푸터부분 aside :  문서의 사이드 콘텐츠 2. video태그 외부플러그인 없이 순수 웹표준기술로 동영상콘텐츠삽입 preload : 해당동영상을 재생전 미리불러오기 autoplay : 비디오를 자동재생 loop : 비디오를 무한반복  controls : 비디오의 컨트롤패널을 생성 3.  nth-child() 원하는 순서값에 해당하는 태그를 선택하는 CSS선택자 태그명:nth-child(순서값){css} ex ) li:nth-child(1){color:blue} 4. text-shadow, box-shadow 글자와 박스에 그림자생성 text-shadow, box-shadow : 가로축 세로축 퍼짐도 색상; 5. border-radius 사각형의 모서리를 둥글게하기 border-radius : 왼쪽위 오른쪽위 오른쪽아래 왼쪽아래 6. gradient  배경에 그라디언트 색상과 모양지정 background : 그라디언트모양(방향, 색상1, 색상2) ex ) div:nth-child(1){background:linear-gradient(to right, blue, red);} ex ) div:nth-child(1){background:linear-gradient(45deg, blue, red);} ex ) div:nth-child(1){background:radial-gradient(blue, red);} ...

[유럽(런던,스페인)여행] #1 유럽여행 계획하기, 항공권준비하기.

이미지
[유럽(런던,스페인)여행] #1 유럽여행 계획하기, 항공권준비하기. 퇴직기념으로 연말여행을 계획 중. 예전에 배낭여행으로 갔던 유럽여행, 신혼여행으로간 이탈리아, 체코 이후로 3번째로 가는 장거리 여행이다. 이번에는 시간도 널널하니 기록용 블로그를 작성해봐야겠다. 큰 이변이 없는 한 12월 20일 출국 1월3일 귀국 일정이다. 항공권은 아시아나 ( 런던 in ~ 바르셀로나 out ) 직항으로 구매. 아시아나 왕복 직항으로 885,200원 이면 나쁘지않은 가격이라 생각해 바로 구입, 결제하였다. 크리스마스를 낀 여행인 만큼 12월 유럽의 연말분위기, 크리스마스 분위기를 느낄수 있을것 같다. 다만 24일저녁부터 25일 크리스마스 당일에는 점포도 문을 닫고 한가해진다고 하니 여행자인 우리는 어떻게 지낼지도 고민해봐야한다. 런던에서 꼭 하고싶은것. 1. 해리포터스튜디오 2. 박물관, 갤러리구경 3. 크리스마켓 구경(하이드파크) 4. 애프터눈티 5. 크루즈타기    

[Cordova] #2 코도바 앱설정

이미지
[Cordova] #2 코도바 앱설정 [config.xml의 구조] <widget>   <name></name>   <preference /> : 프레임워크 동작을 변경 (name : 설정이름, value : 설정값)   <feature> : 플러그인 클래스명 지정      <param />   </feature>   <access /> : 앱에서 허용할 도메인 기술   <content /> : 처음에 읽어드릴 HTML경로 </widget> [config.xml  설정반영] cmd > cordova perpare -d [안드로이드 설정항목] LoadingDialog : 로딩중임을 나타내는 다이얼로그표시 LoadingRageDialog : HTML 페이지 로드중 대화창표시 ErrorUrl : 오류페이지 BackgroundColor : 응용프로그램 배경색지정 LaodUrlTimeoutValue : 코도바가 앱을 실행할때 시간초과오류를 던질때까지의 대기시간설정 KeepRunning (defaults to true) : 백그라운드에 있을때 실행할지 설정 SplashScreen : res/drawable 디렉터리 아래의 이미지를 확장자 없이 지정 DisallowOverscroll (boolean, defaults to false) : 안드로이드 앱에서 오버스크롤시 화면끝이 빛나도록 표현해서 피드백한다.

[Cordova] #1 코도바 프로젝트 생성

이미지
[Cordova] #1 코도바 프로젝트 생성 [필요설치파일] - sdk (안드로이드 스튜디오설치) - node.js - npm install cordova -g(글로벌영역에 설치) [환경변수에 sdk 추가] - C:\Users\..\AppData\Local\Android\Sdk\platform-tools (내컴기준) - C:\Users\..\AppData\Local\Android\Sdk\tools [환경변수 확인] - cmd : android -h - cmd : adb version [cordova 프로젝트생성] F:\cordova> cordova create hello com.example.hello HelloWord -d F:\cordova> cd hello F:\cordova\hello> cordova platform add ios #ios 파일추가 Using cordova-fetch for cordova-ios@^5.0.0 Adding ios project... Creating Cordova project for the iOS platform: Path: platforms\ios Package: com.example.hello Name: HelloWord iOS project created with cordova-ios@5.0.1 Plugin 'cordova-plugin-whitelist' found in config.xml... Migrating it to package.json Discovered saved plugin "cordova-plugin-whitelist". Adding it to the project Installing "cordova-plugin-whitelist" for ios Adding cordova-plugin-whitelist to package.json F:\cord...