Upsource IntelliJ에 연동하는 방법

우산, Upsource는 Jetbrains 에서 개발한 Code Review Tool 이다.Jetbrains 계일인 IntelliJ 에 호환도 잘돼서 Code Review 할때 굉장히 편하다. 1. [Prefereneces] - Plugins 로 들어간다음 Upsource 로 검색 해서 다음 툴을 설치한다. 2. 설치 완료 후 IntelliJ 를 재시작한다. 3. 다시 IntelliJ 가 켜지면 다시 [Prefereneces] 에서 Tools - Upsource - Connection 에 들어가서 Server URL 에 미리 세팅되있는 Upsource URL 을 입력한다. 4. Test Connection 을 눌른 후 연동에 성공하면 Apply 로 환경설정을 종료한다. 다음은 Test Connection..
Helloworld! 2019.01.09 18:19

[Algorithm] Codility Lesson 1

재직중인 회사에서도 채용 시 코딩테스트로 쓴다고 해서 들어 봤는데 기출 문제도 있는지 몰랐다가 우연히 알게되서 Codlility Lesson 을 통해 알고리즘 공부를 하고 있다.하나씩 풀다보면 와, 참 이 함수를 이렇게 쓰기도 하는 구나 같은 함수 사용에 재발견도 하고-어떻게 하면 좀 더 효율적인 코드가 되는지. 가끔 내 코딩력에 한계도 느끼는 재미(?)가 쏠쏠하다.그리고, 문제 하나당 내 답과 찾아본 답을 기록하려고 한다. 물론, 언어는 Javascript 이다. A binary gap within a positive integer N is any maximal sequence of consecutive zeros that is surrounded by ones at both ends in the bi..
Helloworld!/Design Pattern & Algorithm 2019.01.08 16:26

[JavaScript] 16진수와 10진수, 8진수, 2진수 변환하기 - toString, parseInt

정수 9(10진수)를 2진수로 변환하면 1001 이다. 이렇게 10진수를 2진수로 변환할 땐 다음과 같다. let dec = 9; let hex = dec.toString(2); 이처럼 10진수를 2진수로 변환할 땐 toString 함수를 사용하면 된다. 10진수를 15진수로 변환할 때도 마찬가지이다. let dec = 123; let hex = dec.toString(16); // 결과는 7b이다 그렇다면 반대로 16진수를 10진수로 변환하고 싶다면 어떻게 해야할까? 다음과 같이 parseInt 를 사용 하면 된다. let hex = "7b"; let dec = parseInt(hex, 16); // 결과는 123이다 16진수를 2진수로 변환하고 싶으면 10진수로 바꿨다 다시 2진수로 하면 되고, 8진..
Helloworld!/Javascript & jQuery 2019.01.05 01:36

[JavaScript] 배열 요수 중 최대값, 최소값 구하기 - reduce 함수 활용

다음과 같이 배열 안에 여러 숫자 요소가 있을 때, const array = [1, 6, , 7, 16, 22, 32, 34]; 최대값과 최소값을 구할 때 reduce 함수를 사용하면 쉽다. // 최대값 구하기 var max = array.reduce((previous, current) => { return previous > current ? previous:current; }); // 최소값 구하기 var min = array.reduce((previous, current) => { return previous > current ? current:previous; }); 위 예시에서 보는 바와 같이 reduce 함수는 기본적으로 첫 번째 인자로 function 을 받습니다. 하지만, 두 번째 인자로 ..
Helloworld!/Javascript & jQuery 2019.01.04 18:25

IntelliJ 에서 저장할 때마다 eslint 적용하는 방법

1. 매크로 설정을 IntelliJ 에 적용한다.복사할 경로 : ~/Library/Preferences/IntelliJIdea2018.2(사용중인 IntelliJ 버전에 따라 다름)/options/ 파일명 : macros.xml 2. 완료후 IntelliJ 를 재시작 해야 적용 된다. 추가로 매크로에 단축키 적용하고 싶다면 다음을 진행한다. 1. IntelliJ 상에서, [Preferences] - [Keymap]에서 lint fix 검색 2. Macros > lint fix and save all 을 select 하고 마우스 오른쪽 클릭하면 메뉴가 활성화 되는데, 거기서 Add Keyboard Shortcut 선택한다 (키보드 단축기 추가 메뉴이다) 3. 기존에 save all 단축키였던 cmd + s..
Helloworld! 2018.12.28 15:51

[Vue.js] Vue 인스턴스 라이프 사이클

Vue 인스턴스는 객체로 생성되고, 데이터에 대한 watch 기능을 설정하는 등 작업을 위해 초기화를 수행한다. 그리고 이 과정에서 다양한 라이프 사이클 훅 메서드를 적용할 수 있다. 라이프 사이클 훅 설명 beforeCreate Vue 인스턴스가 생성되고 데이터에 대한 관찰(whatch) 기능 및 이벤트 감시자 설정 전에 호출 됨 create Vue 인스턴스가 생성된 후에 데이터에 대한 관찰 기능, 계산형(computed) 속성, 메서드, 감시자 설정이 완료된 후에 호출 됨 beforeMount 마운트가 시작되기 전에 호출 됨 mounted el 에 Vue 인스턴스의 데이터가 마운트된 후에 호출 됨 beforeUpdate 가상 DOM이 랜더링, 패치되기 전에 데이터가 변경될 때 호출됨. 이 훅에서 추가..
Helloworld!/Vue.js 2018.12.27 16:41

[Vue.js] vue-cli

vue-cli 는 커맨드라인 인터페이스 기반의 스캐폴딩 도구. scaffolding: 원래는 '공사장 등에서 사용하는 임시 가설물'이라는 뜻. 개발할 때 처음부터 개발하는 것이 아니라 기본적인 인터페이스와 틀을 제공. 개발자는 이 틀을 활용하여 전체 앱을 개발한다 특히 vue.js 앱을 개발할 때 프로젝트의 폴더 구조를 어떻게 잡을 것인지 테스트, 빌드, 의존성 부분을 어떻게 설정할 것인지에 대한 고민을 하지 않도록 프로젝트의 기본 템플릿을 설정해주는 고마운 도구이다. 설치 명령어npm install -g vue-cli vue-cli 로 만들 수 있는 프로젝트 템플릿 살펴보기 명령어 vue list 위 명령어를 실행하면 이렇게 나오는데 $ vue list Available official template..
Helloworld!/Vue.js 2018.12.26 17:24

[AngularJS] One time binding

Angular 에서 View 와 Component 에서 발생한 데이터의 변경 사항을 자동으로 일치시키는 기능을 제공하는데, 이를 Data Binding (데이터 바인딩) 이라고 한다. 그리고 Angular 의 데이터바인딩 방법에는 크게 두 종류가 있는데 다음과 같다. 1. Two-Way Data Binding : 양방향 바인딩. Component와 View의 상태 정보를 자동으로 일치시켜 주는 기능 2. One-Way Data Binding : 단방향 바인딩. Component에서 View쪽으로 혹은 View에서 Component쪽으로 한 방향으로 데이터를 바인딩 특히 자주 사용하는 단방향 바인딩 방식 중 Interpolation 은 Component에서 선언한 속성을 View에서 사용할때 쓰인다. 형태..
분류없음 2018.11.22 22:54