#nvm이란? Node Version Manager https://github.com/coreybutler/nvm-windows/releases 1)nvm-setup.exe 설치 2)cmd 에서 nvm 버전확인 3)새로운 노드 설치 nvm install 4)사용할 버전 쓰기 nvm use *minor 와 patch 버전을 생략하면 minor 의 가장 최신 버전을 사용 (예: 14.17.3일경우 14만 적어도 자동으로 14.17.3를 사용하는것과 동일한 결과를 가져옴) 5)nvm ls 를 쓰면 현재 어떤 버전을 사용하는지 확인가능 도움받은곳 : https://www.lesstif.com/javascript/nvm-node-version-manager-nodejs-82214944.html
#깃 Git이란 소스코드를 효과적으로 관리하기 위해 개발된 '분산형 버전 관리 시스템' Git은 원격 저장소와 로컬 저장소 두 종류의 저장소를 제공 1)원격 저장소(Remote Repository): 파일이 원격 저장소 전용 서버에서 관리되며 여러 사람이 함께 공유하기 위한 저장소입니다. 2)로컬 저장소(Local Repository): 내 PC에 파일이 저장되는 개인 전용 저장소입니다. 1.저장소 만들기 첫 번째, 아예 저장소를 새로 만들거나, 두번째, 이미 만들어져 있는 원격 저장소를 로컬 저장소로 복사해 올 수 있습니다 2.커밋 파일 및 폴더의 추가/변경 사항을 저장소에 기록하기 - 커밋메시지 필수 작업트리(작업하는 폴더) ->인덱스 -> 저장소 작업트리에서 인덱스(가상공간)에 기록 = 스테이징한다..
1.npm init 설치 2.node-sass 설치 3.scripts부분에 추가해 주기 sass : script 이름으로 자신이 원하는 이름을 생성하는 자리 실행시킬 내용 : 작성한 파일을 실행시키는 자리 예)"sass":":node-sass css/style.scss style.css" 4. npm run sass 시 반영되는것 확인 5.scss를 칠때마다 계속 4번을 해야하는 번거로움을 없애기 위해 package.json 에 scripts 에 추가한다. "sass":"node-sass -w -r css/style.scss style.css" 로 변경하면 한번 실행 후 scss에 저장하면 바로 컴파일 된다!! 추가할경우 _파일명.scss(예: _common.scss)로 저장 한 수 메인 scss 파일에..
#그래픽 사용자 인터페이스(graphical user interface, GUI)는 사용자가 편리하게 사용할 수 있도록 입출력 등의 기능을 알기 쉬운 아이콘 따위의 그래픽으로 나타낸 것이다. #문자(콘솔) 사용자 인터페이스(character user interface,CUI): 그래픽 사용자 인터페이스의 이전판 #Node Package Manager(혹은 Node Package Module)의 줄임말로써 Python의 pip나 Ruby의 gem처럼 Node.js의 패키지를 관리할 수 있는 도구이다. 또한 npm을 사용하여 패키지를 공유하는 온라인 패키지 저장소의 이름이기도 하다(packge manager- 관리) #npx(packge runner 실행) npm에서 제공해주는 하나의 도구입니다. 따라서 n..
#css 파일의 경우 href 값에 ver 추가 버전 정보를 파일명(text/css) 뒤에 추가함으로서 브라우저가 기존 url과 다른 url인지 인식한 후 캐쉬된 파일 대신에 쿼리스트링이 추가된 css 파일을 읽어온다. #JS도 마찬가지로 추가 src에 추가 *ver=숫자; 여기서 숫자는 아무 숫자를 사용해도 상관 없다. 특히나 내 pc에서 확인했을 때 수정 내용이 반영되었다고 해도 다른 pc에서 반영되었다는 보장이 없기 때문에 필수로 해야하는 작업이다. -위의 글은 모바일에서만 허용됨 / pc 에서 안될경우 강제로 쿠키 삭제를 해야함 참고: http://kan..
http://demo.sir.kr/gnuboard5/adm/shop_admin/price.php 에서 *네이버 지식쇼핑 입점 안내 : http://join.shopping.naver.com/join/intro.nhn 전체상품 URL : http://demo.sir.kr/gnuboard5/shop/price/naver.php 요약상품 URL : http://demo.sir.kr/gnuboard5/shop/price/naver_summary.php *다음 쇼핑하우 입점 안내 : http://commerceone.biz.daum.net/join/intro.daum 전체상품 URL : http://demo.sir.kr/gnuboard5/shop/price/daum.php 요약상품 URL : http://demo..
#인스타그램에서 사진 가져오기 출처 : https://tonhnegod.tistory.com/245 인스타그램 api, 내 웹사이트에 인스타그램 사진 가져오기 - 2020. 11. 08. 추가 드디어 페이스북 계정 문제를 해결하고, 정상적으로 작동하는 인스타그램 api 테스트를 마쳤습니다. 최신 버전으로 업데이트 된 방법은 아래 링크에서 보실 수 있습니다. https: tonhnegod.tistory.com 인스타그램 api 보기 https://tonhnegod.tistory.com/245 웹 사이트에 내 인스타그램 가져오기 instagram api ㅇ웹 사이트에 내 인스타그램 가져오기 (22. 06. 17. 정상 작동 확인, 내용 보완) 인스타그램이 페이스북에 인수되고 여러 가지 정책의 변화로 인해, ..
#네이버 애널리틱스(프리미엄 로그분석기) 네이버 애널리틱스 방문분석 방문현황(UV), 신규/재방문자 수, 시간대별 방문분포 등 방문자의 방문 특성을 이해하기 위한 종합적인 정보를 제공합니다. 중요한 고객유형(신규/재방문)이 잘 방문하는지, 방문이 집 analytics.naver.com 지금 내 사이트에 방문한 이용자 수, 유입 검색어, 네이버 검색광고 전환 등 사이트 이용 현황을 한눈에 파악 가능 네이버자체에서 설치대행 요청 가능 *직접설치 시 공용은 footer 위 body안에 전환은 각 결과페이지에 삽입. 단, 공용보다 위에 삽입 작업완료 후 데이터 검수요청을 해야한다. +구글 애널리틱스,페이스북광고등도 비슷하다. #네이버 웹마스터도구 네이버 검색을 위한 도구이다. 로그인 후 가이드를 확인 한 후 진..
#동영상 자동재생 src 뒤에 ?amp;autoplay=1 넣기 #무한재생 ?amp;vq=hd720&showinfo=0&autoplay=1&loop=1;playlist=동영상이름 https://www.youtube.com/embed/OrER1y94ex0 *embed/동영상이름 으로 표기된다 #유튜브 동영상 반응형 See the Pen Untitled by Kim Mi Seon (@miseon920) on CodePen. ※유튜브는 임의의 것을 넣은 것 #유튜브 플레이어 매개변수 확인하기 YouTube 내장 플레이어 및 플레이어 매개변수 | YouTube IFrame Player API | Google Developers YouTube 내장 플레이어 및 플레이어 매개변수 개요 이 문서에서는 애플리케이션에 ..
