• streamlink abema TV 추출 (MacOS, Windows)

    streamlink abema TV 추출 (MacOS, Windows)

    아베마 TV 영상 추출을 위해서는 일단 VPN 사용이 필요하다.유료 VPN 서비스를 추천 바로가기무료 VPN 서비스를 이용하고 싶다면, VPN Gate를 추천. 아직까지 일본은 컨텐츠 저작권에 폐쇄적인지라, 웹상으로 다시보기 및 OTT 서비스를 이용하기 위해서는 현지 IP로만 가능하다.AbemaTV는 VPN 실행 후, streamlink를 통해 영상 추출이 가능하다. (단, 개인적인 용도 이외에 영상 다운로드, 공유 및 컨텐츠 무단 복제는 불법이므로…

    Read More

  • .gitignore 활용

    .gitignore 파일을 생성하여, 히스토리 파일 및 불필요한 파일 리스트를 추가하여 형상 관리에서 제외한 목록을 지정해주는 파일. 예) 왼쪽에서의 git update 갯수를 보면 .gitignore 파일로 차이점 확인이 가능. node_modules 파일은 package.json 관리만으로도 쉽게 npm 재설치가 가능. Related Articles

    Read More

  • NPM 설치

    NPM은 Node package manager의 약자로 NodeJS 기반으로 모듈을 설치/관리를 도와주는 관리 도구이다. 보통 nodeJS를 설치 시 npm도 자동 설치 되므로 따로 설치를 할 필요는 없다.nodeJS 설치 이후 npm이 잘 설치되었는지 버전 확인으로 설치 여부 확인이 가능하다. 위와 같이 버전 정보가 출력된다면 npm 설치는 성공. 터미널에서 프로젝트 폴더로 이동한 뒤 npm을 실행해준다.여기서 npm init -y를 선언하게…

    Read More

  • MacOS sudo permisson Error

    MacOS sudo permisson Error

    MacOS 버전 High Sierra 이상에서는 폴더에 권한 부여를 하지 않기 때문에 특정 명령어 실행 시 권한이 없어 나타나는 에러이다.

    Read More

  • webpack run dev Error

    webpack run dev error 1: SyntaxError: Invalid regular expression webpack run dev를 테스트 하던 중 아래와 같이 SyntaxError가 떴다. 위의 에러는 nodejs의 버전이 실행하려고 하는 npm 패키지에서 지원하지 않는 버전일 때 나타나는 오류 이므로, nodejs 버전을 업그레이드 또는 다운그레이드 해준다.보통은 최신 node 버전을 설치할 경우 여타의 팩키지들이 최신 버전을 지원하지 못해 나타나는 오류일 가능성이 높다.…

    Read More

  • Node.js 강의노트

    언어(language) 측면 – Web Browser 환경(runtime) 측면 – Node.js 웹브라우저와 노드는 서로 다른 영역에서 동작하는 기술; 서로가 협력적인 관계에 있는 기술. 노드(서버에서 작동하는 런타임 기술) – 파이썬, 루비, php, java; 데이터베이스 접속, 웹페이지를 프로그래밍 적으로 생산. 노드 (v8 엔진 사용) 장점: 빠른 퍼포먼스; 인터넷 동작원리 포트: http를 통해서 접속하는 경우에는 80포트를 쓰자라는 규약이 있어 :80을…

    Read More

  • git 저장소 추가하기

    git 저장소 추가하기

    1. GitHub Repositories메뉴에서 새로운 저장소를 추가한다. 2. 원하는 저장소의 이름을 채우고 생성 버튼을 누른다. 이 저장소 생성 이후에 .gitignore 파일을 추가할 경우에는 README file 체크를 선택할 필요는 없다. 3. 원하는 경로에 새로운 로컬저장소로 만들 폴더를 생성 한 후, git bash를 실행한다. 4. readme file을 생성하지 않았을 경우, 아래의 코드로 파일 생성을 한다. 5. git bash를…

    Read More

  • Git error fix

    1. Git Error Fix 1: error : The following untracked working tree files would be overwritten by merge error : The following untracked working tree files would be overwritten by merge 는 “git add .”하고 “git stash” 후 “git pull”을 한다. 2. Git Error Fix 2: error: You have not concluded your merge (MERGE_HEAD exists)…

    Read More

  • CSS 3D Transform rotation 모듈

    CSS 3D Transform rotation 모듈

    이전 3D 변환 축 회전의 이해 (3D Coordinate System) 포스팅에서 3D좌표계를 기준으로 한 회전 방향을 알아보았는데,해당 포스팅에서 알아보고 이해했던 정보를 기준으로 3D transform rotate를 실행해보는 과정에서 보통 게임 수학을 활용해 회전하던 방식과 다르게 오브젝트가 회전하는 것처럼 보였다. 회전축 기준으로 예제를 만들어 보니, 이전 포스팅에서 실컷 공부를 해두고도 좌표계와 오브젝트를 전혀 별개의 요소로만 보고 두 요소가…

    Read More

  • 함수 선언문과 표현식의 차이

    1. 함수란? 2. 함수 선언문 (function declarations) 흔히 자바스크립트 함수 선언에서 볼 수 있는 구문이다. 3. 함수 표현식 (function expressions) 함수 표현식은 함수 선언문과 거의 비슷한 구문을 사용한다.함수를 선언하지만 function 구문이 맨 처음이 아닌 경우가 함수 표현식이다.주로 함수 이름을 생략하고 변수에 대입하는 익명함수(함수 리터럴을 사용해 변수에 참조값으로 할당하는 형태)의 형태로 자주 쓰인다. 위의 구문을 해석해보면…

    Read More