마켓플레이어, 마케터 봉

오늘 점심은 햄버거..!라는 드립은 너무 아재같았나? 뭐 아무튼 햄버거 메뉴를 만들고자 한다.header 영역(기존 아래와 같이 노출된 부분)을 특정 px 이하로 줄어들 경우(모바일/태블릿으로 볼 경우, 화면을 줄일경우 등) 햄버거 메뉴가 나오게 만들 것이다.  위 이미지의 스크립트는 다음과 같다. Bongdroid 현재온도 : 00.0도 Home About Skill Cont..

7. 봉드로이드_개발공부 2024. 10. 27. 11:45

지난 번 포스팅에서 블루프린트로 파이썬 파일을 관리하는 방법을 알아봤다.https://marketerbong.tistory.com/62 파이썬 파일 관리방법(ft. blueprint 사용)우선 파이썬의 기본 구조는 다음과 같다.from flask import Flask, render_templateapp = Flask(__name__)@app.route('/')def home(): return render_template('index.html')if __name__ == '__main__': app.run('0.0.0.0', port=4000, debug=True)flask의marketerbong.tistory.com 우선 안불러와지는 상황은 header나 footer 같은 영역이 안불러와지는 경우가 생..

7. 봉드로이드_개발공부 2024. 10. 26. 18:58

일반적으로 헤더와 푸터 영역은 전체 공통 영역이다.개발자의 용어를 빌리자면 전역 태그, 글로벌 태그라고도 부른다.전역/글로벌 이란 표현은 어디서든 공통적으로 사용할 수 있는 것을 말한다. 변수나, 속성, 태그가 여기에 해당된다. 아무튼 전체 공통으로 들어가는 요소이기 때문에 매번 같은 코딩을 복붙해도 되지만, 그러면 코드가 너무 길어진다.그리고 유지보수에도 힘들어진다. 나중에 헤더 영역의 작은 글자 하나 바꾸려 해도, 전체 html을 수정해야 하는 경우가 생긴다. 그래서 보통 header와 footer는 따로 html화하여 관리한다.그래야 GTM, GA4 같은 로그분석기 스크립트를 심을 때, 전체 공통으로 심을 수 있다.(header나 footer html 파일 1개에만 스크립트를 심으면 전체 적용되기 ..

7. 봉드로이드_개발공부 2024. 10. 26. 11:37

사실 gpt를 만들려면 파이썬에 streamlit 패키지를 깔아서 하는 게 제일 편한 것 같다.괜히 자바스크립트로 만들어서 하면 코드만 길어지고 복잡해지기 때문이다.그럼에도 불구하고 내가 자바스크립트로 먼저 한 것은, 데이터(질문을 보내고, 받고)의 송수신 과정을 알고 싶기도 했으며, 솔직히 내가 만든 사이트에 적용하려니, 스트림릿을 사용하니까 잘 모르겠더라.(검색해도 "스트림릿 html 코드 없이"라는 글이 많지, "스트림릿과 html로 만든"은 없었다. 못찾은 걸수도..) 아무튼 그래서 난 자바스크립트로 먼저 gpt와 연동했다.https://marketerbong.tistory.com/69 그런데도 스트림릿으로 해보고 싶다면? 아래 코드만 갖다 붙여넣으면 된다. 솔직히 웹페이지 만드는 데에는 stre..

7. 봉드로이드_개발공부 2024. 10. 17. 18:44

우선 일잘러를 위한 단계면 솔직히 아래 2개면 어느 정도 해결이 된다.1. 구글 시트와 gpt 연동해서 사용하기 (기본 함수 사용) ▶︎ https://marketerbong.tistory.com/67 2. 구글 독스와 나만의 gpt를 API로 연결해 사용하기 (apps script 사용) ▶︎https://marketerbong.tistory.com/68 그런데 솔직히 제약이 너무 많다.내가 원하는대로 이미지를 만들거나, 나만의 커스텀 gpt를 만들어서 사용하고 싶다. 그래서 open ai의 API를 활용해 내가 만든 사이트에서 gpt를 사용할 수 있도록 했다.자세한 건 아래 openAI 개발자 문서를 참고했으며, gpt한테 물어가며 만들었다.https://platform.openai.com/docs/..

7. 봉드로이드_개발공부 2024. 10. 17. 12:04

app.py 파일을 수정하여 ftp에 업로드했다.근데 실서버에서 자꾸 반영이 안되는 것이다. 그래서 아래 포스팅에서 설명한대로 강제로 끄고, 다시켜봤다.https://marketerbong.tistory.com/58 사이트를 웹에 배포해보자 4 (서버 계속 켜놓기, 끄기)아래 포스팅까지 하면, 터미널을 켜놓은 상태까진 접속이 되는데, 터미널을 끄는 순간 접속이 안된다.https://marketerbong.tistory.com/57 그래서 서버를 계속 켜놓는 것과, 강제로 끄는 것을 적어놓는다marketerbong.tistory.com[계속 켜기] ▶︎ 터미널로 서버에 접속한 상태에서 진행nohup python app.py & [강제 종료] ▶︎ 터미널로 서버에 접속한 상태에서 진행ps -ef | grep..

7. 봉드로이드_개발공부 2024. 10. 15. 12:49

우선 파이썬의 기본 구조는 다음과 같다.from flask import Flask, render_templateapp = Flask(__name__)@app.route('/')def home(): return render_template('index.html')if __name__ == '__main__': app.run('0.0.0.0', port=4000, debug=True)flask의 내장함수인 render_template을 통해 html파일을 불러와 재생시키는 것이다.그리고 만약 __main__ 구문이 있는 파이썬 파일을 직접 실행했을 때만, port번호 4000으로 실행시키라는 명령어다. 음.. __main__ 관련해선 자세한 건 아래 블로그를 참고하자. 더 자세히 설명할 자신이 없다...

7. 봉드로이드_개발공부 2024. 10. 13. 18:08

하나의 html 파일 안에, 과  4. 폰트를 설치하는 것도 마찬가지로 같은 스크립트이다.그런데 웹폰트가 아닌, 원하는 폰트를 설치하도록 하는 것은 다음과 같다.4-1) font.css 파일을 만들고, 우측의 스크립트를 넣는다.4-2) static 폴더 안에 font 폴더를 만들고, 원하는 폰트파일을 넣는다.4-3) 일반 css 파일 경로 설정하듯 font.css 파일도 파일 경로 설정을 한다. (참고로 위에 스크립트 넣은 것에는 font.css파일도 포함되어 있다) 참고로 font-face는 해당 폰트를 다운받아서 보여주라는 명령어이기 때문에, 간혹 인터넷 환경에 따라 설치가 안되는 경우가 있다. 그럴 경우 웹폰트를 사용해서 설치하라는 명령어 font-family도 같이 넣어주는 것이다.※ @font-..

7. 봉드로이드_개발공부 2024. 10. 13. 12:20