본문 바로가기

Tools

간단하게 플로우차트 그리기 (with diagrams.net) 간단한 플로차트 그리기 도구(diagram.net) 플로차트를 그릴때 주로 사용했던 도구는 PPT, Adobe illustrator, Adobe XD를 사용했었는데, 최근에 간단한 화면 플로를 그릴 일이 생겨서 XD로 진행하려다가 좀 더 그리기 쉽고 무료인 앱을 찾아보기로 했다. 일단 기존에 내가 쓰던 도구들은 다이어그램 그리기에 필요없는 기능들이 많고, 그래서 학습 난이도가 높다. 게다가 구독료도 무시할수 없는 수준. 플로차트만 그리면 되는데 저런 프로그램들의 일부 기능을 쓰기 위해서 라이선스를 굳이 구매해야 할 필요성도 못느끼고 무엇보다 저 소프트웨어들이 없는 환경에서 설치를 하는 시간과 PC의 리소스가 아깝다고 생각이 들었다. 그래서 구글링을 하다가 diagram.net이라는 툴을 발견. 정말 여러..
WebStorm ESLint 설정 및 Prettier 설정하기 ESLint 설정 Setting 메뉴 열기 Flie > Setting 또는 Ctrl + Alt + S elint로 검색 아래와 같이 체크하고 ok Prettier 설정 Prettier 패키지 설치 //특정 프로젝트에서만 사용하려면 --save-dev(데브설치) //모든 프로젝트에서 다 사용하려면 -g(글로벌설치) npm install --save-dev eslint-config-prettier Setting 메뉴 열기 Flie > Setting 또는 Ctrl + Alt + S Prettier로 검색 Prettier package에 아까 설치한 패키지 위치 패스를 잡아준다 원하는 옵션 선택하고 저장.
ESLint Basic, ESLint 파일 기본 설정 Install, 설치 npm install eslint --save-dev Create Setting File, 설정파일 만들기 eslintrc.js 파일을 생성 Basic Structure, 기본 구조 module.exports = { "rules": { "semi": ["error", "always"], "quotes": ["error", "double"] } }; Error Level, 에러 단계 off "semi": ["error", "always"], 규칙을 끈다. warn "semi": ["warn", "always"], 규칙을 위반하면 경고를 표시한다. 코드는 정상 실행 error(권장 - recommended) "semi": ["error", "always"], 규칙을 위반하면 프로그램이 ..
[Git] LF will be replaced by CRLF 경고 해결 git config --global core.autocrlf true git config --global core.autocrlf input
[git] 현업에서 자주 쓰는 명령어 / 작업 브랜치 관리, conflict 처리, Merge 등 >> Branch 1. 생성 : git branch 2. 삭제: git branch -d 3. publish : git push --set-upstream origin >> Merge > merge 하기 1. targetBranch로 이동 : git checkout 2. targetBranch에서 : git merge > targetBranch : 머지 되어질 브랜치 > sourceBranch : 소스 수정 완료 한 브랜치(작업 브랜치) > merge 후에 1. 정상적으로 머지 된 소스 브랜치를 삭제 : git branch -d 2. 타겟 브랜치에서 새로운 소스 브랜치 생성 > 삭제하지 않아도 되지만 태스크 단위로 새로운 브랜치 생성하는 것이 협업 중 문제 발생시 대응이 효율적 >> Conflict >>..
Google Slides Short Cuts Move Element by pixel : shift + arrow keys Group : ctrl + alt + g Copy(Paste) Styles : ctrl + alt + c(v) bring to front(Send to back) : ctrl + up(down) arrow
마크다운 작성법 MARKDOWN 원본링크 : <https://gist.github.com/ihoneymon/652be052a0727ad59601> [공통] 마크다운 markdown 작성법 ====================== 1. 마크다운에 관하여 1.1. 마크다운이란? Markdown은 텍스트 기반의 마크업언어로 2004년 존그루버에 의해 만들어졌으며 쉽게 쓰고 읽을 수 있으며 HTML로 변환이 가능하다. 특수기호와 문자를 이용한 매우 간단한 구조의 문법을 사용하여 웹에서도 보다 빠르게 컨텐츠를 작성하고 보다 직관적으로 인식할 수 있다. 마크다운이 최근 각광받기 시작한 이유는 깃헙(https://github.com) 덕분이다. 깃헙의 저장소Repository에 관한 정보를 기록하는 README.md는 깃헙을 사용하는 사람이라면 누..
SVN Basic / terminal / 명령어 svn command lines 모든 커맨드라인은 해당 디렉터리 위치에서 실행 1. checkout (가장 처음 저장소로 부터 소스내려받기) svn checkout http://... 체크아웃을 하면 .svn이라는 숨김폴더가 생성 됨, 2. update (체크아웃 이후에 저장소의 변경된 사항을 내려받기) svn update3. commit (변경한 사항을 저장소에 적용하기) svn commit -m "msg about commit" 커밋 전에는 update를 해서 최신화 하고, make로 컴파일 성공했을때만 커밋 git의 commit과 다름, git의 push와 같은 의미 4. cleanup (형상관리 이력정보가 꼬였을때) svn cleanup checkout을 강제 중단하고 다시 하려고 하면 오류가 나..