본문 바로가기
반응형

전체 글209

dependency injection이란, DI란, 의존성 주입이란 dependency injection이란, DI란, 의존성 주입이란 spring framework를 공부할때 dependency injection(DI)를 많이들 들어보셨을 것입니다. 혹은 SOLID원칙을 배울때도 D부분이 dependency inversion principle이기도 하지요. dependency injection, 한국어로는 의존성 주입이 무엇인지 알아보겠습니다. 먼저 용어 뜻을 분해해서 dependecny 와 injection 이 무엇인지 살펴보겠습니다. 1. dependency란? (의존성이란) 의존성이 있다라는 것은 한 클래스(A)에서 다른 클래스(B)를 사용한다라고 이해하면 됩니다. 의존성이 있다면 B가 변경이 되었을때, A도 변경을 해야하며, 이를 A가 B에 의존해 있다라고 (d.. 2021. 12. 22.
lodash란, javascript library lodash, underscore, 로다쉬, 로다시, 로다시란 lodash(로다시, 로다쉬)란 Lodash(로다시)는 함수형 프로그래밍 패러다임을 이용하여 공통 프로그래밍 작업에 대한 유틸리티 기능을 제공하는 자바스크립트 라이브러리입니다. lodash는 2012년에 underscore.js 로부터 포크된 프로젝트입니다. 공식홈페이지는 lodash.com 이며, MIT 라이센스 입니다. repository 주소는 https://github.com/lodash 입니다. lodash 기능 유틸리티 - 유형 결정 및 수학 연산 단순화와 같은 공통 프로그래밍 작업을 단순화하는 데 사용됩니다. 기능 - 바인딩, 장식, 구속, 스로틀링, 디바운싱, 카레, 포인터 변경을 단순화합니다. 문자열 - 트리밍, 대문자 변환, camel 케이스 등 기본적인 문자열 연산을 수행하기 위한 변.. 2021. 12. 20.
CDATA, cdata, cdata란?, CDATA사용이유, CDATA사용하는 이유, xml cdata, 마이바티스 cdata CDATA란 XML 문서/파일 내용을 보면 가끔 로 되어있는것을 볼 수 있습니다. 이게 무엇인지 알아보겠습니다. CDATA는 Character Data를 의미하며, 이 문자열들 사이의 데이터는 XML 마크업으로 해석하지 않아야 하는 데이터를 포함한다는 것을 의미합니다. '(Unparsed) Character Data'. 즉, '파싱하지 않는 문자 데이터'라는 뜻입니다. 파싱하는 문자 데이터는 'PCDATA'라고 부릅니다. CDATA와 코멘트의 주요 차이점은 다음과 같습니다. CDATA는 여전히 문서의 일부인 반면, 코멘트는 그렇지 않습니다. CDATA에서는 문자열]]>(CDEnd)을 포함할 수 없는 반면, 주석에서는 -가 유효하지 않습니다. CDATA를 쓰는 이유 CDATA를 쓰는 이유를 알아봅시다. 먼.. 2021. 12. 8.
DB 별 SQL 결과 갯수제한, 페이징 처리, limit, offset, mysql, mariadb, mssql, oracle DB별 SQL 결과 갯수제한하는 법을 기록합니다. (주로 페이징을 위해 쓰이는 쿼리입니다. MySQL, Maria DB -- limit [오프셋, 개수] 키워드 사용 -- 아래 예의 경우에는 c1 컬럼기준으로 내림차순 정렬한 뒤, 0번째부터 10개의 row를 가져오겠다는 뜻입니다. select * from tbl order by c1 desc limit 0, 10; MSSQL -- top [갯수] 키워드 사용 -- 아래 예의 경우에는 c1 컬럼기준으로 내림차순 정렬한 뒤, 맨 위부터 10개의 row를 가져오겠다는 뜻입니다. select top 10 * from tbl order by c1 desc limit 0, 10; Oracle (오라클) / tibero (티베로, 티배로) -- rownum 키워드 .. 2021. 12. 7.
WCF란, WCF사용이유, WCF 특징, WCF 구조 WCF란 WCF(Windows Communication Foundation)는 서비스 지향 애플리케이션을 구축하기 위해 마이크로 소프트에서 개발한 프레임워크입니다. WCF는 웹 서비스 및 웹 서비스 클라이언트를 만들 수 있도록 설계되었습니다. WCF를 사용하면 데이터를 한 서비스 엔드포인트에서 다른 서비스 엔드포인트로 비동기 메시지로 전송할 수 있습니다. WCF의 특징 - 서비스지향성 : WCF를 사용하면 서비스 지향 응용 프로그램을 만들 수 있습니다. 서비스 지향 아키텍처(SOA, Service-oriented Architecture)는 데이터를 송수신하기 위한 웹 서비스에 대한 의존합니다. - 정보 처리 상호 운용 WCF는 웹 서비스 상호 운용성을 위한 현대 산업 표준 구현체입니다. - 다중 메시지 .. 2021. 12. 6.
Emmet이란, visual studio code에서 emmet 쓰기, code generator, 코드 자동완성, 에밋 Emmet(에밋)이란? Emmet은 HTML과 CSS의 작성의 시간을 아주 빠르게 단축 시켜주는 에디터 확장기능입니다. 타이핑 몇자를 적으면 자동으로 나머지 코드들을 자동생성해주는 기능입니다. 코디을 아주 빠르게 할 수 있는 자동완성기능입니다. 사용법은 입력하고 키보드 Tab키를 누르면 끝! 보통 유명한 에디터에서 Emmet이란 기능/플러그인을 지원하며, visual studio code에서는 별다른 설정없이 바로 사용할 수 있습니다. 바로 사용 사례들을 살펴보겠습니다. visual studio code에서 Emmet사용법 1. 먼저 visual studio 에서 html 파일을 만들어 줍니다. test.html 파일로 만들어보겠습니다. 2. !를 타이핑후 키보드의 Tab키를 눌러줍시다. 3. 그러면 아.. 2021. 12. 2.
npx란, npx이란, npx 사용이유, npx 사용하는 이유, npx 설치법, npx설치방법, npx 사용방법, npx사용법 npx란, npx이란 npx는 명령줄에서 직접 로컬로 설치된 명령줄 도구를 실행할 수 있도록 npm에서 제공하는 명령어/툴입니다. npx는 npm@5.2.0에서부터 사용할 수 있게 되었습니다. Node.js 도구를 전역에 설치하지 않고도 실행할 수 있게 해줍니다. npx 사용하는 이유, npx사용이유 예를 들어 mocha, gulp, react-native 는 일반적으로 npm의 -g 플래그를 사용하여 전역적으로 설치됩니다. 그러나 전역적으로 설치된 패키지에는 두 가지 주요 문제가 있습니다. 다른 프로젝트는 동일한 패키지의 다른 버전에 의존할 수 있습니다. npx 설치방법 먼저 아래 명령어로 npx가 설치되어있는지 확인해봅시다. $which npx 설치되지 않았다면, 아래 명령어를 통해 npx를 간단히 .. 2021. 11. 30.
puppeteer란, puppeteer 사용법, puppeter 사용법, 웹자동화, 웹스크래핑, 웹사이트 스크래핑, 크롤링, 셀레늄, selenium, 매크로, 자바스크립트 매크로, 퍼피티어 puppeteer란? (퍼피티어란?) puppeteer(퍼피티어)는 dev tools 프로토콜을 통해 크롬을 제어할 수 있는 하이레벨 API를 제공하는 노드 라이브러리입니다. puppeteer 기본적으로 headless(UI가 없는상태)로 실행되지만, 비헤드리스 크롬 또는 크로미움으로 실행되도록 수행도 가능합니다. 주로 웹자동화, 크롤링을 위해 사용하는 라이브러리이며, selenium과 비슷한 역할을 한다고 생각하면 됩니다. 다만 selenium(셀레니움)과 다른 점은 selenium은 다양한 언어로 사용할 수 있는 반면, puppeteer는 javascript 만으로 코드를 작성할 수 있습니다. selenium보다 더 나은점은 좀 더 상세한 조작 및 성능 측정 등이 가능하다는 점입니다. 브라우저에서 수.. 2021. 11. 28.
WMIC란, WMIC 사용법, WMIC 사용방법, wmic, WMI, wmi WMIC란 WMIC란 Windows Management Instrumentation Command-line라는 이름의 WMI에 대한 명령 줄 인터페이스를 제공하는 툴입니다. 그렇다면 WMI는 무엇일까요? WMI는 마이크 로소프트가 DMTF(Distributed Management Task Force)로부터 WBEM(Web-Based Enterprise Management)과 CIM(Common Information Model) 표준을 구현한 것이라고 하는데요, 간단한 말로 풀어보자면 PC 나 서버의 상태를 확인할 수 있도록 한 것이라고 볼 수 있습니다. WMI는 VBscript나 파워쉘등을 이용해서 로컬및 원격으로 윈도용 개인PC또는 서버를 관리할 수 있게 해줍니다. 최신 Microsoft windows.. 2021. 11. 27.
vue watch 예제, vue watch 사용법, vue.js watch 예제, vuejs watch 사용법, vue3 watch, vue watch example ` vue에서의 watch란 watch란 지켜보다라는 뜻이며, 말 그대로 특정 데이터를 보며 값이 바뀌면 별도의 콜백 함수에서 데이터를 처리하게 되며, lazy하게 실행됩니다. 즉, watch에 등록한 콜백함수는 감시된 소스가 변경된 경우에만 호출됩니다. 이는 vue3에서의 watch() API는 Option API(vue2)에서의 this.$watch 와 동일한 역할을 하는것을 의미합니다. watch에 대한 특징은 다음과 같습니다. - lazy 하게 수행됩니다. - 감시된 상태의 이전 값과 현재 값 모두에 액세스합니다. watch 예제, watch 사용법 watch에 대한 사용코드를 살펴보겟습니다. watch에서 감시할 데이터 소스는 값을 반환하는 게터 함수이거나 직접 참조일 수 있습니다. // get.. 2021. 11. 24.
vue.js 3.0 composition api, vue3 composition api, vuejs 3 composition api,vue.js 3.0 컴포지션 api, vue3 컴포지션 api, vuejs 3 컴포지션 api,뷰3 컴포지션 api, vue.js (뷰) 3에는 composition API(컴포지션 API)라는것이 도입이 되었는데요, 이것이 무엇인지 알아봅시다. composition API(컴포지션 API) vuejs를 만든 Evan You는 컴포지션 API를 전역적으로 선언된 함수(function)를 이용해 라이프사이클 훅을 등록할 수 있는 기능과 결합된 반응형 API라고 설명하였습니다. 이는 컴포지션 API가 조직과 가독성을 훼손하지 않고 애플리케이션 내 모든 지점에서 반응성을 관리할 수 있는 다른 방법을 제공한다는 게 골자입니다. 컴포지션 API는 정말로 언어에 새로운 것을 추가하는 것이 아닙니다. 뷰가 이미 사용하는 내부 기능들(일명, 마법)을 노출시키고, 우리가 이러한 기능들을 구성 요소에서 직접 사용할 수 있게 합니다. co.. 2021. 11. 22.
jQuery(제이쿼리) ajax와 fetch와 Axios 차이점 비교, jquery ajax vs fetch vs axios Ajax란? 전통저인 Ajax는 Asyncronous Javascript and XHTTPREQUEST(XHR)를 가리키며, http 통신에서의 비동기적으로 데이터를 주고받는 방식의 하나입니다. 데이터가 업데이트 될 때마다 페이지 전체를 받아오는 대신, 화면에서 표시되는 일부 필요한 부분의 데이터에 대해서만 받아와서 업데이트하기 위해 도입되었습니다. 오래전에는 서버에서 데이터를 받아오는데 XML이 사용되었으나, 현재는 기본적으로 json 형식으로 받습니다. 전통적인 ajax의 사용코드는 아래와 같습니다. var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === xhr.DONE) { if (xhr... 2021. 11. 20.
반응형