럿고의 개발 노트

Slack Bot 제작기 2편 - Node.js 프로젝트 설정 프로젝트 설정 처음에 사실 자바로 구현하려고 하다가 자바에 대한 지식이 너무 부족해서 Node.js로 갈아탔습니다..ㅎㅎㅎ Node.js를 처음 사용해 프로젝트를 구현했는데, 편안함이 느껴졌습니다. 사실 프로젝트 자체가 작은 규모여서 더 그랬을 수도 있겠습니다. 일단 저희가 사용한 기술들을 알려드리겠습니다. Node.js Express Heroku Mongo DB 그럼 이제 Slack Bot 구현을 해보도록 하겠습니다. 일단 Module 구성부터 하겠습니다. { "dependencies": { "axios": "^0.19.2", "body-parser": "^1.19.0", "dotenv": "^8.2.0", "express": "^4.17...

Slack Bot 제작기 1편 - 슬랙 봇 앱 설정 슬랙봇 앱 생성 Slack API 홈페이지에 접속합니다. Your Apps를 클릭합니다. Create New App를 클릭합니다. App Name에 앱(봇)에 대한 이름을 쓰고, Development Slack Workspace에는 개발 할 시 테스트 할 Workspace를 추가해주세요. 앱이 생성되었습니다! 슬랙봇 앱 초기 설정 슬랙 앱을 만드셨다면 초기화면에 기능들을 추가하라고 할 것 입니다. 하나씩 설정 해보도록 하겠습니다. Interactive Components 슬랙 봇이 동작하는 것이나 Modal이나 대화 형 구성 요소(단추, 선택 메뉴, 날짜 선택기)와 같은 상호작용을 컨트롤 하는 곳입니다. 하나의 URL에서 모든 작업을 처리해줘야 하며, ..

[groom][웹퍼블리싱 실습] 웹 표준 사이트 만들기 강의 소개 groom 사이트에 있는 웹퍼블리싱 강의를 직접 실습하고 필요한 내용을 정리했습니다. HTML 태그와 CSS 속성에 대한 자세한 설명은 강사님이 정리 해놓으신 레퍼런스에서 찾아서 링크 걸어놓았습니다. 자세한 내용들은 링크에 들어가서 보시면 훨씬 이해 하시기 좋으실꺼 같습니다. 제작한 포트폴리오 사이트 dothome Pages 제작한 포트폴리오 사이트 Github Pages 직접 실습한 코드들은 Github Repository에 있습니다. 강의자 webstroyboy Blog 1. Layout01 layout01 소스코드 HTML 요소(Content Element) meta, self-closing, block, inline으로 분류 blo..