본문 바로가기

반응형

javascript

Callback 함수에 대해서 깔끔하게 정리하기 Callback 함수란? Callback 함수는 자바스크립트에서 중요한 개념 중 하나입니다. 이는 다른 함수에게 전달되어 실행이 완료된 후 호출되는 함수입니다. 예를 들어, setTimeout() 함수를 사용할 때 콜백 함수를 인자로 전달하여 일정 시간이 지난 후에 실행될 코드를 정의할 수 있습니다. function callbackExample(callback) { console.log("함수 내부 동작"); callback(); // 콜백 함수 호출 } function myCallback() { console.log("콜백 함수 실행"); } callbackExample(myCallback); 위의 예시에서 callbackExample 함수는 myCallback을 인자로 받아 실행된 후, callbac.. 더보기
Cannot find module express 에러가 발생하는 이유? 제목 : Cannot find module express 에러가 발생하는 이유? Node.js 와 Express 란? 우선 Node.js 에 대해서 간단하게 말씀드리면요~ Node.js는 JavaScript를 사용하여 서버 측 애플리케이션을 작성할 수 있는 런타임 환경입니다. Express는 Node.js를 기반으로한 웹 프레임워크로, Node.js의 기본 기능에 더해 HTTP 요청과 응답을 처리하는 라우팅, 미들웨어, 템플릿 엔진 등의 기능을 제공합니다. Express는 라우팅을 통해 URL 경로에 따라 적절한 핸들러 함수를 호출하고, 미들웨어를 통해 요청과 응답을 가공하거나 필터링할 수 있습니다. 또한, 다양한 템플릿 엔진을 지원하여 HTML을 동적으로 생성할 수 있습니다. Express는 또한 다른.. 더보기
Node.js에서 ERR_OSSL_EVP_UNSUPPORTED 오류 해결 방법 문제발생내용에 대해서 간단하게 공유해 보자면요.. create-react-app 으로 작성한 프로젝트를 실행하고 했으나... 아래와 같이 react-scripts build 할때 에러가 남.. Creating an optimized production build... Error: error:digital envelope routines::unsupported opensslErrorStack... library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' 처음보고 이게 모지? 라는 생각을 했고요... 요즘 핫이슈인 챗GPT와 구글링을 조합해보니....해결책이 나오더라고요... 역시 이세상에 문제는 .. 더보기
코드골핑팁! JavaScript 코드 Minify 하는 법 (getbutterfly.com) 코드골핑팁! JavaScript 코드 Minify 하는 법을 소개합니다. 웹페이지에서는 아래와 같이 골핑에 대해서 소개하고 있고요.. What is JavaScript Golfing? JavaScript golfing is the process of writing the smallest amount of JavaScript code to do something awesome. It tests your ability to reduce, reuse, and recycle for the purpose of achieving the tiniest footprint possible. 간단하게 골핑에 대해서 설명드리자면.. 코드의 경량화로 불필요한 공백, 변수명 등이 삭제 및 치환해준다라고 머릿속에 넣어두시면 됩니.. 더보기
Logto - 오픈소스 사용자 아이덴티티 솔루션 (github.com/logto-io) Logto - 오픈소스 사용자 아이덴티티 솔루션을 소개합니다. 해당 Logto 는 프런트엔드-백엔드 ID 솔루션이고요.. end-users 를 위한 즐거운 로그인 경험과 OIDC 기반 identity 서비스입니다. 그리고 앱을 Logto와 빠르게 통합할 수 있는 다중 플랫폼 SDK이고요.. 이전에 코딩하는 데 필요한 많은 항목에 대한 즉시 사용 가능한 기술 및 UI 지원한다고 하네요.. 사용자 인터페이스를 사용자 정의한 다음 변경 사항을 실시간으로 미리 볼 수 있는 중앙 집중식이라고 하고요..| 여러 플랫폼(GitHub, Google, WeChat, Alipay 등)을 위한 소셜 로그인. 동적 암호 로그인(SMS 또는 이메일을 통해). 완전히 오픈 소스이며 사용하는 데 ID 지식이 필요하지 않습니다. 매.. 더보기
rain.js - Javascript로 작성된 GPU 가속 뉴럴 네트워크 rain.js - Javascript로 작성된 GPU 가속 뉴럴 네트워크를 소개합니다. 홈페이지에서는 아래와 같이 소개하고 있고요.. GPU accelerated Neural networks in JavaScript for Browsers and Node.js 한마디로 간단하게 말씀드리면.. Javascript로 작성된 GPU 가속 뉴럴 네트워크라고 머릿속에 넣어두시면 됩니다. 그리고, rain.js 관련 간단하게 특징을 소개하자면 아래와 같습니다. - 브라우저와 Node.js 에서 쉽고 빠르고 편하게 사용 가능 - GPU.js 를 이용하여 GPU 활용 및 GPU 사용 불가능할 때 자바스크립트 폴백도 지원 - 여러 신경망 지원 : RNN, LSTM, GRU,.. - 네이티브 모듈인 headless-gl .. 더보기
encodeURI()와 encodeURIComponent() 차이점 깔끔하게 정리하기 블로그 목적 Javascript 관련 인코딩할때 사용하는 encodeURI()와 encodeURIComponent() 차이점에 대해서 공부및 정리후 나만의 노하우와 지식을 공유한다. 블로그 요약 간단한 예시를 들어, encodeURI()와 encodeURIComponent() 가 동일한 결과를 내놓을 경우와 다른 결과를 내놓을경우를 비교 해본다. 블로그 상세내용 우선, encodeURI()와 encodeURIComponent() 차이점을 간단하게 정리해볼까요? 우선, 해당 내용을 정리하기전에.... (간단한 용어 정리부터 들어가 보자!!) - 인코딩 : 네트워크에서도 사용할 수 있게 문자를 코드(ASCII,유니코드 등)로 변환하는 것을 우리는 인코딩, 인코드 하다라고 부른다. 본격적으로 인코드할때 사용하.. 더보기
Deprank - PageRank를 이용하여 가장 중요한 코드 찾기 Deprank - PageRank를 이용하여 가장 중요한 코드 찾기 를 소개합니다. Deprank uses the PageRank algorithm to find the most important files in your JavaScript or TypeScript codebase. 한마디로, 구글의 PageRank 알고리듬을 사용하여 JavaScript/TypeScript 코드에서 가장 중요한 파일을 찾아내는 오픈소스 라고 머릿속에 넣어두시면 되고요.. PageRank (PR) is an algorithm used by Google Search to rank web pages in their search engine results. 다시말해서, 페이지랭크(PageRank)는 월드 와이드 웹과 같은 하이.. 더보기

반응형