놀지말고 코딩하자 놀지말고 코딩하자

분류 전체보기

• 노드로 슬랙 챗봇 만들기 + cloudtype 무료 배포

  잡동사니 2023. 4. 10. 16:34

  사내 점심메뉴 관리를 위해 사이트를 만들까 하다가 슬랙을 통해 간단하게 구현이 가능할 것 같아 챗봇을 만들어보았다. 1. 슬랙 API 사이트 접속 (https://api.slack.com/) 2. Create an app 클릭 3. From scratch 선택 4. 앱 이름 및 워크스페이스 선택후 생성 5. 소켓 모드 활성화 6. Event Subscriptions 구독 -> Save Changes 클릭 7. OAuth & Permissions 탭 클릭 9. Scopes 추가 10. OAuth Tokens 발급 받기 (Install to Workspace / Reinstall to Workspace) 11. 슬랙 - 챗봇을 추가하고자 하는 채널에 챗봇 추가 12. 코드 작성 (main.js) const ..

  Read More
• MacOS MongoDB 설치 및 실행

  잡동사니 2021. 12. 21. 19:03

  # MongoDB 설치 및 실행하기 https://velog.io/@fcfargo/TIL-MongoDB-Mongoose 1. Hombrew를 통해 MongoDB 설치 // MongoDB 탭 추가 brew tap mongodb/brew // MongoDB 탭이 정상적으로 추가됐는지 확인 —> 터미널 화면에 mongodb/brew가 출력되면 문제 없이 탭 추가가 완료된 것이다. brew tap | grep mongodb - // (맥북에 추가된 전체 탭 목록을 출력) 다음 명령으로도 탭 추가 여부 확인이 가능. brew tap 2. MongoDB 실행 // MongoDB 활성화 (위는 최신 버전, 고정 버전 사용하고 싶으면 @ 사용) brew services start mongodb-community bre..

  Read More
• Ubuntu에 react 설치하기

  잡동사니 2021. 7. 13. 22:11

  0. 우분투에 nodejs, npm 버전 확인 (작성일 기준 node v14.17.2 npm v6.14.13) node -v npm -v 1. PPA를 통해 최신 버전 설치 (14버전 기준). 그전에 아래의 NodeJS 홈페이지에 가서 최신 LTS 버전이 몇버전인지 확인합니다. nodejs.org/ko/download/ 현재 14.16.0버전이어서 14.x로 (2021.03.09 기준) 버전을 선택해야합니다. 아래의 명령어를 입력합니다. $ curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash - 2. 후에 우분투에 NodeJS를 설치해줍니다. $ sudo apt-get install -y nodejs $ sudo apt install npm 잘 ..

  Read More
• 코딩의 기술 4. 조건문을 깔끔하게 작성하라

  자바스크립트 2021. 5. 22. 16:04

  일반적인 조건문 let color: if (balance > 0) { color = "green"; } else { color = "red"; } TIP 17. 거짓 값이 있는 조건문을 축약하라 1. bollean 자료형 ( true, false ) 2. 참 또는 거짓 값 - 둘 사이의 차이가 존재. 동일하지 않지만 대부분의 경우 유사하게 작동한다. 동등과 일치의 차이 - 동등 : 내용은 같지만 자료형이 서로 다른 값 ( == ) - 일치 : 내용도 같고 자료형도 같은 값 ( === ) 1 === '1' // false 1 === 1 // true '' == false // true '' === false // false 거짓 값의 목록 - false, null, 0 , NaN(숫자가 아님), ' ', ..

  Read More
• 코딩의 기술 2. 배열로 데이터 컬렉션을 관리하라

  자바스크립트 2021. 5. 14. 23:53

  TIP 6. Includes( )로 존재 여부를 확인하라 - 배열에 있는 값의 위치를 확인하지 않고도 존재 여부를 확인하는 방법 - 기존에는 배열이 특정 문자열을 포함하고 있는지 확인할 때 문자열의 위치를 찾고 해당 문자열의 색인으로 위치를 확인 - 문자열이 존재하지 않으면 -1이 반환. 문제는 색인이 0이 될 수 있는데 자바스크립트에서 0은 false로 평가된다. const sections = ['shipping']; function displayShipping(sections) { if (sections.indexOf('shipping')) { return true; } return false; } // false 이런 상황때문에 숫자와 비교하는 과정을 거쳐야 한다. const sections = [..

  Read More
• 코딩의기술 1.1 const로 변하지 않는 값을 표현하라

  자바스크립트 2021. 5. 1. 15:02

  1장 변수 할당으로 의도를 표현하라 TIP1. const로 변하지 않는 값을 표현하라 1. 과거의 변수 할당 법 var 오직 하나. var a; a = 1; var b = 3 console.log(a) // 1 console.log(b) // 3 a = 50 console.log(a) // 50 2. ECMAScript 6 (ECMAScript 2015) ECMAScript는 자바스크립트를 위한 공식적인 기술 명세이다. ECMAScript6는 2015년도에 나온 ECMAScript 표준의 가장 최신 버전으로 ES6로 줄여서 부른다. ES6 에서는 기존의 변수 할당법인 var 이외에도 2개의 추가적인 변수할당법이 추가 되었다. 바로 let과 const이다. 이중에서도 const는 블록의 문맥 내에서 재할당..

  Read More
• 리액트로 만든 포트폴리오 Github로 배포하기

  프로젝트/포트폴리오 2021. 4. 26. 00:35

  ※ 필수조건 : 처음 만들때 반드시 npx create-react-app [앱 이름] 으로 만들것. 만약 이미 만들어둔 프로젝트가 CRA(create-react-app)을 이용하여 만든 것이 아닐 경우 검색을 통해 다른 방법으로 배포하자. (이미 만들어 둔 repository가 있을 경우 단계 4로) 1. react 프로젝트 생성 $ npx create-react-app [폴더명] $ cd [폴더명] $ npm run start # 앱 작동 되는지 확인 2. Github repository 생성 Github으로 들어가 빈 repository를 생성 3. Github 연결 $ git init $ git add . $ git commit -m "first commit" $ git remote add orig..

  Read More
• GitLab Template 만들기

  잡동사니 2021. 4. 11. 11:45

  주의! ▶ commit 할 때 master로 commit 할 것! ▶ 디렉토리명은 정해진 이름으로 작성 1단계 .gitlab에 템플릿 디렉토리 및 md 파일 생성하기 본인의 repository root 경로에 .gitlab 디렉토리를 생성 .gitlab/issue_templates/ 내부 md 파일은 모두 issue 템플릿으로 활용된다. .gitlab/merge_request_templates/ 내부 md 파일은 mr 템플릿으로 활용된다. 2단계 템플릿 파일(md)을 작성한다. 본인의 팀이나 프로젝트 특성에 맞게 필요한 내용을 모두 취합한 후 적절하게 작성 예시 feature_request.md # Feature Request - Part - [ ] FE - [ ] BE - [ ] Data Preproc..

  Read More