# cordova-plugin-camera


Native: tried calling Camera.getPicture, but the Camera plugin is not installed. vendor.js:58632

Install the Camera plugin: 'ionic cordova plugin add cordova-plugin-camera' vendor.js:58638
plugin_not_installed

"@ionic-native/camera": "^4.5.2",



C:\Users\CI\Desktop\IonicConvention>ionic cordova plugin add cordova-plugin-camera
> cordova plugin add cordova-plugin-camera --save
Unmet project requirements for latest version of cordova-plugin-camera:
    cordova (7.1.0 in project, >100 required)
Fetching highest version of cordova-plugin-camera that this project supports: 3.0.0 (latest is 4.0.0)
Installing "cordova-plugin-camera" for android

:\Users\CI\Desktop\IonicConvention>npm uninstall -save cordova-plugin-camera
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.3 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})




C:\Users\CI\Desktop\IonicConvention>ionic cordova plugin add cordova-plugin-camera

C:\Users\CI\Desktop\IonicConvention>ionic cordova run android


// cordova 7.1.0 에서는 cordova-plugin-camera 4.x 는 지원하지 않음. 3.x로 설치해줘야 함




저작자표시

'Front-end dev > Angular || Ionic' 카테고리의 다른 글

memo) error  (486) 2020.01.07
Angular 명령어  (558) 2020.01.07
memo) Error  (526) 2020.01.06

# memo) Error



ANDROID_HOME=C:\Users\CI\AppData\Local\Android\sdk
JAVA_HOME=C:\Program Files\Java\jdk1.8.0_121
No target specified and no devices found, deploying to emulator
Error: No emulator images (avds) found.
1. Download desired System Image by running: "C:\Users\CI\AppData\Local\Android\sdk\tools\android.bat" sdk
2. Create an AVD by running: "C:\Users\CI\AppData\Local\Android\sdk\tools\android.bat" avd
HINT: For a faster emulator, use an Intel System Image and install the HAXM device driver



// usb문제로 연결이 끊어진 상태

// chrome://inspect/#devices 여기서 연결된 디바이스 확인 가능

저작자표시

'Front-end dev > Angular || Ionic' 카테고리의 다른 글

memo) error  (486) 2020.01.07
Angular 명령어  (558) 2020.01.07
cordova-plugin-camera  (909) 2020.01.06

# Tag



# <!--...-->

주석 태그는 소스 코드에 주석을 삽입하는 데 사용됩니다. 주석은 브라우저에 표시되지 않습니다.

<!--주석을 사용하여 코드를 설명 할 수 있습니다.-->

<h1>#아라의 개발노트</h1>

<script type="text/javascript">
<!--
    function hungry() {
        alert('곱창먹고싶다!');
    }
//-->
</script>    

    주석 줄 끝에있는 두 개의 슬래시(//)는 JavaScript의 주석 기호입니다.



# <!DOCTYPE>
<!DOCTYPE> 선언은 HTML 문서에서 <html> 태그보다 먼저 있어야합니다.
<!DOCTYPE> 선언은 HTML 태그가 아닙니다. 페이지가 쓰여지는 HTML의 버전에 대한 웹 브라우저의 지시입니다.

<!DOCTYPE html>
<html>
<head>
<title>#아라이의 개발노트</title>
</head>
<body>
HTML Tag 정리
</body>
</html>

    HTML5는 SGML을 기반으로하지 않으므로 DTD에 대한 참조가 필요하지 않습니다.
    HTML 4.01과 HTML5의 차이점 - HTML 4.01에는 세 가지의 다른 <! DOCTYPE> 선언이 있습니다. HTML5에는 단 하나만 있습니다.



# <a>
<a> 태그는 한 페이지에서 다른 페이지로 연결하는 데 사용되는 하이퍼 링크를 정의합니다.
<a> 요소의 가장 중요한 속성은 링크의 목적지를 나타내는 href 속성입니다.

<a href="https://heeya7.tistory.com/7?category=729699">#console.log에 style 적용하기</a>

    href 속성이 없으면 download, hreflang, media, rel, target 및 type 속성은 존재할 수 없습니다.



# <address>
<address> 태그는 문서 또는 기사의 작성자/소유자에 대한 연락처 정보를 정의합니다.
<address> 요소의 텍스트는 대개 이탤릭체로 표시 됩니다. 대부분의 브라우저는 주소 요소 앞뒤에 줄 바꿈을 추가합니다.

<address>서울특별시 관악구</address>

    연락처 정보의 일부가 아닌 경우 <address> 태그는 우편 주소를 설명하는 데 사용해서는 안됩니다.
    <address> 요소는 일반적으로 다른 정보와 함께 <footer> 요소에 포함됩니다.



# <article>
<article> 태그는 독립적인 컨테츠를 지정합니다. 기사는 독자적으로 이해되어야하며, 사이트와 독립적으로 기사를 배포 할 수 있어야합니다.

<article>
    <h1>#아라</h1>
    <p>#아라의 블로그에는 HTML, CSS, JavaScript, jQuery 등의 정보가 담겨있습니다.</p>
</article>

    ex) 포럼 게시물, 블로그 게시물, 뉴스 기사, 논평 등
    HTML 4.01과 HTML5의 차이점 - <article> 태그는 HTML5에서 새로 추가되었습니다.

    Browser support // Chrome 6.0   IE 9.0   Firefox 4.0   Safari 5.0   Opera 11.1



