요즘 블로그 만드는 것에 대한 실험을 계속 진행중이다. Vercel 은 Next.js를 개발한 회사이기도하고, 서버리스 웹사이트를 배포할 수 있는 플랫폼이다. github레포에 있는 사이트를 vercel로 배포하면 git push를 할때마다 알아서 배포가 자동으로 진행되기 때문에 편리하다. 또 github pages과 다르게 private repository도 사용할 수 있다.(무료 요금제 기준) Vercel에 수록된 템플릿을 통해 사이트를 바로 생성하는 것도 가능한데, 템플릿 repo를 직접 clone해서 배포하는 것과 동일한 과정을 조금더 쉽게 해준다. vercel에서 내 github계정에 만들어준 repo를 clone해서 작업을 하면 되는 식이다. 요즘 이 기능을 종종 활용해보고 있다. 실험이라 함..
문제 어느날부터 깃허브(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버전을 선택하는 명령을..
네이버 웹마스터 도구에서 사이트 간단 체크를 해보니 robots.txt가 없다고 나옵니다. 간단히 설정하는 방법을 알아보겠습니다. 사전 단계 아래와 같이 네이버 웹마스터 도구에 연동사이트를 추가한 상태여야 합니다. 네이버 웹마스터 도구 접속 연동 사이트 목록에 사이트 추가 메타태그를 이용해 소유자 확인 ROBOTS.TXT 생성 1. 웹마스터 도구 접속 - 티스토리 사이트 선택 2. 검증 - robots.txt 선택 robots.txt가 없다면 로봇 룰 검증이 비어있을 겁니다. 저는 이미 추가한 상태라서 채워져있네요, 여기서 스크롤을 좀 더 내립니다. 3. robots.txt 간단 생성 스크롤을 좀 더 내리면, robots.txt 간단 생성이라는게 나옵니다. 여기서 (1)**모든 검색로봇이(네이버 검색로봇..
코딩테스트를 위해 개발환경을 새로 셋팅해봤다. 윈도우에서 Visual Studio로, 맥에서는 Xcode로 코딩을 했었는데, 프로젝트 하나를 여는데 로딩 시간이 길어서 답답하고 새 프로젝트를 만드는 과정도 번거롭다. 코딩테스트를 할때는 IDE의 다양한 기능을 사용하지는 않기때문에 코드를 빨리 열수 있고, new file-코드작성-빌드/실행 정도만 잘 되면된다. VS Code으로 셋팅을 하고 나니 파일을 추가하는게 번거롭지 않고, 작성했던 코드를 열어보기도 쉬워졌다. 코딩 문제 자체에 더욱 집중할 수 있게 된것 같다. 세팅 방법 1. VS Code 설치 2. 디렉토리 설정(예시) CodingTest ▾ 01 Problem A - ‣ cpp ▾ 02 Problem B - ‣ python - ▾cpp - - ..
[Bit of Code:Javascript/React] Simple Accordion 사용 기술 : react, javascript - react componenet : Accordion - state : isCollapsed(열려있는지 여부) - props : collapsed(최초 열려있는지), label(제목), children(내용) - 아코디언 제목 클릭시, 실행될 함수 div onclick="this.toggleAccordion" 으로 지정. - React.createRef()으로 css에 접근