nalaolla

Upsource의 프로젝트 페이지에는 많은 기능들이 있습니다. (Upsource 프로젝트 페이지) 해당 기능들에 대한 전반적인 소개를 하겠습니다. 1. Git Tree 각 커밋의 우측에 보시면 페이지를 열 수 있는 오픈 버튼이 있습니다. 버튼을 클릭해 보시면 다음과 같이 해당 커밋에 대한 전반적인 내용을 모두 볼 수 있는데요. 1개의 리뷰 코멘트와 3개의 변경 파일이 있음을 알 수 있습니다. 특히 변경 파일의 좌측을 보시면 변경 내용에 따라 상태 버튼이 표기됩니다. 여기서는 Member.java와 MemberController.java는 변경을, MemberControllerTest.java는 새로 생성되었음을 알 수 있습니다. 각 파일에 있는 화살표 버튼을 클릭 해보시면 해당 파일의 변경내역 역시 바로..

Upsource 에는 IntelliJ IDEA 만큼 다양한 코드리뷰 기능을 지원합니다. 그 중에서 Code intelligence 기능이 있습니다. 프로젝트의 파일들에 대한 다양한 기능을 지원합니다. 코드 정적 분석 선택한 클래스의 원본 파일로 이동 해당 변수 혹은 클래스를 사용하고 있는 코드들 검색 IntelliJ의 Command + Shift + F로 검색하는 것과 마찬가지 현재 파일에서 해당 변수 사용하는 코드들 HIghlight 표기 참고로 이번 포스팅에서 사용하는 Upsource의 버전은 2018.1 입니다. 다른 버전에서는 조금의 차이가 있을 수 있음을 미리 말씀드립니다. 자 그럼 한번 시작해보겠습니다. 1. 설정 먼저 Upsource의 기본 설정으로는 Code intelligence를 사용할..

3-1. Github Sync 주기 설정 코드리뷰를 진행하기 전에 한가지 설정을 먼저 하고 진행하겠습니다. Github과 Upsource의 Sync 주기가 기본이 5분(300초)로 잡혀있습니다. 그래서 실제 코드가 Upsource에 반영되기가 조금 시간이 필요한데요. 이 주기를 30초로 줄이겠습니다. 프로젝트 페이지의 우측 상단 나사 버튼을 클릭합니다. Edit project 를 클릭합니다. 300초로 되어있는 Check interval을 30으로 변경합니다. Save changes를 클릭하면 설정이 완료됩니다. 3-2. 코드리뷰 코드리뷰를 위해 Github 계정을 하나더 필요합니다. (리뷰어가 필요하기 때문입니다.) 1) 프로젝트 참가 계정 추가 Github에서 계정 하나를 더 만드셨다는 가정하에 진행..

2-1. Github Github 연동은 2가지가 있습니다. Github 로그인 연동과 프로젝트 연동입니다. 2개 모두 진행하겠습니다. 1) Github 인증 모듈 연동 Github 연동이 안되있기 때문에 Dashboard에선 아래와 같이 Github 연결 안내 문구가 등장합니다. connect to a GitHub project를 클릭합니다. Github 프로젝트 페이지에서는 아직 Github 모듈 연동이 안되있다는 메세지와 함께 설정하라는 메시지가 등장합니다. Github authentication module 버튼을 클릭합니다. Auth Module 페이지에서 New module 셀렉트 박스를 클릭해 Github... 를 선택합니다. Github Auth 페이지가 나오는데요, 여기서 register..

IntelliJ, Webstorm 등을 개발하는 Jetbrains에서 코드리뷰 툴인 Upsource를 개발했습니다! 팀내에서 사용중인데, 같은 Jetbrains 계열의 코드리뷰 툴이라 IntelliJ와 같은 IDE와 호환이 잘되서 코드리뷰가 굉장히 편리합니다. IntelliJ에서 바로바로 코드리뷰를 할수 있으며, Github보다 강화된 리뷰 기능으로 사용하시면 정말 많은 장점을 느끼실 수 있습니다. 현재 10명까지 무료로 사용할 수 있기 때문에 소규모 팀에서 사용하기에 아주 좋을것 같습니다. 1-1. 설치 개인 서버가 없기 때문에 AWS Amazon Linux EC2 기준으로 진행합니다. (Amazon Linux는 Centos기반이기 때문에 개인 Centos 서버에서 똑같은 방법으로 진행하셔도 됩니다.)..

