이번 글을 통해 배워갈 내용 윈도우에서 Node 버전 최신으로 관리하는 한 가지 방법 소개 이글에서는 윈도우에서 node의 최신 버전을 효과적으로 관리하는 방법인 nvm을 설명하겠습니다 1. nvm 다운로드 먼저 Windows용 Node Version Manager (nvm)를 다운로드하고 설치해야 합니다. 공식 GitHub 릴리스 페이지에서 다운을 받습니다 https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windows A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows github...
이번 글을 통해 배워갈 내용 V8 엔진 Garbage Collection(GC) v8 Minor GC (Scavenger) v8 Major GC (full mark-compact) V8 엔진 V8은 Chrome 및 Node.js 등에서 사용되는 Google의 오픈 소스 고성능 JavaScript 및 WebAssembly 엔진이며 C++로 작성되었습니다. Garbage Collection(GC) Gabage Collection은 동적으로 할당된 메모리가 필요 없게 되었을 때 정리해주는 기능입니다. 유효하지 않은 포인터, 이중 해제, 메모리 누수 등을 막는데 도움이 되나 어떤 메모리를 해제할지 결정하는데 비용이 들며 할당된 메모리가 해제되는 시점을 찾기가 힘듭니다. V8 엔진은 크게 두 가지 GC를 가지고 ..
이번 글을 통해 배워갈 내용 CORS policy 문제를 해결하는 한 가지 방법 서론 후배가 도움이 필요해서 연락이 왔다 문제는 바로 학교 프로젝트에서 열린 데이터를 프론트 단에서 바로 가지고 와서 쓰고 싶은데 (아래는 열린 데이터 광장 주소) https://data.seoul.go.kr/ 열린데이터광장 메인 데이터분류,데이터검색,데이터활용 data.seoul.go.kr 아래와 같이 에러가 뜬다는 것이다. " Access to fetch at 'http://example.com/movies.json' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass acc..
이번 글을 통해 배워갈 내용 ...으로 표시되는 스프레드 구문에 대해서 알아보곘습니다. 리액트(자바스크립트 기반 라이브러리)를 사용중에 ...으로 시작되는 스프레드 구문을 보셨다면 처음에는 놀랄 수 있습니다. 위에 ...this.props는 상위 코드에서 span 태그로 감싼 좋아요 두개를 보여주며 웹에서 콘솔 찍어서 보게 되면 위와 같습니다. 눈치 빠른 분들은 벌써 아시겠지만 스프레드 구문(...)을 정의하자면 다음과 같습니다. 함수 호출등의 경우에서 0개 이상의 인자 또는 배열의 요소가 예상되는 위치 또는 문자열과 같은 iterable을 확장하거나 0인 위치에 객체 표현식을 확장하는 경우 쓰입니다. 위에 예시를 들자면 props가 span 태그 없이 "like1" 과 "like2"로 나뉜다면 {.....
이번 글을 통해 배워갈 내용 자바스크립트로 Object destructuring(객체 비구조화) 해보기 여기 감자가 있습니다 정확하게 이야기 하면 음식 객체입니다. ㅋㅋㅋㅋ 음식 객체의 코드는 다음과 같습니다. // 감자 객체 let food = { name: "감자", price: 1000, owner: "김씨", where: "김씨뱃속" } 음식 객체의 이름은 감자 가격은 1000 (원) 주인은 김씨 위치는 김씨 뱃속입니다. 감자 객체를 출력해보겠습니다. //오브젝트를 출력하려면 앞에 food를 입력해야 하는데 귀찮습니다. console.log(food.name); // 감자 console.log(food.price); // 1000 console.log(food.owner); // 김씨 출력하는데 ..
이번 글을 통해 배워갈 내용 등속 원운동의 x 좌표와 y좌표를 프로그래밍으로 계산하기 자바스크립트로 구하는 등속원운동은 다음과 같습니다. //시간차에 따른 각도 IntervalVal = (IntervalVal + Math.PI / 360) % (Math.PI * 2); // x 와 y 축을 (3,15,3)을 기점으로 도는 중 camera.position.x = camPosModifierX + 3 * Math.sin(IntervalVal* 1.5); camera.position.y = camPosModifierY + 15 * Math.cos(IntervalVal* 1.5); camera.position.z = camPosModifierZ + 3; 행성들을 웹사이트로 구현하다가 구했네요 ㅎㅎ 등속 원운동도 ..
이번 글을 통해 배워갈 내용 자바스크립트로 구하는 페이지 최대 스크롤 값 자바스크립트로 구하는 페이지 최대 스크롤 값은 다음과 같습니다. // scroll 최대 값 const limitVal = Math.max( document.body.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight, document.documentElement.scrollHeight, document.documentElement.offsetHeight ); 한참을 검색해도 안 나왔는데 다행히도 스택오버플로우에서 찾아서 배웠습니다. 출처 및 인용 https://stackoverflow.com/questions/17688595/finding-t..