# <aside>
<aside> 태그는 주요한 내용이 아닌 부차적인 내용을 담습니다. 

<p>aside 태그는 블로그에서 흔히 볼 수 있는 사이드바의 메뉴나 배너(광고)를 생각하면 된다.</p>

<aside>
    <h3>#아라의 개발노트 카테고리</h3>
    <a href="#">HTML</a>
    <a href="#">CSS</a>
    <a href="#">JavaScript</a>
    <a href="#">jQuery</a>
</aside>

    ex) 관련 페이지, 콘텐츠 사이드 바, 답글 영역, 전체 인용, 광고 영역 등
    HTML 4.01과 HTML5의 차이점 - <aside> 태그는 HTML5에서 새로 추가되었습니다.

    Browser support // Chrome 6.0   IE 9.0   Firefox 4.0   Safari 5.0   Opera 11.1



# <audio>
<aside> 태그는 주요한 내용이 아닌 부차적인 내용을 담습니다. 

<audio controls>
    <source src="test.ogg" type="audio/ogg">
    <source src="test.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
</audio>

    ex) 관련 페이지, 콘텐츠 사이드 바, 답글 영역, 전체 인용, 광고 영역 등ㅇ
    HTML 4.01과 HTML5의 차이점 - <aside> 태그는 HTML5에서 새로 추가되었습니다.

    Browser support // Chrome 6.0   IE 9.0   Firefox 4.0   Safari 5.0   Opera 11.1




저작자표시

'Front-end dev > HTML || CSS' 카테고리의 다른 글

box-shadow  (439) 2020.07.08
CSS 말줄임  (513) 2020.01.06
ios(safari) input:disabled  (1271) 2018.09.21
CSS input [type="radio, checkbox"] custom  (588) 2018.05.23
내 입맛에 맞춘 Reset.css  (520) 2018.04.03

# Front-end 로드맵(v.2020)





[출처] https://roadmap.sh/frontend

저작자표시

'Front-end dev > Etc.' 카테고리의 다른 글

codepen 불러오기  (587) 2020.07.08
vscode와 Git 연동하기  (530) 2020.01.17
모델-뷰-컨트롤러(Model-View-Controller, MVC)  (580) 2020.01.07
[Node.js] listen EADDRINUSE Error  (514) 2020.01.06
Front-end 로드맵(v.2018)  (518) 2018.03.29
메모)

HTML5 혹은 HTML5 보다하위 버전에 따른 table summary, caption 웹접근성


#HTML5 보다 하위 버전
summary="요약정보"
caption="테이블제목"

ex)
<h3>고객 정보 입력</h3>
<table summary="이 표는 이름, 성별 항목으로 구성되어있습니다">
  <caption>고객 정보 입력</ caption>
  <colgroup>
    ~
  </colgroup>
  <thead>
  <tr>
    <th>이름</th>
    <th>성별</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>김매력</td>
    <td>여자</td>
  </tr>
  </tbody>
</table>


#HTML5
summary 사용하지않음
caption="테이블제목+요약정보"
(참고 : 요약정보가 너무 길 경우에는 strong 태그 등을 이용하여 따로 담아준다. 그러면 스크린리더 사용자가 방향키를 눌러 다음으로 넘길 수 있다.)

ex)
<h3>고객 정보 입력</h3>
<table>
  <caption>고객 정보 입력 테이블입니다. 이름, 성별 항목으로 구성되어 있습니다.</ caption>
  <colgroup>
    ~
  </colgroup>
  <thead>
  <tr>
    <th>이름</th>
    <th>성별</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>김매력</td>
    <td>여자</td>
  </tr>
  </tbody>
</table>


#caption을 날릴 때 주의할 점(또는, blind 처리 할 때 컨텐츠는 읽어줘야하는 경우)

- display:none;
- visibility:hidden;
- font-size:0;
스크린 리더기에서 읽어주지 못하므로 사용하지 않도록 한다.


(그냥추가 : tfooter 태그는 thead와 tbody 사이에 위치해야한다.)

'Front-end dev > 웹표준ㆍ웹접근성' 카테고리의 다른 글

빈태그 사용 시 웹접근성  (501) 2020.01.09
(웹접근성) PC 심사 환경/기준  (865) 2018.11.27
웹접근성 swiper  (1119) 2018.09.21

+ Recent posts

티스토리툴바