정적(Static) 웹사이트라 함은... 정적으로 로딩되는 사이트이다. 다르게 말하면 페이지를 로딩하는데 html파일을 불러오는 것 외에 서버와의 통신은 하지 않는다는 것이다. 대부분의 Github 기반의 블로그가 이런 방식으로 만들어져있다. (Github page 혹은 Netlify, Vercel을 통해 배포하는 사이트들이 보통 이런 케이스이다) 이런 방식의 사이트는 정보를 일방적으로 게시하는 페이지는 만들 수 있지만 게시판이나 방명록처럼 사용자가 직접 글을 올리는 페이지를 만들기는 쉽지 않다. (다만 꼼수를 쓰면 가능은 할지도 모른다.) Git based CMS는 여러 꼼수(?) 중 하나로, 이 방식을 통해 사이트 내에서 에디터를 통해 글쓰기가 가능하다. 대부분의 사람들은 사이트 관리를 기성블로그(네..

ChatGPT를 리눅스처럼 만드는 방법이 있다고 해서 직접 해봤는데 놀라운 것 같습니다. 방법은 아래 텍스트를 복사하면 됩니다. 출처: https://techbukket.com/blog/chatgpt-linux-terminal 앞으로 프롬프트 엔지니어라는 직업군이 생긴다고 할정도로 프롬프트를 어떻게 쓰느냐에 따라 AI가 해주는 일이 차이가 나네요. 과연 AI를 잘 활용하는것도 결국 인간의 판단력과 창의성이 필요 한 것 같습니다 프롬프트: i want you to act as a linux terminal. I will type commands and you will reply with what the terminal should show. I want you to only reply with the te..
유튜브에서 특정 채널의 shorts영상만 일괄로 다운받고 싶을 때가 있다. 아래의 코드로 받을 수 있다. 코드를 응용하면 다른 조건의 영상들도 한번에 받을 수 있다. import os import google.auth from googleapiclient.discovery import build from pytube import YouTube def download_shorts(channel_id): # Authenticate with YouTube Data API credentials, project = google.auth.default() youtube = build('youtube', 'v3', credentials=credentials) # Retrieve channel's uploads pla..

요즘 블로그 만드는 것에 대한 실험을 계속 진행중이다. Vercel 은 Next.js를 개발한 회사이기도하고, 서버리스 웹사이트를 배포할 수 있는 플랫폼이다. github레포에 있는 사이트를 vercel로 배포하면 git push를 할때마다 알아서 배포가 자동으로 진행되기 때문에 편리하다. 또 github pages과 다르게 private repository도 사용할 수 있다.(무료 요금제 기준) Vercel에 수록된 템플릿을 통해 사이트를 바로 생성하는 것도 가능한데, 템플릿 repo를 직접 clone해서 배포하는 것과 동일한 과정을 조금더 쉽게 해준다. vercel에서 내 github계정에 만들어준 repo를 clone해서 작업을 하면 되는 식이다. 요즘 이 기능을 종종 활용해보고 있다. 실험이라 함..
![[Github] Personal Access Token을 사용하여 깃허브 인증하기](http://i1.daumcdn.net/thumb/C148x148/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FTynHp%2Fbtrb83Tcgzx%2FAAAAAAAAAAAAAAAAAAAAAEFGDTeSZ6TrMlU1cOgkAUjKmbPEk8mmctzJr3kqDYT7%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DHvxyc06RQDTOWZQga90YmmaWFNI%253D)
문제 어느날부터 깃허브(github)에서 private repository를 사용하려고 하니 이런 에러가 발생한다. $ git clone https://github.com/user-name/repository-name Cloning into 'play-with-data'... remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead. remote: Please see https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations/ for more informatio..

읽기 전에 3가지 방법을 소개합니다. 추천하는 방법은 방법1, 방법2입니다. 1. 스크린샷은 맥이지만 윈도우에서도 거의 동일합니다. (윈도우에서도 테스트해보았는데 동일한 환경이 아니라서 안될수도있습니다) 2. 처음 설치할 때 가능하면 한글이름의 디렉토리가 없는 곳에 설치해주세요. (ex. C:/puredata ) Portable버전으로 사용하는 방법도 있습니다. 3. 해보신분은 잘되는지 안되는지 알려주시면 감사하겠습니다. 방법1. Path 설정 바꾸기(Pure Data ) 아래 내용 참고로 하였습니다. advanced-configuration(floss manuals) Step1 상단 메뉴에서 File - Preference - Path를 클릭합니다. 이곳에서 설정할 수 있는 경로(Path)는 3가지가 ..

React native 개발환경 셋팅중 문제 NVM is not compatible with the npm config "prefix" option nvm의 PREFIX 설정?? packager.sh 23th line 이건 무슨문제??? packager.sh를 열어보았지만 아무것도 해결 못함. 모르겠고 잘 안돼서 사용자 계정 다시 만들어서 예정. 개발환경 새로 셋팅할때마다 nvm관련 오류가 종종 있었어서 어떻게 해결했었는데... 문제가 점점 복잡해지는것 같다.(알고보니 저번에도 prefix문제) 일단 nvm use ~ 명령을 먼저 한 후에 실행하는 식으로 사용하고 있지만, 터미널을 재실행할 때마다 초기화되어서 다시 해줘야된다. https://github.com/nvm-sh/nvm/issues/855#is..
이벤트 키보드가 입력되는것, 마우스가 클릭되는 것 등을 이벤트라고 한다. Javascript에서는 이벤트가 발생했을때에, 이를 처리할 수 있도록 어떤 함수가 호출되도록 지정할 수 있는데, 이때 호출되는 함수를 이벤트 핸들러라고 한다. Javascript 이벤트 핸들러의 종류 마우스/키보드 뿐만 아니라 웹사이트를 사용할 때에 일어날 법한 사건에 대해서 이벤트 핸들러가 정의되어있다. 보통 이벤트의 이름 앞에 "on"을 붙여서 on~~~ 처럼 이름이 붙은 경우가 많다. 아래는 javascript 이벤트 핸들러 중 몇가지를 가져온 것이다. onclick: 마우스 버튼이 눌렸다 떼어질 때 실행된다. onkeydown: 키가 눌렸을 때 실행된다. onmouseover: 마우스가 엘리먼트 위로 이동할 때 실행된다. ..

관련 키워드 VSCode, NPM, NVM, 터미널, bash_profile 문제 VS Code를 실행시마다 터미널에서 아래와같은 에러가 뜬다. nvm is not compatible with the npm config "prefix" option' warning https://github.com/Microsoft/vscode-docs/blob/master/docs/editor/integrated-terminal.md#why-is-nvm-complaining-about-a-prefix-option-when-the-integrated-terminal-is-launched 위 깃헙 이슈에서 확인할수 있다. 기존에는 nvm use ~ 로 vs code를 실행시마다 nvm에서 쓰는 node버전을 선택하는 명령을..

코딩테스트를 위해 개발환경을 새로 셋팅해봤다. 윈도우에서 Visual Studio로, 맥에서는 Xcode로 코딩을 했었는데, 프로젝트 하나를 여는데 로딩 시간이 길어서 답답하고 새 프로젝트를 만드는 과정도 번거롭다. 코딩테스트를 할때는 IDE의 다양한 기능을 사용하지는 않기때문에 코드를 빨리 열수 있고, new file-코드작성-빌드/실행 정도만 잘 되면된다. VS Code으로 셋팅을 하고 나니 파일을 추가하는게 번거롭지 않고, 작성했던 코드를 열어보기도 쉬워졌다. 코딩 문제 자체에 더욱 집중할 수 있게 된것 같다. 세팅 방법 1. VS Code 설치 2. 디렉토리 설정(예시) CodingTest ▾ 01 Problem A - ‣ cpp ▾ 02 Problem B - ‣ python - ▾cpp - - ..