본문 바로가기
반응형

개발242

VSCode Amazon Q(구 AWS Codewhisperer) 사용하기 VSCode에서 AI 기반 코드 자동완성을 지원해주는 Amazon Q(구 AWS CodeWhisperer)를 적용하고 사용해본다. 먼저 VSCode 확장프로그램에서 CodeWhisperer로 검색해서 AWS Toolkit을 설치한다. 설치가 완료되면 아래와 같은 화면이 뜨고 가장 왼쪽에 있는 "Amazon Q + CodeWhisperer" 옵션의 버튼을 클릭한다. VSCode에 AWS Builder ID 관련 팝업이 뜨는데 클릭하고 넘긴다. AWS Builder ID 인증을 위해 브라우저 열기를 한다. 복잡한 인증 과정이 있는 것은 아니고 이메일 주소만 있으면 Builder ID 쉽게 생성할 수 있다. 브라우저가 열리고 Builder ID가 없는 경우 생성을 진행하고, 있는 경우 로그인을 해준다.  Bu.. 2024. 4. 28.
MAC 터미널 Amazon Q(구 AWS Codewhisperer)사용해보기 그동안 MAC에서 Fig를 설치해서 자동완성 등을 활용해 터미널을 조금 편하게 사용해왔다. 하지만 이제 Fig 사이트에 접속을 하면 아래와 같이 Amazon Codewhisperer에 흡수됐다고 나온다. 이제는 Codewhisperer가 Amazon Q로 변경이 됐다.  Amazon Q(구 Amazon Codewhisperer)를 한번 설치해본다. Codewhisperer는 인공지능을 활용해 코드를 자동 완성 시켜주는 copilot과 같은 개념의 툴이다. 예를들어, vscode, IntelliJ,, AWS Cloud9 등에 플러그인으로 설치해서 사용하면 프로그래밍 코드를 자동으로 작성해줘서 개발이 편해진다. 프로그래밍 코드 자동완성 외에 Codewhisperer는 Mac OS에 한해서 터미널에서 자동완성.. 2024. 4. 24.
하이브리드 클라우드, 멀티 클라우드, 분산 클라우드 개념 클라우드 배포 모델 중 큰 개념인 3가지 하이브리드 클라우드와 멀티 클라우드, 그리고 분산 클라우드에 대한 개념을 알아본다. 하이브리드(Hybrid) 클라우드 하이브리드 클라우드는 서로 다른 클라우드 배포 모델을 조합해서 사용하는 형태를 말하는 것이지만, 일반적으로 Private 클라우드 환경과 Public 클라우드 환경을 네트워크로 연결해서 함께 사용하는 것을 말한다. 아래 그림은 하이브리드 클라우드의 이용 형태의 종류이다. 주로 업무상 또는 목적에 따라서 클라우드를 구분해서 사용하거나, 장애 대응 및 가용성 확보를 위해 Public클라우드를 사용하는 경우이다. 멀티(Multi) 클라우드 멀티 클라우드는 여러 회사가 제공하는 Public 클라우드 서비스를 동시에 사용하는 것이다. 아래는 멀티 클라우드 .. 2024. 4. 6.
MacOS - jEnv로 java 버전 쉽게 관리하기 MacOS에서 java 버전을 쉽게 관리하는 방법을 알아본다. jEnv라는 것을 통해 java 버전을 관리하면 더이상 JAVA_HOME을 관리해야하는 번거로움에서 벗어날 수 있다. brew를 통해서 jenv를 설치한다. brew install jenv 아래와 같이 환경변수 PATH를 설정한다. # bash를 사용할 경우 아래 명령어를 실행한다. $ echo 'export PATH="$HOME/.jenv/bin:$PATH"' >> ~/.bash_profile $ echo 'eval "$(jenv init -)"' >> ~/.bash_profile # Zsh를 사용할 경우 아래 명령어를 실행한다. $ echo 'export PATH="$HOME/.jenv/bin:$PATH"' >> ~/.zshrc $ ech.. 2024. 4. 1.
bad CPU type in executable: kubectl - Mac Rancher Desktop Mac Apple Silicon 칩을 사용하는 환경에 Rancher Desktop을 설치하고 kubectl 명령을 테스트 하는 중에 에러가 발생했다 bad CPU type in executable: kubectl 역시 짐작한데로 Intel 칩이 아닌 Apple Silicon에 따른 환경 문제였다. 해결은 다음과 같이 해결했다 먼저 Rancher에서 kubectl 명령어가 어디에서 실행되는지 확인한다. 명령어 위치는 /Users/[사용자]/.rd/bin/ 디렉토리에 명령어가 있었다. which kubectl 해당 명령어를 삭제한다. rm -f /Users/[사용자]/.rd/bin/ 다음에 접속하여 kubectl을 다운로드 받는다. 당연히 Apple Silicon을 선택한다. https://kubernete.. 2024. 3. 26.
Vue.js Pinia 사용법 Vue에서 상태관리 시 많이 활용되고 있는 pinia 사용법에 대해서 알아본다. Vue에서 보통 상태관리에 Vuex가 많이 언급되지만 Pinia의 여러가지 특징으로 많이 활용이 되고 있다. Pinia 특징 Pinia의 특징으로 많이 언급되는 것들은 아래와 같다. 1. 가볍고 직관적인 API - Vuex보다 더 가벼우며, 직관적인 API를 제공. - Vue.js 3의 Composition API와 함께 사용되어, 개발자가 상태 관리를 더욱 쉽게 할 수 있도록 지원 2. TypeScript와의 호환성 - Vuex는 별도의 라이브러리(vuex-module-decorators) 필요 3. 컴포넌트 별 상태 관리 - 전역 상태 뿐만 아니라, 개별 컴포넌트에서만 필요한 로컬 상태도 관리 4. 성능 최적화 - Vue.. 2024. 3. 21.
Docker로 MariaDB 설치하기 개발 테스트 및 스터디 하다보면 DB 구성이 번거로울때가 많은데 docker로 MariaDB를 간단하게 구성해보는 방법을 알아본다 Docker MariaDB 설치 docker로 mariaDB를 설치한다. 설치 시 컨테이너명과 ROOT비밀번호를 설정해 준다. # docker run -p 3306:3306 --name [컨테이너 명] -e MARIADB_ROOT_PASSWORD=[ROOT비밀번호] -d mariadb docker run -p 3306:3306 --name mariadb -e MARIADB_ROOT_PASSWORD=123456 -d mariadb 필자는 로컬에 이미지가 없어서 이미지 다운로드부터 시작을 했다. docker ps 명령어로 컨테이너가 실행된 것을 확인할 수 있다. Docker Ma.. 2024. 3. 18.
Vue.js 카카오 로그인 연동하기 Vue.js에서 카카오 로그인 연동하는 방법을 알아본다. 카카오 로그인 연동 프로세스는 다음과 같다. 1. 카카오톡 연동을 통해 동의를 거친 후 인가코드를 발급 받는다 2. 발급 받은 인가코드를 통해 토큰을 발급 받는다 3. 발급 받은 토큰으로 사용자 정보를 조회 한다. 카카오 개발자 센터 설정 카카오 개발자 센터에 접속하여 애플리케이션을 추가하는 과정이다. 먼저 카카오 개발자 센터에 접속해서 로그인 후 상단 메뉴의 '내 애플리케이션'을 클릭한다. https://developers.kakao.com/ '애플리케이션 추가하기'를 클릭한다. 애플리케이션 정보를 입력한다. 필자는 간단히 앱 이름만 'Vue 로그인'으로 입력하고 등록했다. 등록된 애플리케이션을 클릭하고 앱설정 화면으로 이동한다. 앱 요약 정보에.. 2024. 3. 17.
반응형

티스토리툴바