728x90 기타10 Application To Slack https://jojoldu.tistory.com/552 Slack Webhook API 생성하기요즘 대부분의 개발도구들은 Slack과의 통합 (Integration)을 지원하지만, 여전히 미지원 하는 도구들도 많습니다. 이런 미지원 도구들을 Slack에 연동할때 Slack Webhook을 사용합니다. 저도 종종 사용하jojoldu.tistory.com Slack API 참고https://api.slack.com/methods/conversations.list/test conversations.list API methodLists all channels in a Slack team.api.slack.com 1. Slack WebHooks 생성 앱 생성 https://api.slack.com 에서 시작h.. 2023. 10. 23. ESLint ESLint 란? 자바스크립트의 문법 검사&교정을 하는 도구입니다. https://eslint.org/ https://github.com/eslint/eslint#configuration ESLint를 플러그인을 설치하면, .eslintrc.js 설정파일이 생성됩니다. 파일에 들어가서 rules 속성에 필요한 설정을 추가하면 됩니다. package.json에 eslint 플러그인이 설치되지 않았다면, npm i -d eslint 를 통해 설치합니다. ESLint 에러가 화면에 표시되지 않게 하는 설정 Vue cli 3.x 후반 버전부터 ESLint 에러가 실행 화면을 덮는 현상이 발행하였고, 이를 해결하기 위해 몇 가지 설정이 필요합니다. 해결방법 1. vue.config.js vue 설정 파일을 생성합.. 2022. 3. 25. jsconfig.json 파일 설정 타입스크립트를 사용하는 경우 tsconfig.json 파일에 jsconfig.json 설정 내용을 넣으셔야합니다. 하지만 타입스크립트를 사용하지 않는 경우, jsconfig.json 파일을 생성해서 설정해도 됩니다. file의 절대 경로로 찾기 쉽게 아래의 설정과 같이 변환할 수 있습니다. { "compilerOptions": { "baseUrl": ".", "paths": { "~/*": [ "./*" ], "@/*": [ "./src/*" ], } }, "exclude": [ "node_modules", "dist" ] } 위와 같은 절대 경로 설정을 하시면, import AppHeader from './components/common/AppHeader.vue'; 와 같은 상대 경로를 import A.. 2021. 10. 10. Git 명령어 모음 git status git status -h (help) git status -s stage to unstage 명령어 staging area에서 working directory git rm --cached tracking 하고 싶지않는 파일을 gitignore 처리 .gitignore 파일 생성 echo .gitignore .gitignore 파일 열기 open .gitignore 특정 파일의 수정 이력 보기 git diff 아무런 옵션이 없을 시에는 working directory 에서의 변경 사항만 볼 수 있다. cat 파일 내부의 내용을 확인할 수 있다. staging area의 변경 사항을 보기 위해서는 git diff --staged --staged 옵션을 준다. 또는 git diff --ca.. 2021. 10. 10. Mongodb 생성 및 연결 Mongodb 회원 가입 이후 free db로 생성합니다. 생성이후 Network Access - ADD IP ADDRESS 를 통해서 외부에서 ip를 접근할 수 있게 접근망을 열어둡니다. 특정 포트나 특정 ip 등에 접근을 허용할 수 있습니다. 이후 Database Access - ADD NEW DATABASE USER 에서 DB에 접근할 계정을 만듭니다. 계정 마다 접근 권한을 설정할 수 있습니다. Databases 탭(구 cluster)에 들어가면 생성한 db의 인스턴스 정보를 볼 수 있습니다. Databases - connect - connect your application 으로 들어가면 연결 코드를 복사할 수 있습니다. 예시) mongodb+srv://test1234:@cluster0.hzah.. 2021. 10. 5. 인텔리제이 UTF-8 인코딩 설정 윈도우 운영체제로 인텔리제이를 사용할 경우 UTF-8 인코딩 설정이 필요합니다. 자바 내부 프로퍼티의 한글을 못 읽거나 실행 로그의 한글이 깨지는 등의 현상이 발생하기 때문에 file UTF-8 설정이 필요합니다. UTF-8 인코딩을 설정하면 프로젝트 내부에서 한글 문자를 사용할 수 있습니다. Ctrl + Alt + S를 눌러서 설정창에 진입하거나 File -> Settings 경로로 설정창을 열어줍니다. File Encodings 란에 진입하여, 인코딩 방식을 UTF-8로 설정합니다. 그 다음 vmoptions 파일을 수정하시면 됩니다. Help -> Find Action 클릭하고 Actions탭에서 Edit Custom VM Options를 찾습니다. -Dfile.encoding=UTF-8 를 추가합.. 2021. 9. 7. 정규식 시작하는 문구 비교 (.*?) (?:) var txt = '444sssadasffplanNo=가나다라and&222112'; var result = txt.replace(/(?:planNo=)(.*?)(&)/, '$1'); console.log(result); 정규식 정리 사이트 https://www.slideshare.net/ibare/ss-39274621 초보자를 위한 정규 표현식 가이드 (자바스크립트 기준) 초보자를 위한 정규 표현식(Regular expressions)의 작성 법 및 작동 원리를 설명함 www.slideshare.net 정규식 연습 사이트 https://regexr.com RegExr: Learn, Build, & Test RegEx RegExr is an online tool to.. 2021. 8. 17. REPL - 자바스크립트 연습 도구 REPL는 Read eval print loop라고 하는 것의 약자입니다. 스크립트의 언어를 한줄한줄 읽어서 실행하고 그 실행결과를 바로 디스플레이하고 그것을 계속 반복한다는 뜻입니다. vsCode EXTENSIONS에서 REPL이라고 하는 프로그램이 여러 가지가 있는데요. 그중에 JavaScript REPL 을 설치합니다. 타입스크립트는 아직까지 완벽하게 지원하지 않는다. EXTENSIONS를 설치하면 오른쪽에 플레이 버튼이 생깁니다. 실행된 코드는 초록색, 실행되지 않은 코드는 회색으로 표시됩니다. javacriptREPL 을 실행한 결과입니다. 실행 횟수, 값을 체크해주며, javascript 를 연습하는데 유용합니다. 2021. 8. 16. handlebars 라이브러리 자바스크립트에서 html 태그를 만들어 dom에 append를 쉽게 할 수 있는 라이브러리를 소개합니다. handlebars는 자바스크립트의 데이터를 레터럴 형식으로 dom을 만드는 라이브러리입니다. 기본문법은 더블브레스{{ }}를 사용하며, 태그의 속성명이 더블 브래이스 안에 있는 속성명으로 대체됩니다. handlebars에서 지원하는 간단한 함수를 사용할 수 있습니다. handlebars안에 있는 함수는 헬퍼라고 부르며, '#함수명' 형식으로 사용합니다. 예를 들어 조건문은 {{#if}} {{else}} {{/if}} 반복문은 {{#each}} {{/each}} 더 다양한 표현을 위해서 정의 함수(헬퍼)를 등록해서 사용할 수 있습니다. 헬퍼와 관련해서 자세한 내용은 공식 홈페이지를 참조하시길 바랍니다.. 2021. 8. 14. VSCode 디버거 세팅 자바스크립트 언어를 VSCode에서 세팅하는 방법을 알아보겠습니다. 크롬의 개발자 디버거와 VSCode 디버거를 연결하는 방법입니다. 1. VSCode에서 단축키 F1 또는 (Shift + Ctrl + P)를 누릅니다. 2. Tasks: Configure Task를 고릅니다. 3. "Create tasks.json file from template" 클릭 -> 4가지 옵션 중에서 Others 를 고릅니다. 4. 사용언어에 맞게 설정하면 됩니다. ※주의: parcel로 애플리케이션을 실행을 가장한 설정 예시입니다. .vscode 폴더 안에 tasks.json 설정 // 디버거 세팅 예시 { // See https://go.microsoft.com/fwlink/?linkId=733558 // for the .. 2021. 8. 6. 이전 1 다음 728x90
