nalaolla

Sublime Text는 기본적으로 Text Editor이다.(기본기능으로는 메모장, 워드패드와 다를바 없다.) 하지만 nodejs, php 등 스크립트 기반의 서버언어 개발에서는 IDE에 견주어도 될만큼 많이 사용되는데 이는 Sublime Text가 가지고 있는 풍부한 플러그인 덕분이다. Sublime Text에서 플러그인을 설치하기 위해서는 Package Control 이라는 관리 툴을 설치해야 한다. 설치 방법은 아주 간단하다. 링크의 내용을 참고하여도 되고, https://packagecontrol.io/installation#st3 아니면 아래의 내용을 따라가면 된다. 1. Sublime Text 을 열어 ctrl+` (키보드 좌판 숫자1번키 좌측) 혹은 상단의 View -> show conso..

Sublime Text에서 Javascript의 console.log를 출력하기 위해서는 별도의 작업이 필요하다. 이는 Javascript가 브라우저 기반의 언어라서 발생하는 일이라, nodejs의 도움이 필요하다. 1. nodejs 설치 - https://nodejs.org/ 로 이동하여 본인 PC에 맞게 설치한다. 2. Sublime Text 설치 - http://www.sublimetext.com/3 3. build 환경 설정 - Sublime Text를 열어 아래와 같이 New Build System 버튼을 클릭 - 해당 버튼을 클릭하면 아래와 같은 화면이 나온다. - 이 부분을 다 지우고 아래 코드를 입력한다. { "cmd": ["node","$file"], "selector": "source...

1. git에서 프로젝트 Copy 2. copy 한 프로젝트 intelliJ에 import 3. import후, 톰캣설치 - http://tomcat.apache.org/ 에서 프로젝트 환경에 맞는 tomcat 다운로드 및 압축해제 4. 톰캣 환경 설정 4-1) 우측 상단 ▶버튼 좌측에 있는 ▽ 버튼 클릭 -> Edit Configurations.... 클릭 4-2) 설정파일 열리면 + 버튼 눌러 tomcat server 선택 4-3) 실행시킬 톰캣의 이름 지정 및 톰캣위치(3. 에서 다운받은 톰캣 위치) 지정 4-4) 지정한 톰캣에 프로젝트 폴더 deploy OK 버튼 누르면 설정 끝 5. Maven Build 환경 구축 5-1) maven 의존성 설치 (install task 설정) - 4-1) 참고..

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을 사용..