기록, 정리 조각

See the Pen vue_05 by DoYoubLee (@bluesid) on CodePen.

• 조건부 렌더링
v-if
v-else
v-else-if
v-else, v-else-if는 v-if 또는 v-else-if 다음에 와야 한다.
key를 통하여 재사용 가능한 element를 제어
v-show, element는 항상 렌더링 되고 DOM에 남아 있음

• 리스트 렌더링
v-for, 두번째 인자에 대해 현재 항목에 대한 index를 제공
v-for 객체, 두번째 인자에 대해 name제공
v-for 객체, index도 제공
v-for, key, 반복되는 DOM 내용이 단순한 경우나 의도적인 성능 향상을 위해 기본 동작에 의존하지 않는 경우를 제외하면
가능하면 언제나 v-for에 key를 추가하는 것이 좋음

See the Pen vue_04 by DoYoubLee (@bluesid) on CodePen.

와이파이 연결 정보를 알려줄 때 QR코드를 생성하여 공유할 수 있는 게 있어 적어본다.

앱도 있지만 웹만 적어본다.

pure JS WiFi QR Code Generator https://qifi.org/

QR Code Generator - Wifi 선택https://ko.qr-code-generator.com/

QR 코드 생성기https://kr.piliapp.com/generator/qr-code/wifi/

셋다 방식은 동일, pure JS Wifi,  QR Code Generator는 숨겨진 Wifi인지 체크 하는 항목이 있다

SSID(Service set Identifier Definition) - 무선 네트워트 이름을 입력

패스워드 입력

암호화 방법 선택

• v-bind를 통한 class true/false
• 기본이 true인 class는 v-bind를 묶지 않아도 된다.

<div class="demo" :class="{active: boxBSelected}]" @click="boxSelected('B')"></div>

• computed를 통해 계산된 class 반환

See the Pen vue_03 by DoYoubLee (@bluesid) on CodePen.

USB 대용량 장치를 제거하다 발생하는 메세지

1.

작업 관리자 실행 -> Windows 탐색기 선택 -> 다시 시작

2,

제어판 -> 관리 도구 -> 컴퓨터 관리 -> 시스템 도구 -> 장치 관리자 -> 디스크 드라이브 -> 해당 드라이브 선택 -> 우클릭 -> 제거

3.

내 컴퓨터 -> 우 클릭 -> 관리 -> 저장소 -> 디스크 관리 - 해당 드라이브 선택 -> 드라이브 문자 또는 경로 변경