1. 도입: 개발 환경 동기화 문제의 실제 사례

“어제 집에서는 잘 돌아갔는데, 왜 회사 컴퓨터에서는 안 되지?” “새로운 팀원이 합류했는데, 프로젝트 셋업하는 데만 반나절이 걸렸어.” “프로덕션 서버에 배포했더니 갑자기 에러가 나기 시작했어. 로컬에서는 문제없었는데…”

이런 경험, 한 번쯤은 해보지 않았는가? 이는 Python 개발자들이 흔히 겪는 개발 환경 동기화 문제의 전형적인 사례들이다.

특히 팀 프로젝트를 진행하거나 여러 기기에서 작업할 때 이런 문제는 더욱 두드러진다. 각자 다른 버전의 Python을 사용하고, 패키지 버전이 일치하지 않으며, 운영체제까지 다르다면 상황은 더욱 복잡해진다.

https://a16z.com/2019/10/08/the-passion-economy-and-the-future-of-work/

https://brunch.co.kr/@taewookim/28

https://ebadak.news/2020/02/07/the-passion-economy/

https://transitivebullsh.it/why-im-so-hyped-about-the-passion-economy

https://a16z.com/2020/01/08/16-key-metrics-for-the-passion-economy/

https://brunch.co.kr/@taewookim/29

https://chrome.google.com/webstore/detail/tooltip-dictionary-툴팁-영한사/dlabodjigcmnanaldmfkpflpopgmdhii/related

당신은 어디까지 AI를 활용해보셨나요? 특히, OpenAI의 ChatGPT를 사용해 보신 적이 있나요? 이 무료 도구로도 놀라운 결과를 얻을 수 있지만, 아주 작은 비용을 지불하면 GPT-4와 같은 최신 AI를 사용하여 더욱 향상된 결과를 얻을 수 있습니다. 그런데, 이런 AI 도구 중에서 가장 눈에 띄는 것이 바로 코딩입니다. 코드를 작성하는 것은 때때로 복잡하고 시간이 많이 소요되는 작업이지만, GPT-4를 이용하면 이를 매우 간단하게 해결할 수 있습니다. 수많은 수작업과 시간을 잡아먹는 일들이 순식간에 해결되는 것을 상상해 보세요. 이번 글에서는 ChatGPT와 파이썬을 이용하여 자동화 코드를 어떻게 만들 수 있는지에 대한 대표적인 사례를 살펴보겠습니다. 여기서 제시된 방법을 통해 여러분의 일상 업무에 어떻게 AI를 활용할 수 있는지에 대한 아이디어를 얻어가시기를 바랍니다.

요소가 화면에 출력되는 특성 2가지 : 글자와 상자

• 글자=인라인(inline) 요소 : 글자를 만들기 위한 요소들
• 상자=블록(block) 요소 : 상자(레이아웃)를 만들기 위한 요소들

인라인 요소 : 요소가 수평으로 쌓임

Hello

World

• 글자는 가로와 세로 속성을 가질 수 없음

  마진(외부여백), 패딩(내부여백)

• 인라인 태그안에는 상자 태그를 쓸수 없음.

• 줄바꿈은 한줄 띄우기

블록 요소 : 요소가 수직으로 쌓임

디비전

• 마진, 패딩 다 먹힘
• 블록 속에 블록, 인라인 모두 추가 가능

인라인 태그와 블록 태그

https://royalturtles.tistory.com/5

1. 안드로이드폰에 termux를 설치한다.

   https://play.google.com/store/apps/details?id=com.termux&hl=ko&gl=US&pli=1

2. 먼저, apt-get update 실행

3. 이어서, Node.js 설치

앞에서 안드로이드폰을 node.js 서버로 만들기를 성공했다면, 이제는 개발이 편하게 SSH를 이용한 원격접속을 시도해 보자.

[[node.js] 안드로이드폰을 node.js 서버로 만들기](/posts/node.js-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C%ED%8F%B0%EC%9D%84-node.js-%EC%84%9C%EB%B2%84%EB%A1%9C-%EB%A7%8C%EB%93%A4%EA%B8%B0/)

원격 접속(SSH)

목적 : 서버(스마트폰)은 화면도 작고, 타자도 어려우니, 원격 PC에서 스마트폰을 접속하여 개발하는 목적

순서

1. 서버용 스마트폰에서 “Termux"를 실행

2. openssh를 설치

3. ssh용 공용 ID 키를 생성(yes치고 엔터 탁탁탁)

4. openssh를 실행 (백그라운드에서 실행됨)

5. 계정 비밀번호를 설정합니다.(원격 접속시 사용할 암호 입력)

6. 공유기에서 새로운 서버용 스마트폰의 포트포워드 규칙을 적용시킵니다.

• 포트포워드에서 외부포트와 내부포트 모두 8022로 하고 규칙 새로 만듦.

1. 원격 터미널(내 PC)에서 스마트폰으로 접속

$ ssh -p 8022 [원격 접속 주소]

노션을 CMS(컨텐츠 매니지먼트 시스템)으로 사용하는 방법을 연구했었는데, 이를 강연으로 만들어 파는 것을 보았다.

https://school.programmers.co.kr/learn/courses/15142/15142-nextjs%EC%99%80-typescript%EB%A1%9C-%EB%A7%8C%EB%93%9C%EB%8A%94-notionapi-%EB%B8%94%EB%A1%9C%EA%B7%B8

딱, 내가 구현하고자 했던 것과 동일하다. 작년에 참고 했었던 글들은 대개 Notion as a blog CMS였었다.

https://samuelkraft.com/blog/building-a-notion-blog-with-public-api

https://github.com/samuelkraft/notion-blog-nextjs

원래는 아래와 같이 Notion을 이용한 Hugo 블로그였는데,

일단 작년에 일부 되는 것까지만 확인하고 중단했었다.

이유는 별도의 서버(node.js로 추측)를 이용해야 하는데, 상용이 아니다보니 중간중간 멈추는 문제.

그리고, 자바 스크립트를 이용해서 글을 fetch해오는 것이 생각보다 쉽지 않았다.(자바 스크립트 문법을 좀 더 공부해야 하는 문제)

노션 페이지를 도메인과 연결시키는 것을 해봤으니, 이제 노션 페이지에 구글 애널리틱스를 넣어보자.

구글 애널리틱스는 자바 스크립트를 이용하는 것이 일반적인데, 노션 페이지에선 자바 스크립트를 사용할 수 없다. 이러한 한계를 우회하는 것이 구글 애널리틱스의 Measurement Protocol다.

세상의 많은 능력자분들이 이미 이러한 고민을 했고, 솔루션까지 만들어 내었다.

• 참고한 사이트는 http://blog.mskim.me/posts/google-analytics-with-notion-so/
• https://romantech.net/1072 는 위 사이트를 참고해서 사용법을 쉽게 설명해 놓았다.

방법은 간단하다. 능력자가 만든 프록시 서버를 이용해서 노션 페이지에 이미지를 삽입하면 된다.