본문 바로가기

전체 글

(22)
Visual Studio Code 에서 C++ 적용 1. MinGW 설치 위와 같이 설치 시 나오는 MinGW Installation Manager 에서 해당 Mark를 추가한다. Installation → Apply Change → Apply 적용 시 해당 라이브러리를 다운 받는다. 2. 시스템 환경 변수 추가 시스템 속성 → 환경 변수 → PATH 환경 변수 편집에 MinGW 설치경로/bin 을 추가한다. 3. Visual Studio Code 설정 c/c++ 확장 라이브러리 다운로드 task.json 변경 { "version": "2.0.0", "runner": "terminal", "type": "shell", "echoCommand": true, "presentation": { "reveal": "always" }, "tasks": [ //C++..
Vuex 란 무엇인가 Vuex 란 Vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리 입니다. 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 합니다. State Vuex 는 단일 상태 트리를 사용합니다. 즉, 이 객체는 모든 애플리케이션 수준의 상태를 포함하여 '원본 소스' 역할을 합니다. 이는 각 애플리케이션마다 하나의 저장소만 갖게 된다는 것을 의미합니다. Getters 둘 이상의 컴포넌트가 이를 사용해야하는 경우 함수를 복제하거나 공유된 헬퍼를 추출하여 여러 위치에서 가져와야 합니다. const store = new Vuex.Store({ state: { todos: [ { id: 1, text: '...', done: true }, { id: 2, text: '...', done: false..
[Vue2x] Progress Bar 적용 저는 Vue 2x 사용할 때 Light Vue API 의 Progress Bar 를 적용했습니다. https://lightvue.org/ LightVue | The Emerging UI Component library for Vue The Emerging UI Component library for Vue 2.x & Vue 3.x lightvue.org LightVue 설치 // For Vue 2.x npm install lightvue --save // For Vue 3.x npm install lightvue@next --save 적용 예시 위와 같이 적용해주면 된다. 자세한 설명은 LightVue 의 Document 를 참고하시면 됩니다. ㅎㅎ 해당 설정을 Nuxt.JS 에서 사용 시 Chrome ..
[NuxtJS] 명령어 정리 Nuxt.JS 에서 사용하는 명령어 명령어 설명 nuxt 개발 서버를 핫 리로딩 상태로 localhost:3000 에 시작 nuxt build Webpack 을 통해 애플리케이션을 빌드하여, CSS 와 JS 를 최소화하는 작업을 진행 nuxt start 프로덕션 모드로 서버 시작 (nuxt build 를 실행한 후에 명령어 입력하기) nuxt genrate 애플리케이션을 빌드하고 모든 라우터를 html 파일로 생성 (정적 호스팅에 사용하기) 이 명령문은 package.json 에 작성되어야 합니다. "scripts": { "dev": "nuxt", "build": "nuxt build", "start": "nuxt start", "generate": "nuxt generate" } 해당 명영어 사용은 다..
[JAVA] ✔ 객체와 클래스 객체와 클래스 객체의 정의 new 연산자에 의해 heap 메모리에 생성된 것을 말한다. 클래스의 등장배경 변수 → 배열 → 구조체로 점차 여러 개의 자료형을 여러개의 데이터로 넣는 것으로 발전했다. 구조체 안에 기능을 넣는 형식을 쓰다보니 외부에서 쉽게 접근할 수 있어 구조체안에 기능을 함께 넣어 외부에서 오는 데이터 접근을 private 로 제한하는 캡슐화를 하게되었다. 캡슐화의 정의 추상화를 통해 정리된 구조체와 기능을 하나로 묶어 관리하는 기법으로 외부에서 데이터의 직접 접근을 막고 대신 데이터를 처리하는 함수들을 클래스 내부에 작성하는 방법 private 로 하는 방식인데 만약 public 으로 사용하면 에러는 나지 않지만 캠슐화의 원칙의 위배되는 것이다. 멤버 함수는 클래스 밖에서 접근할 수 있..
[IT 용어] On-Presmiss 란? On-Permiss 란? 기업의 서버를 클라우드 같은 원격 환경에서 운영하는 방식이 아닌, 자체적으로 보유한 전산실 서버에 직접 설치해 운영하는 방식을 의미합니다. 온프레미스란 클라우드 컴퓨팅이 나오기 전까지 기업 인프라 구축의 일반적인 방식이었습니다. 온프레미스 시스템의 장점과 다음과 같습니다. 장점: 기업의 비즈니스 정보를 보안성 높게 관리할 수 있다는 것입니다. 단점: 시스템을 설치하는 데 있어서 많은 시간이 걸린다는 것과 많은 비용이 들어간다는 것입니다. 그래서 기업에서 보안성 높은 데이터는 온프레미스 환경에서 보안성이 낮은 데이터는 클라우드 환경을 사용하는 하이브리드 IT 인프라 등장햇습니다. 온프레머스의 반대 의미인 클라우드 방식의 서비스를 오프 프레미스라고 합니다. 다음은 정리는 On-Pre..
Nuxt.JS 알아보기 Nuxt.JS 정의 및 특징 Nuxt.JS 정의 Nuxt.JS는 Vue.js 애플리케이션 개발을 보다 강력하고 사용하기 쉽게 만들어주기 위한 프레임 워크입니다. Nuxt.JS 특징 Vue 파일 사용 코드 분할 자동화 SSR 통한 SEO 비동기 데이터 기반의 강력한 라우팅 시스템 정적 파일 전송 ES2015+ 지원 JS & CSS 코드 번들링 및 압축 요소 관리 전 처리기 지원 Nuxt.JS 디렉토리 asserts CSS, Image 등등 Front 관련 리소스를 포함한 디렉토리 components 애플리케이션에서 사용될 컴포넌트들을 포함하여 해당 경로에 위치된 컴포넌트들은 Nuxt.JS의 비동기 데이터 함수인 asyncData 또는 fetch 함수를 쓸수 없다. layouts 애플리케이션 전체에 대한 레..
[보안] PKCS(공개키 암호 표준) PKCS 란? Public-Key Cryptography Standard 로 RSA 시큐리티에서 정한 공개 키 암호에 대한 사용방식에 대한 표준 프로토콜입니다. 공개 키 기반구조, PKI(Public Key Infrastructure) 를 기반으로 한 1990년대 초에 RSA Security LLC 에서 고안 및 게시판 공개 키 암호화 표준 그룹입니다. PKCS #1 RSA 암호 표준 Version 2.1 RFC 3447에 기술되어 있습니다. RSA의 공개 키와 비밀 키에 대한 수학적 성질과 규격에 대해 정의하고 있으며, 또한 RSA 암호화와 복호화, 서명 검증을 구현하는 데에 필요한 알고리즘과 인코딩/패딩 등의 규격을 정의합니다. PKCS #3 디피-헬만 키 교환 표준 (Diffie-Hellman Ke..