코드리뷰 개발 품질을 높이기 위해서는 TDD를 도입할 수도 있지만, 그보다도 먼저 코드리뷰에 대한 체계를 정착시켜야 합니다. TDD는 그 후에 도입을 해도 늦지 않은 선택입니다. 그만큼 코드리뷰는 중요합니다. 코드리뷰는 다양한 방법으로 시도할 수 있는데, 각각 장단점을 가지고 있습니다. 하지만 프로세스를 정착시키기 위해서는 도구를 사용하는 것만큼 뛰어난 것도 없죠. 이번에는 코드리뷰 시스템, Upsource에 대해 이야기 해볼까 합니다. Upsource에 대해 알아보기 전에 코드리뷰에 어떤 방법이 존재하는지 살펴보시죠. 다음 글은 코드 리뷰 방법 별 장단점를 번역(일부 의역)한 글입니다. 600명 이상의 개발자, 테스터 및 IT/운영 전문가에게 코드 리뷰를 할 때 가장 큰 이점이 무엇인지 물어보았습니다...

IE11을 이용한 JavaScript 디버깅 09, F12 개발자 도구 디버거 창 Part 5 브라우저를 기반으로 한 웹 응용 프로그램 개발 생태계에서 클라이언트 측 개발의 난이도와 복잡성은 이미 서버 측에 못지 않습니다. 이런 어려움에 대한 대표적인 방안 중 하나로 대부분의 최신 브라우저들은 수 년 전부터 F12 개발자 도구를 제공하고 있습니다. F12 개발자 도구를 활용하면 직면한 문제점을 해결할 수 있는 실마리를 손쉽게 발견할 수 있는 경우가 많습니다. 그러나 초보자나 갑자기 웹 환경에서 작업하게 된 다른 언어의 전문가가 F12 개발자 도구에 부담 없이 접근할 수 있게 실질적인 도움을 제공하는 자료는 아직 많이 부족합니다. 이 시리즈에서는 가장 단순한 F12 개발자 도구를 갖고 있는 IE11을 사용..

IE11을 이용한 JavaScript 디버깅 06, F12 개발자 도구 디버거 창 Part 3 브라우저를 기반으로 한 웹 응용 프로그램 개발 생태계에서 클라이언트 측 개발의 난이도와 복잡성은 이미 서버 측에 못지 않습니다. 이런 어려움에 대한 대표적인 방안 중 하나로 대부분의 최신 브라우저들은 수 년 전부터 F12 개발자 도구를 제공하고 있습니다. F12 개발자 도구를 활용하면 직면한 문제점을 해결할 수 있는 실마리를 손쉽게 발견할 수 있는 경우가 많습니다. 그러나 초보자나 갑자기 웹 환경에서 작업하게 된 다른 언어의 전문가가 F12 개발자 도구에 부담 없이 접근할 수 있게 실질적인 도움을 제공하는 자료는 아직 많이 부족합니다. 이 시리즈에서는 가장 단순한 F12 개발자 도구를 갖고 있는 IE11을 사용..

IE11을 이용한 JavaScript 디버깅 06, F12 개발자 도구 디버거 창 Part 3 브라우저를 기반으로 한 웹 응용 프로그램 개발 생태계에서 클라이언트 측 개발의 난이도와 복잡성은 이미 서버 측에 못지 않습니다. 이런 어려움에 대한 대표적인 방안 중 하나로 대부분의 최신 브라우저들은 수 년 전부터 F12 개발자 도구를 제공하고 있습니다. F12 개발자 도구를 활용하면 직면한 문제점을 해결할 수 있는 실마리를 손쉽게 발견할 수 있는 경우가 많습니다. 그러나 초보자나 갑자기 웹 환경에서 작업하게 된 다른 언어의 전문가가 F12 개발자 도구에 부담 없이 접근할 수 있게 실질적인 도움을 제공하는 자료는 아직 많이 부족합니다. 이 시리즈에서는 가장 단순한 F12 개발자 도구를 갖고 있는 IE11을 사용..

IE11을 이용한 JavaScript 디버깅 06, F12 개발자 도구 디버거 창 Part 2 브라우저를 기반으로 한 웹 응용 프로그램 개발 생태계에서 클라이언트 측 개발의 난이도와 복잡성은 이미 서버 측에 못지 않습니다. 이런 어려움에 대한 대표적인 방안 중 하나로 대부분의 최신 브라우저들은 수 년 전부터 F12 개발자 도구를 제공하고 있습니다. F12 개발자 도구를 활용하면 직면한 문제점을 해결할 수 있는 실마리를 손쉽게 발견할 수 있는 경우가 많습니다. 그러나 초보자나 갑자기 웹 환경에서 작업하게 된 다른 언어의 전문가가 F12 개발자 도구에 부담 없이 접근할 수 있게 실질적인 도움을 제공하는 자료는 아직 많이 부족합니다. 이 시리즈에서는 가장 단순한 F12 개발자 도구를 갖고 있는 IE11을 사용..