웹팩에 대한 설명은 아래를 참고하시면 됩니다. 2020/06/30 - [언어/JavaScript] - webpack 이란 webpack 이란 webpack이란, 모듈화한 여러 개의 파일을 모아 주는 번들러입니다. 번들러는 이 외에도 'Rollup'과 'Parcel'이 있습니다. 모듈화한 파일 결합은 단순하게 파일을 결합하는 것이 아니며, 모듈의 의존 상� codeparadise.tistory.com 개발에 사용된 개발 도구는 vsCode입니다. vsCode에 대한 설명은 아래를 참고하시면 됩니다. 2020/06/21 - [Tool/vsCode] - [vsCode] vsCode란? [vsCode] vsCode란? Visual Studio Code는 가볍고 강력한 소스 코드 편집기로 데스크톱에서 실행되며 W..

v-if 조건으로 렌더링하기 조건을 만족하지 못한 경우에 요소는 DOM 레벨에서 제거되며, 모든 감시도 제거 됩니다. 컴포넌트라면 인스턴스가 제거되며, 이후에 렌더링 될 때 모든 상태가 초기화 되어버립니다. 내부에서 디렉티브 또는 컴포너는를 많이 사용하는 경우, 특정한 데이터를 따로 가지고 있지 않다면 오류가 발생했을 때 v-if를 사용하는 것이 좋습니다. v-show 조건으로 출력하기 조건을 만족하지 않는 경우, 단순하게 display:none; 스타일을 적용합니다. 눈에 보이지 않더라도 모든 리액티브 데이터에 대한 내부적인 감시가 일어나므로 주의해 주세요. 내부에 디렉티브 또는 컴포넌트가 없고, 변경 빈도가 높은 경우에는 v-show를 사용하는 것이 성능 면에서 좋습니다.

국제 표준화 단체인 Ecma International에서 책정한 자바스크립트의 표준 사양입니다. 브라우저의 자바스크립트 실행 환경은 이러한 사양을 기반으로 구현된 것입니다. 현재 사용되고 있는 대부분의 브라우저는 'ES5'를 지원하고 있으며, 브라우저에 따라서는 'ES2015(ES6)' 이후의 기능을 구현해서 제공하고 있는 경우도 있습니다. ES2015부터는 사양을 매년 개정하기로 했습니다. 따라서 원래 ECMAScript4, ECMAScript5, ECMAScript6처럼 숫자를붙이지 않고, ECMAScript2015, ECMAScript2017 처럼 연도를 붙여서 부르게 되었습니다.

webpack이란, 모듈화한 여러 개의 파일을 모아 주는 번들러입니다. 번들러는 이 외에도 'Rollup'과 'Parcel'이 있습니다. 모듈화한 파일 결합은 단순하게 파일을 결합하는 것이 아니며, 모듈의 의존 상태를 해결하면서 번들합니다. webpack은 '.js' 파일 뿐만 아니라. css와 이미지 같은 리소스를 번들해 주는 기능도 있습니다. 다양한 Loader를 사용하면, 단일 파일 컴포넌트 vue, Pug와 Sass 같은 다양한 형식의 파일도 읽어 들일 수 있습니다. 처음 읽어 들이는 파일(엔트리 포인트)을 시작으로 연결된 리소스를 모두 번들하므로, 애플리케이션에 불필요한 리소스는 알아서 제외된다는 장점도 있습니다. 코어 컨셉으로는 아래와 같습니다. Entry Output Loaders Plugi..

import numpy as np def commonCompare(tmp): if tmp

JPA(Java Persistence API)는 자바 ORM 기술 표준입니다. JPA는 아래 그림처럼 애플리케이션과 JDBC 사이에서 동작합니다. ORM(Object-Relational Mapping)은 이름 그대로 객체와 데이터베이스를 매핑한다는 뜻입니다. ORM 프레임워크는 객체와 테이블을 매핑해서 패러다임의 불일치 문제를 데이터 베이스에 저장할 때, Insert SQL을 직접 작성하는 것이 아니라 객체를 마치 자바 컬렉션에 저장하듯이 ORM 프레임워크에 저장하면 됩니다. JPA 소개 과거 자바 빈즈(EJB)라는 기술 표준을 만들었는데 그 안에는 엔티티 빈이라는 ORM 기술도 포함되어 있었습니다. 하지만 너무 복잡하고 기술 성숙도도 떨어졌으며 자바 엔터프라이즈(J2EE) 애플리케이션 서버에서만 동작 ..

ppadb와 pynput을 활용했습니다. 디바이스 키값은 adb devices를 통해 얻어낼 수 있습니다. from ppadb.client import Client as AdbClient from pynput.keyboard import Key, Listener import time # Default is "127.0.0.1" and 5037 client = AdbClient(host="127.0.0.1", port=5037) device = client.device("ce0*******642702") # device.shell("logcat", handler=dump_logcat) isNotPressRight = True isNotPressLeft = True isNotPressUp = True isN..

선행 작업 2020/06/21 - [Tool/vsCode] - [vsCode] c++ 개발환경 구축 2020/06/21 - [언어/C_C++] - [c++] choco로 MinGW 설치 방법 Check your MinGW installation Mingw-w64 설치가 정상적으로 되었는지 확인해봅니다. powerShell에서 해당 커맨드를 입력해봅니다: g++ --version gdb --version 커맨드가 정상적으로 동작했으면 프로젝트 디렉토리를 생성해줍니다. mkdir projects cd projects mkdir helloworld cd helloworld code . Add a source code file File Explorer title bar에서, New File button 을 클릭..

윈도우에서 MinGW 설치 방법을 이전에도 다뤘지만 이번엔 더 간단하게 설치하는 방법을 소개하겠습니다. 그러기위해선 choco가 필요합니다. 2020/06/21 - [OS/Windows] - Chocolatey 이란? Chocolatey 이란? Chocolatey이란? 프로그램 관리에 대한 복잡한 프로세스 단순화, 시간 및 노력 절약 하도록 도와주는 툴입니다. Windows 소프트웨어의 모든 측면을 자동화된 접근 방식을 통해 이를 단순화합니다. 기� codeparadise.tistory.com choco 설치방법은 이렇습니다. 2020/06/21 - [OS/Windows] - [chocolatey] 설치 방법 [chocolatey] 설치 방법 필요 요소 Windows 7+ / Windows Server ..

HTML 상에서 특수문자가 제대로 나타나지 않을 수 있기 때문에 아래 문자들를 사용합니다. 표현문자 숫자표현 문자표현 설명 - �- - 사용하지 않음 space - 수평탭 space - 줄 삽입 - - - 사용하지 않음 space 여백 ! ! - 느낌표 " " " 따옴표 # # - 숫자기호 $ $ - 달러 % % - 백분율 기호 & & & Ampersand ' ' - 작은 따옴표 ( ( - 왼쪽 괄호 ) ) - 오른쪽 괄호 * * - 아스트릭 + + - 더하기 기호 , , - 쉼표 - - - Hyphen . . - 마침표 / / - Solidus (slash) 0 - 9 0-9 - 0부터 9까지 : : - 콜론 ; ; - 세미콜론 > > 보다 큰 ? ? - 물음표..