안녕하세요. Vue 사용하시죠? 저는 거의 매일 vue.js 사용하고 있는데, 인터넷에는 올바른 사용법이라는 내용의 글이 생각보다 많지 않다는 생각을 합니다. 그래서 꼭 필요한 Vue 개발 최선의 문법 사용 15개를 정리해 보았습니다. 여러분의 개발에 도움이 되었으면 좋겠고요. 잘못된 내용이나 더 나은 의견이 있으면 최대한 부드럽게 지적해 주시면 감사하겠습니다. 1. v-for 안에서는 반드시 :key 사용v-for 지시문(디렉티브 directive)에선 key 속성을 사용하여 데이터를 제어합니다. Vue 가 구성 요소 (컴포넌트 component) 상태를 추적하고 각 요소(엘리먼트 element)를 지속적으로 참조할 수 있습니다. 특히 애니메이션이나 Vue 트랜지션(transition)에서 key 가 ..
흔히 볼 수 있는 DVD와의 큰 차이는 화질입니다. 블루레이 - 최대 25GB 저장 (해상도 1080p, 1920 x 1080)DVD - 최대 4.7GB 저장 (해상도 480p, 720 x 480) 같은 시간대의 영화를 저장한다면 블루레이는 개선된 화질을 저장할 수 있어서 화질이 더 좋을 수밖에 없습니다. 그리고 저장 용량에도 차이가 나므로 DTS 급의 좋은 화질도 블루레이에 담길 수 있습니다. 간단하게 생각하면 더 좋은 화질과 더 좋은 음질이 블루레이에 저장되는 것입니다. 참고로 블루레이는 초기에 HD급 (1280 x 720)으로 보급되었지만, 요즘엔 풀HD (1920 x 1080)가 기본일 정도로 기술도 많이 발전했습니다. 그래서 40인치 이상의 디지털 대형 TV에서 블루레이 영상을 재생하면 "와~ ..
ERROR Error: Uncaught (in promise): NullInjectorError: StaticInjectorError(AppModule) ionic 5 android에서 발생하는 오류입니다. InAppBrowser 에러이며, 원인과 해결 방법은 간단합니다. 프로바이더 공급자에 InAppBrowser가 추가되지 않아서 발생하는 오류입니다. npm 이용해 설치해도 app.modules.ts 파일에는 자동으로 추가되지 않으므로 직접 코딩해야 합니다. @NgModule({ declarations: [AppComponent], entryComponents: [], imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule], provider..
Node.js 프레임워크 express를 사용하여 Mysql에 접속하기 위한 샘플 코드입니다. 목차1. 환경2. Express 환경 구축3. Mysql 모듈 사용법 환경OS CentOS Linux release 8.0.1905 (Core)node V10.16.3npm 6.9.0express 4.17.1 Express 환경 구축아래의 순서로서 구축합니다. npm init -ynpm i -D expressnpm install -D express-generator mysql 모듈을 설치합니다 npm install --save mysql Node.js Express Mysql 연결용 DB 및 table을 만들어 둡니다. ## user 로그인mysql -u user -p 테스트용 DB 작성mysql> create..
ionic 5 cordova run android 사용할 때 발생하는 ERR_CLEARTEXT_NOT_PERMITTED 에러 해결 방법입니다. WebView에서 URL 로드시 발견하는 오류인데 간단히 xml 파일만 수정하면 됩니다. 아래 2개의 XML 파일을 수정하세요. 빨간줄을 보시면 됩니다. network_security_config.xml localhost 100.10.10.100 도메인 ip를 추가할 땐 http:// https:// 그리고 포트를 포함하지 마세요. 위에 빨간줄 처럼 아이피만 입력해야 합니다. config.xml 이렇게 2개의 xml 파일을 수정하세요.그래도 ERR_CLEARTEXT_NOT_PERMITTED 에러가 발생하면, config.xml 파일에 아래 소스 코드 한 줄을 추가..
간결하고 담백하게 사진 7장으로 간단하게 알려드리겠습니다.너무 간단해서 놀랄 수도 있습니다. 참고로 엑셀, 곰비디오, pdf 관련 정보 간단하게 확인하시고 윈도우 포스트잇 정보 확인하세요. Excel 엑셀 곱하기 함수 * Product 사용 방법곰비디오 재생 이동 시간 바꾸기 (건너뛰기 단위 조절)pdf 파일 변환 사이트 i love pdf 및 윈ce 작업 관리자 1. 윈도우 검색창 "sticky notes" 입력 요즘 윈도우10 업데이트하잖아요. 그러면 검색창이 윈도우 버튼 옆에 검색창이 생겨요.여기에 sticky notes를 입력하세요. 그리고 오른쪽 메뉴에서 노트 목록을 클릭합니다. 2. 작성되었던 스티커 메모 확인 윈도우10에서 X 표시를 눌러 창을 끄더라도 이 목록에는 남아있습니다.여기서 다시 ..
Vim을 사용하면 코딩을 빨리할 수 있다고 생각하는 분들 많죠?오늘은 Postfix Code Completion 이라는 방법을 사용하여 코딩을 빨리하는 노하우 소개합니다.Postfix Code Completion입력한 표현식 주위에 템플릿 코드를 자동으로 추가하는 포스트 픽스 자동 완성 기능입니다.후위 보완 방법이라고도 합니다. 예) (a == b)에 대해 if를 사용(a == b).if 라고 입력하면 if (a == b) { } 식으로 자동 완성됩니다. 뒤에 코드 if가 앞의 코드 (a == b)에 붙는 개념입니다.이를 적극적으로 사용하면 더 빠르게 코딩할 수 있습니다. Vim에서 Postfix Code Completion 사용 방법Vim에는 sonictemplate.vim 이라는 플러그인이 지원됩니다..
KT 에그에서 2018년 4월에 새롭게 선보인 KT 에그 LTE egg+ s, LTE egg+ a.기존의 와이브로 하이브리드를 크게 개선한 것으로, 성능 면에선 월등히 앞섭니다. 음영 지역이 많았던 KT 에그 WiBro Hybrid의 단점을 거의 가려버려서 만족스럽게 사용할 수 있는 제품이기도 합니다. 저 또한 지난 2년간 KT 에그를 매우 만족스럽게 사용했습니다. 올레닷컴으로 이동해 휴대용 와이파이 LTE egg+를 살펴보면, a와 s, 두 가지 종류가 확인되는데요. 나에게 맞는 제품이 어떤 것인지 먼저 확인할 필요가 있습니다. 그리고 egg+ a의 배터리 용량은 4,000mA로 3,100mA인 +s 보단 큽니다. 그렇지만 지난 2년간 KT 에그 +s를 거의 3일에 한 번꼴로 충전해 사용했습니다. 회사..
Array는 이전 글을 읽고 참조하시면 됩니다. 이 포스트에선 자바스크립트 String, Object 유용한 함수를 소개합니다. Stringsplit 문자열을 분할하여 배열로 만들기 const date = `2020/02/23`;const result = date.split('/'); console.log(result); // ["2020", "02", "23"] split하여 분할 후, 다시 합치려면 join을 사용. concat 문자열에 다른 문자열을 연결하여 새로운 문자열을 만듭니다 const str1 = `Hello.`;const str2 = `World!`;const result = str1.concat(str2); console.log(result); // > "Hello.World!" sta..
Google에서 제공하는 "구글 G Suite"는 Gmail, Google 드라이브, Google 문서 도구 등을 사용할 수 있는 편리한 클라우드 서비스입니다. 전 Google 직원인 마틴 쉘튼은 "G Suite는 강력한 도구인 반면, 고객의 데이터는 미국 수사 기관에 인도될 수 있습니다"라며, 개인 정보에 주의하면서 구글 G Suite를 안전하게 활용하라고 조언했습니다. Newsrooms, let 's talk about G Suite https://freedom.press/training/blog/newsrooms-lets-talk-about-gsuite/ 견고한 G Suite 보안 사용자가 구글 g suite를 포함한 Google 서비스에 접속하면, Google은 통신 내용을 암호화하여 데이터를 보..
Arrayjoin 자바스크립트 배열의 모든 요소를 연결하여 새로운 문자열 생성. const date = ['2020', '02', '23'];const result = date.join('.'); console.log(result); // "2020.02.23" forEach 배열 반복, 루프 처리 JavaScript 배열 각 요소를 한번씩 처리 또는 실행 const animals = ['dog', 'cat', 'fox'];/*** # forEach* value : 현재 처리할 배열 요소* index : 현재 처리할 배열 요소 인덱스* array : 원래 배열 (잘 사용하지 않아 아래에서는 생략)*/animals.forEach((value, index) => { console.log(index, va..
데스크탑 pc에 있는 동영상을 스마트폰에서 실시간 스트리밍하는 방법 소개합니다. 저는 윈도우10 64비트, 갤럭시노트 10+를 사용했고, 동영상 재생 앱은 안드로이드 파일관리자를 사용했습니다. 다른 분의 글을 보니 윈도우 시스템 설정에서 사용자를 추가하여 pc 동영상 스마트폰에서 재생하던데 ... 저는 윈도우10 사용자 추가 메뉴 자체가 없습니다. 하지만, 제가 오늘 소개하는 스트리밍 방법이 더 간단하다고 생각해요. 사용자 추가 없이, 앱 설치 후 폴더 공유 버튼만 눌러주면 되니깐요. 먼저, 선요약하고 컴퓨터 영상 핸드폰으로 보는 방법 시작하겠습니다. 1. 파일관리자 앱 설치 2. 원격 저장소 SMB 추가 3. 컴퓨터 IP, 관리자 계정 확인 4. 공유 폴더 만들고 Everyone 사용자 추가 5. SM..