재밌고 어려운 IT를 이해해보자~!

Quasarvue.js 기반 MIT 라이선스 오프 소스 프레임워크.다양한 유형의 반응형 웹 , 앱을 빠르게 만들 수 있음.SPAs (싱글 페이지 앱)SSR (서버 측 렌더링 앱) (+ 선택적 PWA 클라이언트 takeover)PWAs (프로그레시브 웹 앱)BEX (브라우저 확장)모바일 앱 (Android, iOS, …) Cordova 나 Capacitor를 통해다중 플랫폼 데스크톱앱 (Electron 사용)  장점웹사이트와 앱에 최신 UI(머티리얼 가이드 라인 준수)를 바로 사용할 수 있음데스크톱 및 모바일 브라우저(iOS Safari 포함!)에 대한 최상의 지원각 빌드 모드(SPA, SSR, PWA, 모바일 앱, 데스크톱 앱 및 브라우저 확장)에 대한 동급 최상의 지원 및 자체 CLI와의 통합을 통한 ..

Vuetify란?Vuetify란 구글의 material design을 사용할 수 있게 만든 Vue.js를 위한 UI 프레임워크입니다.Vuetify는 사용자가 원하는 컴포넌트를 사용할 수 있도록 다양하고 유용한 라이브러리를 제공합니다.   vuetifyjs.com/en/ Vuetify — A Vue Component FrameworkVuetify is a no design skills required Open Source UI Component Framework for Vue. It provides you with all of the t...vuetifyjs.com  Bidirectionality : 오른쪽에서부터 왼쪽으로 글을 쓰는지, 왼쪽에서 오른쪽 방향으로 글을 쓰는지 설정 할 수 있습니다. Glob..

1. 헤더 컴포넌트를 만들기경로 : src/components/common/CommonHeader.vue  메뉴1 메뉴2 메뉴3 메뉴4  2. 콘텐츠 영역은 프로젝트 생성 시 존재하는 HelloWorld.vue 파일 사용경로 : src/components//HelloWorld.vue 3. 풋터 컴포넌트를 만들기경로 : src/components/common/CommonFooter.vue  copyRight fyzh99.tistory.com  4. App.vue 파일수정경로 : src/App.vue    *에러 발생Header와 Footer component 생성 후 빌드 시 아래와 같은 에러 발생Compon..

Vue. js는 Java Script 기반의 프레임워크 일반적으로 js 프레임워크들은 - js에 대해서 어느정도는 이해를 해야만 사용할 수 있는 경우가 대부분이다. 그러나 Vue. js는 특이하게도, HTML 구조를 거의 그대로 사용할 수도 있도록 만들어졌다. 그래서 js를 많이 알지 못하더라도 기본적인 구조를 읽고, 쓰는 - 학습에 대한 내용이 상대적으로 쉬운 편이다. 물론 제대로 깊게 들어가려면 js에 대해서 기본적인 이해를 필요로하는건 마찬가지다.  HTML에 vue를 얹는 간단한 예제 {{ hello }}   요즘의 웹은 단순히 웹 페이지 가 아니라, 웹 애플리케이션이다.어떠한 유저인터페이스를 동적으로 나타내기위해서는 정말 수많은 상태를 관리해줘야합니다...

쿠버네티스란? 쿠버네티스는 간단히 말하면, 컨테이너화된 워크로드와 서비스를 관리하기 위한 이식성이 있고 확장 가능한 오픈소스 플랫폼입니다. 애플리케이션 배포 환경의 변화 우리가 무언가 프로그램을 개발해서, 사람들에게 서비스를 제공하려면, 특정 서버에 자신이 만든 소프트웨어를 배포(Deploy)해야 한다. 이 "배포(Deployment)" 방식의 변화 과정을 이해하는 것이 컨테이너, 도커, 쿠버네티스의 개념을 이해하는데 있어서 중요합니다.Container Deployment (컨테이너 배포) 시대로 오기까지의 여정 전통적인 방식 (Traditional Deployment)- 가장 오래되고 단순한 방식 - 물리적인 컴퓨터 한대에 하나의 OS를 깔고, 여러가지 프로그램을 설치하는 방식 - 문제점 다른 OS 설..

리눅스(Linux) : 오픈소스 무료 OS로, 컴퓨터 하드웨어, 소프트웨어, 게임개발, 태블렛등에 널리 활용 유닉스(Unix) : 인터넷 서비, 워크스테이션 그리고 Solaris, Intel, HP, APPLE에서 주로 사용하는 OSUnix에서 Linux가 분리되어 나옴  유닉스(Unix)리눅스(Linux)설명유닉스는 대학, 회사 큰 기업에서 주로 선호하는 OS 이다리눅스는 오픈소스이며 무료OS이다.사용자유닉스 운영체제는 주로 메인프로엠, 서버 그리고 모든 사람을 위해 설계된 OSX를 제외한 워크스테이션을 위해 개발되었다. 유닉스 환경과 클라이언트 서버 프로그램 모델은 인터넷의 개발의 필수 요소이다.모든 사람. 집에서 사용하는 사용자부터 개발자 그리고 컴퓨터 열현팬까지 모두들.제조사Solaris(Orac..

Tibero 란티맥스 소프트에서 2006년에 개발한 한국산 DBMS 이다.. 티베로의 데이터베이스 모델은 RDBMS 이며, 데이터베이스 클러스터링, 병렬 쿼리 옵티마이저 기능을 제공하여 고가용성 및 고성능을 보장한다. 또한 SQL 들을 포함해서 오라클의 제품과 거의 동일한 호환성을 제공함에 따라 오라클 DB의 대안으로 주장되고 있다! 사용 이유티베로는 실제 오라클 DB를 참고해서 만든 DB이다.그런데 오라클을 쓰지 않고 티베로를 사용해야할 이유는 오라클을 사용하면 유지 관리 및 라이센스 비용을 연간 $40000 ~ $50000 지불해야 한다.그에 비해 티베로는 오라클 절반 가격으로 운영하며 특히 한국 기업이라면 직접 유지보수도 가능한 장점이 있다.즉, 비용 절감이 뛰어나다. 주요 기능대용량 데이터를 관리..

스택을 인덱스로 활용할 발상의 전환이 필요하다. 배열을 순회하면서 현재 원소가 이전의 원소보다 작을 때 까지 배열의 index를 stack에 push 한다.그리고 만약 현재 원소가 스택의 top 원소를 인덱스로 하는 수열의 원소보다 크게 될 경우 stack의 원소를 pop하면서 해당 인덱스에 해당하는 원소들을 현재 원소로 바꿔주는 것이다. 3 5 2 7 Stack[0]    [3,5,2,7] 3스택이 빌때까지 반복arr[stack.pop()]) = arr[i]=>  arr[0] = arr[1][5,5,2,7]stack  empty상태 5>2Stack       [1,2]  2스택이 빌때까지 반복arr[stack.pop()] = arr[i]=> arr[2] = arr[3][5,5,7,7]Stack[1] =..