본문 바로가기

전체 글

 (286)
[Sourcetree] GitHub, GitLab 비밀번호 변경시 Sourcetree 인증 오류 해결법 안녕하세요! Plitche(플리체)입니다. 이번 포스팅은 [Sourcetree] GitHub, GitLab 비밀번호 변경시 Sourcetree 인증 오류 해결법입니다. Intro 최근 회사에서 관리하는 GitLab 비밀번호를 변경해야하는 일이 발생했다. 이후 Sourcetree를 이용하여 작업한 내용을 commit 하려고 하였으나, 비밀번호 변경으로 인한 인증 오류가 발생하여, 이를 해결하는 해결법을 공유하려 한다. Sourcetree 1. 비밀번호 원복 이건 정말 원초적이고 단순한 해결법이다. 그냥 Git 비밀번호를 변경했던 것을 다시 원래대로 변경하면 문제없이 Pull, Push등 원하는 작업을 할 수 있다. 2. 인증정보 초기화 1 C:\Users\본인 윈도우 계정\AppData\Local\Atla..
[VS Code] 비쥬얼 스튜디오 HTML 파일 웹/브라우저 화면 띄우기 안녕하세요! Plitche(플리체)입니다. 이번 포스팅은 [VS Code] 비쥬얼 스튜디오 HTML 파일 웹/브라우저 화면 띄우기입니다. Intro Vue.js 공식 문서를 보고 하나씩 따라해 보면서 공부를 해보려 하는데, 가장 간편한 방법이 무었일까.. 싶어서 VS Code를 선택하여 진행했다. 프론트 앤드 파트의 영역임으로 당연히 화면을 보면서 진행하는 것이 좋을 것 같아, 내가 작성한 코드를 웹 화면에 띄우는 방법을 찾아 공유하려 한다. VS Code Visual Studio Code를 실행하여, 좌측 탭 중에 마지막 Extentions 탭을 클릭 해준다. Marketplace에서 open in browser를 입력하여 TechER의 확장 플러그인을 설치해준다. 그 이후 작성한 HTML 파일에 우클..
[Vue.js] 함께 공부하는 Vue 기초_03(반복문) 안녕하세요! Plitche(플리체)입니다. 이번 포스팅은 [Vue.js] 함께 공부하는 Vue 기초_03(반복문)입니다. Intro 이번 포스팅도 지난번 Vue 조건문 사용하기에 이어서 반복문 사용법에 대해서 알아보자. 반복문은 Vue의 디렉티브 중 하나로 각 디렉티브는 고유한 기능이 있다. 문법은 v-for라고 사용하며, 배열의 데이터를 바인딩하여 화면에 목록 등을 표시하는데 사용할 수 있다. 수도없이 쓰게 될 문법이니 꼭! 잊어버리지 말도록 하자. Code(코드) 아래와 같이 HTML과 스크립트를 작성해보자. 결과는 당연히 아래와 같이 data에 본인이 배열형태로 작성한 값들이 표시 될 것이다. Process(순서) 태그의 id와 el을 일치시켜준다. data에 배열 형태로 text들을 넣어준다. 여..
[Vue.js] 함께 공부하는 Vue 기초_02(조건문) 안녕하세요! Plitche(플리체)입니다. 이번 포스팅은 [Vue.js] 함께 공부하는 Vue 기초_02(조건문)입니다. Intro 이번 포스팅도 지난번과 동일하게 공식홈페이지의 가이드를 기초로 하여 추가된 내용까지 따라해보는 내용이다. 지난번에 가장 기본적으로 어떻게 태그와 Vue를 연결하여 사용하는지 알아보았다. 이번에는 Vue의 조건문 사용법에 대해 간단히 알아보려 한다. Html (태그) 먼저 따라해보기 위해 아래와 같은 Html을 만들어 둔다. 이제 나를 볼 수 있어요! Vue에 대해 아직 아무것도 모른다지만 위의 태그 속성만으로도 대충 머리속에 드는 생각이 있을 것이다. 일단 if는 그냥 조건문이고, seen이 true이면 표시되나 보네!? v-는 뭐야? Vue인가? 정확하다!^^ Script..
[Vue.js] 함께 공부하는 Vue 기초_01 안녕하세요! Plitche(플리체)입니다. 이번 포스팅은 [Vue.js] 함께 공부하는 Vue 기초_01입니다. 기본적인 Html, CSS, Javascript를 배운 제가 최근에 많이 듣는 이야기가 '이거 vue로 하면 엄청 편할텐데..'였습니다. 때문에 그 뷰(vue.js)!가 도대체 뭔지 공부를 하기위해 겸사겸사 포스팅하려 합니다. 하나하나 처음부터 같이 공부해봐요! Intro 먼저 어떤 새로운 기술이나 언어를 공부하든 공식홈페이지의 가이드는 한번씩 읽는 것이 좋다. 나도 그렇듯 공식홈페이지라는 막연한 거부감에 확인 하지 않는 경우가 많은데, Vue는 한글화도 잘 되어있고 나도 많이 참고하여 포스팅 할 예정이라 한번씩은 추천드린다. 일단 Vue.js는 사용자 인터페이스를 만들기 위한 프로그레시브 프..
[Vue.js] Vue CLI로 뷰 설치하기 안녕하세요! Plitche(플리체)입니다. 이번 포스팅은 [Vue.js] Vue CLI로 뷰 설치하기입니다. Intro 일반적으로 Vue를 사용하는 방법은 두가지가 있다. Script를 이용한 방법 스크립트 방식 바로가기 Vue-CLI를 이용한 방법 스크립트를 이용하여 간단히 문법이나 사용법에 대해서 어느정도 숙지를 했다면 Vue CLI를 이용하여 Vue를 활용해볼 시간이다. Vue-CLI 란? Vue CLI란 Vue Command Line Interface의 약자이다. 터미널에서 명령어를 통해 Vue를 설치하거나 Vue와 관련된 패키지를 추가할 때 명령어로 간단하게 실행할 수 있도록 하는 도구이다. Install (설치하기) cli.vuejs.org Vue CLI cli.vuejs.org 먼저 위의 U..
[ElasticSearch] Docker를 이용한 엘라스틱서치 스텍(ELK) 구축_Window 안녕하세요! Plitche(플리체)입니다. 이번 포스팅은 [ELK] Docker를 이용한 엘라스틱서치 스텍(ELK) 구축_Window입니다. Intro 최근 프로젝트 내에서 ElasticSearch를 이용한 토이 프로젝트를 구상 중에 있다. 하지만 나는 ElasticSearch는 커녕 Docker가 무엇인지도 몰랐다. 나 같이 고생하지 말라는 의미로 몇 일간 고생하며 Window에 구축한 ELK 대해서 소개하려 한다. Docker 준비 도커(Docker)란? 도커(Docker)는 컨테이너 기반의 오픈소스 가상화 플랫폼이다. Java, Python, dbms 각종 OS에 상관없이 실행되며, 심지어 빠른 실행 속도를 제공하고 있어 뛰어 나다고 볼 수 있다. 빠르고 가벼운 가상화 솔루션 개발언어에 종속되지 않..
[ORACLE] 다중 insert - 여러행 한번에 insert하기 안녕하세요! Plitche(플리체)입니다. 이번 포스팅은 [Oracle] 다중 insert - 여러행 한번에 insert하기 입니다. Intro 개발을 진행하다 보면, Database에 한 번만 접근하여 여러 행을 insert해주어야 하는 경우가 발생한다. 물론 해당 메소드를 여러번 호출하여 진행 할 수도 있지만, 더 간편한 방법이 있어서 소개하려 한다. dual 더미 테이블을 이용하여 insert하는 방법이며, 모든 칼럼에 대해서 혹은 원하는 특정 칼럼에 대해서만 적용이 가능하다. 테이블 구조 (table) 테이블 명 : EMP 컬럼명 데이터타입 EMP_NAME VARCHAR2 EMP_AGE NUMBER EMP_GENDER VARCHAR2 일반적인 insert 쿼리문 (One row insert que..

티스토리툴바