본문 바로가기
반응형

전체 글91

n8n 이렇게 쉽다고? 구글 스프레드시트 감지 자동화 여러분 전 n8n을 드디어 사용해봤습니다. 과연 이걸 실제로 회사에 적용할 수 있을만한 퀄리티로 개발 가능할 진 모르겠으나,일단 스터디 한 거는 레츠기릿.,, 1. 트리거 노드(1분에 한번) 2. 구글 스프레드시트의 특정 시트 값 전체 읽어오기 3. 특정 열에 존재하는 값과 일치하면? (if노드)다음에 할 일은? 다음 글에 ㅋ 1. 스케줄 트리거 노드자, 너무 쉽습니다. 클릭하고 원하는 간격과 값을 입력해주세요.전 1분에 한 번 제 스프레드시트를 감지해줄겁니다. 스토커 매니절 like 2. 구글 시트 연결하기+ 버튼을 누르고 google sheets를 검색해서 클릭합니다.요 노드로 여러가지 일을 할 수 있어요.스프레드시트 자체를 만들거나 지우기, 파일의 시트에 행 추가하거나 값 변경하기, 시트 clear.. 2025. 4. 6.
내 컴퓨터에 n8n 설치하기(windows)/계정을 까먹었을 때 로컬에 n8n 설치✅ 설치 전 확인해야 될 사항  1. Node.js 최신버전(최소 18이상)  2. npm 설치(Node.js 설치하면 자동으로 깔림)이후엔 굉장히 간단하다.npm install -g n8n위 코드로 n8n을 설치하면 끝실행도 간단하다.terminal에서 n8n 만 치면 실행된다. (기본 주소는 http://localhost:5678)docket 환경에서 실행하는 걸 추천한다고 하는데, 제가 컨테이너 지식이 없어서.. 전 그냥 전역에 설치했습니다.이러고 한 참 뒤 실행하려고 보니 계정을 까먹은거 있죠?저같이 덜렁이를 위한 해법..은 다 있습니다. 귀찮지만 어쩌겠어요ㅠn8n 계정 찾기일단 DB Browser for SQLite 프로그램이 필요합니다. db에 계정 정보가 저장되어 있거등요w.. 2025. 4. 5.
Tabulator란 무엇인가? – 소개 및 설치 ✅ Tabulator란?Tabulator는 HTML 테이블을 쉽고 강력하게 만들 수 있게 도와주는 JavaScript 테이블 라이브러리입니다.표 데이터를 정렬, 필터, 편집, 내보내기 등 다양한 기능으로 다룰 수 있으며, React/Vue 등 프레임워크와도 잘 통합됩니다.주요 특징:셀 정렬, 필터링, 검색, 페이지네이션 지원Excel/CSV/PDF 내보내기 가능인라인 편집 기능성능 좋은 가상 스크롤반응형 UI 및 테마 제공모듈 기반 구조🛠️ Tabulator 설치하기방법 1. CDN 사용 (가장 간단한 방식) 방법 2. NPM 설치 (프론트 빌드 환경)npm install tabulator-tables --save // 예: React 프로젝트에서import { TabulatorFull as Tabul.. 2025. 3. 26.
구글 슬라이드 전체 폰트 변경하기 일일이 변경할 게 아니라면 무조건 Apps Script 쓰셔야 합니다(아마)쉬우니까 클릭만 뚝딱뚝딱 잘 따라와보시죠!1. 확장 프로그램 > Apps Script 클릭2. 아래 내용을 코드 작성란에 채우시고 "실행" 버튼을 눌러주세요. (내용은 아래 복사하실 수 있게 첨부해두었어요)처음 사용하시는 분들은 권한 설정 어쩌구 나올텐데 다 확인 눌러주시면 됩니다.function changeFontInAllSlides() { const presentation = SlidesApp.getActivePresentation(); const slides = presentation.getSlides(); const NEW_FONT = "Arial"; // 원하는 글꼴명으로 변경 slides.forEach(slide.. 2025. 3. 21.
PostgreSQL varchar(n) vs. text (feat. MSSQL nvarchar(n) vs. varchar(n)) 저장 방식이 뭔지도 모르겠고, 다국어 지원이랑 저장 방식이 무슨 상관이 있는지도 모르겠는 사람 주목.. 🫠 바로 접니다…MSSQL에서 PostgreSQL로 Database를 마이그레이션할 일이 생겨서 데이터 타입을 알아보던 중 생긴 의문이 생겼습니다.PostgreSQL에서 varchar(n)과 text는 무슨 차이?MSSQL에서 nvarchar(n)와 varchar(n)는 또 무슨 차이고?다국어 지원을 위해서... 어떤 걸 써야 된다는 거야?PostgreSQL에서 varchar(n)과 text는 무슨 차이?타입설명저장 방식 `varchar(n)`가변 길이 문자열UTF-8 `text`무제한 길이 문자열UTF-8결론부터 말씀 드리면, 큰 차이는 없습니다.✅ PostgreSQL은 모든 문자열이 기본적으로 U.. 2025. 2. 12.
[한글] Kaggle에서 처음으로 무엇을 해야할까? 서론캐글은 데이터 과학자와 머신러닝 엔지니어들이 실력을 겨루고 협력하는 세계 최대의 온라인 플랫폼입니다.다양한 DataSet과 여러 대회를 통해 실력을 향상시키고, 글로벌 커뮤니티와의 네트워킹 기회를 제공합니다.초보자라면 Kaggle 사이트에 접속해서 무엇부터 시작할까 고민이 되는데, 친절하게도 저 같은 사람을 위한 설명이 자세하게 나와 있습니다.아쉬운 건 사이트가 온통 영어뿐이라는 건데, 요즘 같이 손쉽게 누구나 GPT를 사용할 수 있는 시대에 영어가 문제가 되면 안되겠죠?! 그래도 무엇부터 봐야할 지 모르는 분들을 위해서, 링크와 번역문을 남겨두고 갑니다. (물론 제가 공부한 걸 정리하려는 목적이 더 크지만요@^3^@)https://www.kaggle.com/docs/competitions#getti.. 2024. 7. 17.
Fetch vs. Ajax 차이점 JavaScript에서 비동기적으로 데이터를 불러올 때 자주 사용되는 두 가지 방법인 `fetch`와 `jQuery.ajax`는 몇 가지 중요한 차이점이 있다.### Fetch API1. 기본 제공: `fetch`는 최신 브라우저에서 기본적으로 제공되는 네이티브 JavaScript API다. 추가 라이브러리 없이 사용할 수 있는 게 장점이라면 장점!2. Promise 기반: Promise 기반으로 설계되었다고 한다. 따라서 비동기 작업을 처리하기 위해 `then`, `catch` 및 `finally` 메서드를 사용한다.3. 간단하고 현대적인 문법: 간결하고 직관적인 문법을 제공하며, async/await와 함께 사용할 때 더욱 가독성이 좋다.4. 자동 JSON 변환 없음: 기본적으로 응답을 JSON으로 .. 2024. 5. 17.
2024 민음사 북클럽 선택도서 책고르기(인기순위 확인하고 가세요) 2024 민음사 북클럽 선택도서 책 고르는 방법 (인기 순위 확인하기) 민음사 홈페이지에 들어가면 엑셀로 전체 도서 목록을 확인할 수 있는데, 총 573권이어서 이걸 언제 다 확인하나 싶습니다... https://minumsa.com/event/38263/ 그래서 준비한 인기순 총 정리! 인기순이라고는 했지만... 단순히 인터파크의 판매지수를 참고했습니다. thanks to 인터파크 판매지수는 매일 업데이트 된다고 하는데 저는 2024.04.23 기준으로만 보여드립니다! (왜? 데이터 수집한 날짜가 저날이걸랑요..) 아래 탭을 클릭하여 인기순으로 확인해 보세요~! 모바일에선 제목을 '클릭', 웹에선 '더블클릭'을 하면 자세한 정보를 확인하실 수 있습니다. 이때, 팝업을 클릭하면 네이버나 다음에서 책 정보.. 2024. 4. 22.
[Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. 해결하기. 웹 브라우저에서의 성능 관련 경고 메시지 해결하기 경고 메시지 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952 Console 창에 나타나는 [Violation] 메시지는 Chrome 또는 다른 웹 브라우저에서 성능 관련 경고다. 이러한 경고는 '오류'를 나타내는 것이 아니라, 애플리케이션의 성능을 개선할 수 있도록 도와주는 '경고 메시지'라고 보면 된다. 위 경.. 2024. 3. 28.
윈도우 알림 개발 with JAVA (feat. System Tray & StompSocket) 1. 윈도우 알림 개발의 필요성 요새는 앱 푸시/웹 푸시 등 알림 서비스가 보편화되어 있다. 그래서 그런지 윈도우 알림은 자주 쓰이진 않는 느낌? 하지만 나의 경우엔 아래 상황에서 사용자가 알림을 받을 수 있는 방법이 필요했다. 1. 웹 서비스이기 때문에 앱 없음. 2. 사용자가 웹에 항상 접속해 있지 않음. 3. 개발 언어는 JAVA로(왜? 내가 JAVA 개발자니까...) 물론 문자나 이메일 같은 방법도 있겠지만, 윈도우 알림을 사용해 보고 싶어서 만들게 되었다. 2. 서버/클라이언트 스펙 ** 서버 ** - Spring Boot 기반 어플리케이션 - Rest API로 사용자 메시지 수신 - stomp websocket 으로 사용자 메시지 websocket으로 전달 ** 클라이언트 ** - Spring.. 2024. 3. 14.
[REACT] 렌더링 - 공식 문서랑 같이 공부하기 시리즈6 조건부 렌더링 컴포넌트 내부에 조건문으로 JSX를 동적으로 표현할 수 있다. (if문, 삼항 연산자, 논리 연산자 &&) if문 function Item({ name, isPacked }) { if (isPacked) { return {name} ✔; } return {name}; } export default function PackingList() { return ( Sally Ride's Packing List ); } 특정 조건일 땐 아무것도 반환하고 싶지 않다면 null 을 사용하면 된다. if (isPacked) { return null; } return {name}; 하지만 이 방법은 일반적이진 않는다. null 대신 조건부에서 제외시키는 방법으로 사용하는 것이 더욱 일반적이다. 삼항 연산자.. 2023. 11. 15.
[REACT] JSX에서 Javascript 사용하기 - 공식 문서랑 같이 공부하기 시리즈5 JSX에서 Javascript 사용하기 JSX에서 문자열 속성은 작은 따옴표 또는 큰 따옴표를 사용한다. export default function Avatar() { return ( ); } 만약 src와 alt를 동적으로 지정하고 싶다면 어떻게 해야할까? 바로 " " 대신 { } 를 사용하는 것이다! export default function Avatar() { const avatar = 'https://i.imgur.com/7vQD0fPs.jpg'; const description = 'Gregorio Y. Zara'; return ( ); } 중괄호 { } 는 JSX에서 Javascript를 사용할 수 있게 해준다. 따라서 아래처럼 중괄호 사이에 함수를 호출할 수도 있다. const today =.. 2023. 11. 15.
728x90
반응형