신토불이 노마드

1. 동적 웹의 탄생(1993). 초기 웹은 워드 파일처럼 글과 이미지가 담긴 파일을 띄워주는 것에 불과했습니다. 하지만 1993년, 웹사이트에 이름과 글을 남기는 '방명록'같은 기능이 필요해졌고 기존처럼 파일을 만들어 두는 방식으로는 불가능했습니다. 누가, 언제, 어떤 글을 남길지 알 수 없었기 때문입니다. 이때부터 서버는 사용자의 입력을 받아 그 자리에서 계산하고, 사용자마다 다른 결과를 반환해야 했습니다. 이것이 바로 백엔드(Backend)가 생겨난 배경 입니다. 서버 사이드 렌더링(SSR)의 시작"요청이 들어올 때마다 서버가 HTML을 만들면 되지 않나?"라는 아이디어에서 출발해 서버가 HTML을 직접 '제조'하기 시작했습니다.1993년 CGI: SSR 방식을 처음 가능하게 만든 도구1994년 ..

카테고리 없음 2026. 5. 11. 19:53

AI와 함께하는 '바이브 코딩' 시대를 맞이하여, 우리가 다루는 프론트엔드 환경이 어떻게 지금의 모습을 갖추게 되었는지 정리해 보려고 합니다. 1. 웹의 탄생 (1989~). 가장 먼저 짚고 넘어가야 할 것은 인터넷(네트워크 인프라)과 웹(하이퍼텍스트 문서)은 다르다는 점 입니다.'도로'(인터넷)를 기반으로 '소포'(문서)를 '주소'(url)로 배달한다고 이해하면 편합니다. 초기 웹의 목적은 단순합니다."연구 자료를 어떻게 쉽게 공유할 수 있을까?" > "문서 안에서 다른 문서로 이동할 수 있는 링크를 이용하자." 초기의 웹 페이지는 그저 링크가 달린 텍스트에 불과했습니다. 웹이 문서 공유 시스템이 되기 위해서는 몇가지 규칙이 필요했습니다.- HTML: 문서를 어떻게 작성할지에 대한 규칙- URL: 문서..

카테고리 없음 2026. 5. 5. 18:35

고객 정보를 수집하기 위해서 Meta에서 리드 생성 광고를 집행하고 있습니다. 그러나 잠재 고객 정보가 수집되는 시점을 실시간으로 파악하기 어려울 뿐 아니라, 데이터가 수집 될 때마다 매번 관리자 페이지에 접속하여 데이터를 수동으로 다운로드해야 하는 비효율이 발생했습니다. 이를 해결하기 위해 Meta API를 연동하여 필요한 데이터만 실시간으로 추출하고, 이를 사내 Slack 채널에 실시간 알림으로 전송하는 자동화 시스템을 구축하게 되었습니다. 시스템이 중단 없이 돌아가기 위해서는 만료되지 않는 토큰이 필요합니다. 이 글에서는 자동화 시스템 구축의 핵심인 '무기한 페이지 액세스 토큰' 발급 과정에 대해 상세히 정리해 보겠습니다. Graph API 그래프 API는 Meta(Facebook, Instagra..

카테고리 없음 2026. 4. 20. 10:51

https://shok11.tistory.com/entry/GitHub-Pages-%EB%82%98%EB%A7%8C%EC%9D%98-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%A7%8C%EB%93%A4%EA%B8%B0 [GitHub Pages] 나만의 사이트 만들기단순히 남이 만든 툴을 사용하는 데 그치지 않고, 나만의 업무 환경을 직접 구축하는 것은 마케터로서 큰 경쟁력입니다. Vibe Coding이 만연한 지금, 아이디어를 실체화하는 것은 더 이상 개발자만shok11.tistory.com메인 사이트 구축과 관련된 내용은 위 링크에서 확인할 수 있습니다. 웹사이트를 구축할 때 처음에는 모든 기능을 한 곳에 넣는 것이 편해 보일 수 있습니다. 하지만 메인 페이지와 추후에 추가될 모든 도구..

카테고리 없음 2026. 3. 30. 23:35

단순히 남이 만든 툴을 사용하는 데 그치지 않고, 나만의 업무 환경을 직접 구축하는 것은 마케터로서 큰 경쟁력입니다. Vibe Coding이 만연한 지금, 아이디어를 실체화하는 것은 더 이상 개발자만의 영역이 아닙니다. 정해진 템플릿의 제약을 벗어나, 감각적인 인터렉션을 무제한으로 구현할 수 있고 서버 유지비가 들지 않는 'GitHub Pages'를 이용하여 나만의 사이트를 구축하겠습니다. GitHub Pages에서는 앞으로 업로드할 파일(HTML, CSS, JavaScript)을 GitHub의 서버가 사용자에게 전달하기 때문에 별도의 백엔드 서버를 구축하거나 데이터베이스를 연동할 필요 없이, 파일 업로드 만으로 쉽게 웹사이트를 생성할 수 있습니다. 사이트 만드는 방법1. Repository 생성:내 코..

카테고리 없음 2026. 3. 30. 17:53

여러 PC에서 n8n을 사용하다 보면 불편함을 직면하게 됩니다. 바로 워크플로우를 보관하고 이동하는 문제 입니다.워크플로우를 수정할 때마다 일일이 파일로 내보내기를 하고, 이를 USB나 개인 클라우드 드라이브로 옮기는 일은 매우 번거롭습니다. https://github.com/ GitHub · Change is constant. GitHub keeps you ahead.Join the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity.gith..

카테고리 없음 2026. 3. 16. 20:00

로컬에서 npx n8n 명령어로 n8n을 시작하셨던 분들이라면 공통적으로 겪는 고민이 있습니다. "터미널을 끄면 자동화도 멈춘다"는 점과, 워크플로우가 늘어날수록 관리가 힘들어진다는 것이죠.저 역시 같은 고민을 하던 중, 마침 서버로 활용하기 딱 좋은 Mac Mini를 손에 넣게 되었습니다. 이를 기회로 Windows에서 작업하던 환경을 Docker를 이용해 완벽하게 이주하고, 24시간 중단 없는 자동화 시스템을 구축한 과정을 정리합니다. Mac Mini를 활용한 n8n 24시간 셀프 호스팅 가이드왜 n8n을 셀프 호스팅해야 할까?n8n은 강력한 오픈소스 자동화 플랫폼입니다. 공식 클라우드 서비스 대신 개인 서버에 직접 설치하여 운영할 경우 다음과 같은 이점을 얻을 수 있습니다.비용 효율성: 워크플로우 ..

카테고리 없음 2026. 3. 3. 18:27