2021/06
-
vue 설치 부터 실행, 플러그인 설치, 빌드 까지 진짜 기본적인 사항들에 대해 간단히 살펴보겠습니다 node 설치 우선 vue.js 설치를 위해서는 node(npm) 설치가 필요 합니다 node 설치 방법은 아래 글을 참고해주세요! https://hoho325.tistory.com/309 vue.js 설치 아래 명령어를 이용해 vue 설치를 진행합니다 npm install -g @vue/cli vsc vue extension 설치 에디터로 vsc를 쓰기 위해 extension을 설치 합니다. html javascript vue vscode extension pack 구글 크롬 확장도구 설치 이는 꼭 설치 안 해도 되지만 크롬을 이용해 디버깅 한다면 좀 더 편리할 수 있습니다 vue.js devtool ..
vue.js 설치 방법vue 설치 부터 실행, 플러그인 설치, 빌드 까지 진짜 기본적인 사항들에 대해 간단히 살펴보겠습니다 node 설치 우선 vue.js 설치를 위해서는 node(npm) 설치가 필요 합니다 node 설치 방법은 아래 글을 참고해주세요! https://hoho325.tistory.com/309 vue.js 설치 아래 명령어를 이용해 vue 설치를 진행합니다 npm install -g @vue/cli vsc vue extension 설치 에디터로 vsc를 쓰기 위해 extension을 설치 합니다. html javascript vue vscode extension pack 구글 크롬 확장도구 설치 이는 꼭 설치 안 해도 되지만 크롬을 이용해 디버깅 한다면 좀 더 편리할 수 있습니다 vue.js devtool ..
2021.06.06 -
vue.js 설치 전에 node가 필요하기 때문에 node를 설치해 보겠습니다!! node 설치 node 설치 URL 위 주소에서 node를 설치할 수 있습니다 저는 LTS 버전으로 설치!! 다음과 같이 설치 진행하면 됩니다 여기서 npm 설치, PATH 설정이 진행됩니다 저는 체크를 안했습니다. Chocolatey (brew와 비슷) 가 필요 없기도 해서요 node 설치 확인 node -v cmd 창을 키고 위 명령어를 입력해봅니다 위와 같이 버전이 나오게 되면 설치 성공!!
윈도우 node.js, npm 설치 방법vue.js 설치 전에 node가 필요하기 때문에 node를 설치해 보겠습니다!! node 설치 node 설치 URL 위 주소에서 node를 설치할 수 있습니다 저는 LTS 버전으로 설치!! 다음과 같이 설치 진행하면 됩니다 여기서 npm 설치, PATH 설정이 진행됩니다 저는 체크를 안했습니다. Chocolatey (brew와 비슷) 가 필요 없기도 해서요 node 설치 확인 node -v cmd 창을 키고 위 명령어를 입력해봅니다 위와 같이 버전이 나오게 되면 설치 성공!!
2021.06.05 -
이클립스에서는 단축키를 통해서 import 하고 그랬었는데요 인텔리제이에서는 똑같은 단축키로 하니까 안되었습니다. 그래서 한 번 알아 봤습니다!! 패키지 import 이클립스에서는 ctrl + shift + o로 import 문을 추가할 수 있었는데 이는 인텔리제이에서 ctrl + alt + o로 가능합니다!! 하지만 이는 완벽하지 않기 때문에 인텔리제이에서 Auto Import 기능을 통해 자동으로 Import가 가능합니다 IntelliJ Auto Import 위 사진 처럼 Prefrences => Editor => General => Auto Import 에서 설정할 수 있습니다 복사시 import Insert import 옵션에서 복사시 import 옵션을 설정할 수 있습니다 Optimize imp..
인텔리제이(IntelliJ) Auto Import이클립스에서는 단축키를 통해서 import 하고 그랬었는데요 인텔리제이에서는 똑같은 단축키로 하니까 안되었습니다. 그래서 한 번 알아 봤습니다!! 패키지 import 이클립스에서는 ctrl + shift + o로 import 문을 추가할 수 있었는데 이는 인텔리제이에서 ctrl + alt + o로 가능합니다!! 하지만 이는 완벽하지 않기 때문에 인텔리제이에서 Auto Import 기능을 통해 자동으로 Import가 가능합니다 IntelliJ Auto Import 위 사진 처럼 Prefrences => Editor => General => Auto Import 에서 설정할 수 있습니다 복사시 import Insert import 옵션에서 복사시 import 옵션을 설정할 수 있습니다 Optimize imp..
2021.06.05 -
인텔리제이(IntelliJ) 코드 컨벤션 적용 방법 코드 컨벤션 xml 파일만 있다면 정말 간단하게 적용할 수 있습니다. 아래와 같이 이동합니다. Preference → Editor → code style→import scheme 에 다운 받은 컨벤션 xml 적용 이렇게 하면 기존 작성되어 있는 코드 컨벤션에 따라서 인텔리제이가 알려주기 때문에 좀 더 쉽게 가이드에 따라 코드를 작성할 수 있습니다. 코드 컨벤션이 따로 정리되어 있는 회사라면 이 파일을 받아 코드를 작성!!! (근데 대부분 없을 듯 ??) 참고 https://jiyeonseo.github.io/2016/11/15/setting-java-google-style-to-intellij/
인텔리제이 코드 컨벤션 적용 방법인텔리제이(IntelliJ) 코드 컨벤션 적용 방법 코드 컨벤션 xml 파일만 있다면 정말 간단하게 적용할 수 있습니다. 아래와 같이 이동합니다. Preference → Editor → code style→import scheme 에 다운 받은 컨벤션 xml 적용 이렇게 하면 기존 작성되어 있는 코드 컨벤션에 따라서 인텔리제이가 알려주기 때문에 좀 더 쉽게 가이드에 따라 코드를 작성할 수 있습니다. 코드 컨벤션이 따로 정리되어 있는 회사라면 이 파일을 받아 코드를 작성!!! (근데 대부분 없을 듯 ??) 참고 https://jiyeonseo.github.io/2016/11/15/setting-java-google-style-to-intellij/
2021.06.04 -
깃허브에는 프로젝트라는 탭도 있습니다. 위에 보이시죠?? 탭을 클릭해봅니다 이제 여기서 Create Project 버튼을 클릭해 생성해봅니다 프로젝트 생성 프로젝트 보드 이름 및 설명 입력 template 선택 진행 보드 생성 프로젝트가 생성 되었을텐데 다음과 같이 보드를 생성하여 관리할 수 있습니다 오른쪽에 이슈 목록들이 있으며, 드래그&드롭을 이슈들을 관리할 수 있습니다 이슈 카드를 생성할 수 있으며, 실제 이슈로도 변환 가능(convert to issue) 새로운 컬럼도 추가 가능 필터 검색 필터를 통해 보고 싶으 이슈만 골라내어 검색할 수 있습니다 저는 담당자를 기준으로 제가 담당한 issue들만 검색해보았습니다 사용 후기 jira를 사용하지 않아도(jira는 라이센스 필요) github의 내장 ..
깃허브 프로젝트(github Projects) 사용 방법깃허브에는 프로젝트라는 탭도 있습니다. 위에 보이시죠?? 탭을 클릭해봅니다 이제 여기서 Create Project 버튼을 클릭해 생성해봅니다 프로젝트 생성 프로젝트 보드 이름 및 설명 입력 template 선택 진행 보드 생성 프로젝트가 생성 되었을텐데 다음과 같이 보드를 생성하여 관리할 수 있습니다 오른쪽에 이슈 목록들이 있으며, 드래그&드롭을 이슈들을 관리할 수 있습니다 이슈 카드를 생성할 수 있으며, 실제 이슈로도 변환 가능(convert to issue) 새로운 컬럼도 추가 가능 필터 검색 필터를 통해 보고 싶으 이슈만 골라내어 검색할 수 있습니다 저는 담당자를 기준으로 제가 담당한 issue들만 검색해보았습니다 사용 후기 jira를 사용하지 않아도(jira는 라이센스 필요) github의 내장 ..
2021.06.03 -
이번에는 인텔리제이에서의 제일 기초라 할 수 있는 깃허브 연동 하는 방법을 알아봅시다 처음에는 이 연동 과정 부터 쉽지 않았는데요 차근차근 좇아오시면 됩니다!! git 실행 파일 경로 지정 cmd + , 입력 => prferences 창 띄우기 version control 탭 이동 => git 선택 git 실행 파일 경로 지정 homebrew로 설치한 것 같은데 위치는 /usr/local/Homebrew/Lirary/Homebrew/shims/scm/git Test 버튼 클릭하여 위 사진 처럼 아래에 버전 뜨면 성공 아이디 연동 github 탭으로 이동하여 github 아이디를 연동합니다 위 그림처럼 이동하여 Log in via Github를 클릭합니다. (엔터프라이즈 github는 안됨 → 여기서는 기..
인텔리제이(IntelliJ) 깃허브 연동 방법 정리이번에는 인텔리제이에서의 제일 기초라 할 수 있는 깃허브 연동 하는 방법을 알아봅시다 처음에는 이 연동 과정 부터 쉽지 않았는데요 차근차근 좇아오시면 됩니다!! git 실행 파일 경로 지정 cmd + , 입력 => prferences 창 띄우기 version control 탭 이동 => git 선택 git 실행 파일 경로 지정 homebrew로 설치한 것 같은데 위치는 /usr/local/Homebrew/Lirary/Homebrew/shims/scm/git Test 버튼 클릭하여 위 사진 처럼 아래에 버전 뜨면 성공 아이디 연동 github 탭으로 이동하여 github 아이디를 연동합니다 위 그림처럼 이동하여 Log in via Github를 클릭합니다. (엔터프라이즈 github는 안됨 → 여기서는 기..
2021.06.02