본문 바로가기
728x90
반응형

전체 글274

[GitHub] 깃허브 Windows 환경 NET Framework 관련 에러 현상 해결 방법 🎯 Goal.NET Framework 최신 버전을 설치 팝업창 안 뜨게 한다.⚠️ 문제 현상사내망(폐쇄망)에서 git을 통해 작업시 위와 같은 에러메세지가 반복적으로 발생했다..NET Framework 최신 버전을 설치하면 되나 사내망(폐쇄망)환경이라 그럴 수 없는 상황이다. 💊 해결 방법1. 'C:\Users\$USER 디렉토리' ▶ '.gitconfig' 파일   2. 'credential.helper' 항목 삭제 📝 조치 결과Git Bash Here ▶ git pull 할 때.Net Framework 팝업창 발생했던 오류가 해결된 모습을 확인할 수 있다. 2024. 8. 12.
[Node.js] Nodejs 모듈(CommonJS / ES Modules) 모듈(Module) 이란?분리된 하나의 파일을 모듈(module)이라고 부르는데, 모듈은 대게 클래스 하나 혹은 특정한 목적을 가진 여러개의 함수를 포함하는 라이브러리로 구성되어 있다.모듈 시스템CommonJS -  NodeJS 환경을 위해 만들어진 모듈 시스템ES Module - ES6(ES2015)에 도입된 자바스크립트 모듈 시스템특징CommonJSES6 모듈확장자.js .cjs.js(package.json에 "type":"module" 추가) .mjs로딩 방식동적 로딩 (런타임)정적 로딩 (컴파일 타임)문법require, module.exportsimport, export모듈 범위파일 단위파일 단위트리 셰이킹지원하지 않음지원 (최적화 가능)사용 환경주로 서버 (Node.js)브라우저, 서버 (트랜스.. 2024. 8. 9.
[Node.js] Package.json 명령어 npm start, npm run build 스크립트 차이점 package.json 파일 실행 스크립트start, build, test, eject 4가지 명령이 있습니디. 일반적으로 start는 개발 모드 build는 배포용 빌드라고 알고 있습니다. npm startnpm run buildnpm testnpm run eject"scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject"}, npm start개발 모드로 프로그램을 실행하는 명령어 입니다. HMR(hot-module-replacement)가 동작해 수정과 동시에 화면이 변경됩니다. 개발 모드에서 코드에 에러거 .. 2024. 8. 9.
[Node.js] Package.json 패키지 관리 package.json 이란?패키지 관리 저장소새로운 프로젝트나 패키지를 만들 때가장 먼저 하는 일은 npm 프로젝트로 초기화 해주는 명령어 npm init을 실행하는 것이다.이 때 package.json 파일이 생성되는데언뜻 봐도 프로젝트에 대한 정보를 담고 있는 중요한 파일처럼 보인다. Node.js 프로젝트에서는 많은 패키지를 사용하게 되고 패키지의 버전도 빈번하게 업데이트 되므로, 프로젝트가 의존하고 있는 패키지를 일괄적으로 관리할 필요가 있다. npm은 package.json 파일을 통해서 프로젝트의 정보와 패키지 의존성(dependency)을 관리한다. package.json 파일에는 이 프로그램을 실행시키기 위해 필요한 모듈들에 대한 정보와, 프로그램을 실행시키는 방법, 프로그램을 테스트하는.. 2024. 8. 9.
[Node.js] Node 개념 및 기본 명령어 Node.jsJavaScript의 Runtime(실행기) : 브라우저 없이도 사용할 수 있는 JS 실행기Node.js는 Chrome V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경으로  주로 서버사이드 어플리케이션 개발에 사용되는 소프트웨어 플랫폼이다.Node.js는 브라우저 외부 환경에서 자바스크립트 어플리케이션 개발에 사용되며이에 필요한 모듈, 파일 시스템, HTTP 등 Built-in API를 제공한다.Node.js는 javascript를 사용해 개발한다.📌 제작된 과정원래 JS는 구글에서 개발한 V& 엔진이라는 웹브라우저 내부에서 실행되는 JS엔진을 통하여 웹브라우저에서만 사용가능하였다. 하지만, 구글이 오픈소스로 풀어버린 이후 브라우저 바깥으로 JS를 빼버리게 된 것이 Node.js.. 2024. 8. 9.
[UTIL] 마우스 자동 이동 매크로 배치 - Mouse Jiggle(마우스 지글러) 🗂️ 압축 파일내가 자리를 비울 때, 화면보호기로 넘어 가면 안 되는 상황이라면마우스를 자동으로 움직여 주는 Mousr Jiggler 프로그램🎯 Mouse Jiggler 사용Github에서 Mouse Jiggler 다운로드마우스 커서가 움직이는 Mouse Jiggler 프로그램 실행Mouse Jiggler 사용⚙️ Mouse Jiggler 설치Github ▶ "Mouse Jiggler" 다운로드 https://github.com/arkane-systems/mousejiggler GitHub - arkane-systems/mousejiggler: Mouse Jiggler is a very simple piece of software whose sole function is to "fake" mouse .. 2024. 8. 8.
[JSON] JSON URL - JSON 샘플 더미 데이터 사이트 데이터가 없을 때 json으로 더미 데이터 만들어야할 때 Json으로 더미 데이터 만들어 주는 사이트https://microsoftedge.github.io/Demos/json-dummy-data JSON dummy dataWeb pages and apps used to demo various DevTools, PWA, WebView, Extensions, and Web Platform features of Microsoft Edgemicrosoftedge.github.io https://jsonplaceholder.typicode.com JSONPlaceholder - Free Fake REST API{JSON} Placeholder Free fake and reliable API for testing.. 2024. 8. 7.
[TypeScript] 콜백 함수 활용 함수 - forEach(), map(), filter() 콜백 함수자바스크립트는 함수도 하나의 자료형이기 때문에 매개변수로 함수를 전달할 수 있다. 이렇게 매개변수로 전달하는 함수를 콜백(callback) 함수라고 말한다.그리고 동시에 제어권도 함께 전달하는 함수이다. 콜백 함수를 위임받은 코드는 자체적인 내부 로직에 의해서 이 콜백 함수를 적절한 시점에 실행한다.콜백 함수를 활용하는 함수자바스크립트가 기본적으로 제공하는 함수 중에서도 콜백 함수를 활용하는 함수가 많다. 어떠한 형태로 콜백 함수를 활용하는지 알아보자.forEach()map()filter()📌 제어권 - 매개변수위의 메소드들의 공통점은 콜백 함수가 매개변수로 value, index 를 사용한다는 것. 콜백 함수를 위임 받은 각 함수(forEach, map, filter)는 콜백 함수의 매개변수.. 2024. 8. 7.
[TypeScript] 비동기 처리 방식 - Callback Function, Promise, Async, Await, Fetch 🏷️ 요약구분동기(Synchronous)비동기(Asynchronous)특징- 한 번에 하나의 작업을 수행- 한 작업이 실행되는 동안   다른 작업은 멈춘 상태로 유지하고,   자신의 차례를 기다림- 어떠한 요청을 보내면   그 요청이 끝날 때까지 기다리는 것이 아닌,   응답에 관계없이 바로 다음 동작이 실행- 흐름이 멈추지 않아서   동시에 여러 가지 작업을 처리할 수 있음  기다리는 과정에서 다른 함수도 호출 가능 ⏰ 타이머 API특정 시간마다 또는 특정 시간 이후에 콜백 함수를 호출할 수 있는 함수들을 타이머(timer) 함수라고 한다. 이 함수들을 이용해서 시간과 관련된 처리를 할 수 있게 된다.함수 종류특징setInterval(함수, 시간)시간 간격마다 함수 반복 실행setTimeout(함수,.. 2024. 8. 7.
728x90
반응형

티스토리툴바