Node.js 설치 및 사용

Node.js 설치 및 사용

Node.js란?Node.js는 서버 측 애플리케이션 개발을 위한 오픈 소스 자바스크립트 런타임 환경입니다.구글 V8 JavaScript 엔진을 기반으로 하며, 빠르고 확장 가능한 네트워크 애플리케이션을 구축하기 위해 설계되었습니다.Node.js는 이벤트 기반, 비동기 I/O 모델을 채택하여 높은 성능과 효율성을 제공합니다.  특징비동기 및 이벤트 기반 아키텍처Node.js는 이벤트 루프를 통해 비동기 I/O 작업을 처리하므로, 작업이 완료될 때까지 기다리지 않고 다른 작업을 계속 진행할 수 있습니다.이를 통해 대규모 트래픽을 처리하거나 고성능 애플리케이션을 개발하는 데 적합합니다.단일 스레드 모델Node.js는 단일 스레드에서 실행되지만, 비동기 작업 처리와 이벤트 루프를 통해 많은 요청을 동시에 처리..

  • format_list_bulleted 💬 LANGUAGES/Javascript
  • · 2024. 11. 19.
  • textsms

색상 코드 뽑아주는 프로그램 추천 - Just Color Picker

색상 코드 뽑아주는 프로그램 추천 - Just Color Picker HTML을 꾸미다 보면 화면에서 원하는 색상코드를 추출하는 작업이 필요할 때가 있다. 이미지와 배경색을 맞추다던지.... 절대색감(?)을 가진 분들은 척 보고 ' dk, 이 녀석의 색상코드는 #AC758F. ' 하겠지만 나는 아직 그런 경지에 오르려면 한참 모자라기 때문에,,, 프로그램의 힘을 빌렸다. 다운로드 사이트 https://annystudio.com/software/colorpicker/ 🖍 우선 "무료" 라는 점이 중요... 그리고 UI가 깔끔하고 내가 필요한 부분에 대해선 굉장히 직관적이었다. 링크에 들어가서 Download를 누르면 아래와 같은 항목으로 이동하는데, 자신의 사양에 맞는 버전을 다운 받아서 사..

  • format_list_bulleted 📂 이것저것/Useful_story
  • · 2022. 7. 31.
  • textsms

[HTML/CSS] :: selection 글자 선택 했을 때 효과 주기

[HTML/CSS] :: selection 글자 선택 했을 때 효과 주기 1. :: selection :: selection은 텍스트 클릭이나 드래그 처럼 사용자가 하이라이팅을 할때 스타일을 적용하는 CSS 의사요소이다. 관련 이전글 [CSS] 의사 요소 pseudo-element 코드 이 문장을 드래그 해보시면 빨간 글자에 노란 바탕이 보입니다. 결과 이 문장을 드래그 해보시면 빨간 글자에 노란 바탕이 보입니다. 2. 허용된 properties color background-color text-decoration와 이것과 연관된 properties text-shadow stroke-color, fill-color and stroke-width * 근데 난 text-decoration에서 underlin..

  • format_list_bulleted 💬 LANGUAGES/HTML . CSS
  • · 2022. 7. 31.
  • textsms

[HTML/CSS] 의사 요소 pseudo-element

[CSS] 의사 요소 pseudo-element CSS 의사 요소(pseudo-element 가상요소)는 선택자에 추가하는 키워드로, 선택한 요소의 일부분에만 스타일을 입힐 수 있다 1. 문법 selector::pseudo-element { property: value; } 하나의 selector에 하나의 pseudo-element를 사용할 수 있다 반드시 단순 selector 뒤에 위치해야 한다 단일 콜론(:)이 아닌 이중 콜론(::)을 사용해 의사 클래스(pseudo-class)와 의사요소를 구별 한다. 그러나 과거 W3C 명세에서는 이런 구별을 두지 않았기 때문에 대부분의 브라우저는 기존 의사요소에 대해 두 구문 모두 지원한다. 2. 목록 ::after (:after) ::backdrop ::bef..

  • format_list_bulleted 💬 LANGUAGES/HTML . CSS
  • · 2022. 7. 29.
  • textsms

[HTML] form 요소 onsubmit = "return false";

[HTML] form 요소 onsubmit = "return false"; HTML에서 form요소는 자동으로 submit을 자동으로 바인딩 해서 실행하는 기능을 갖고 있다. 때문에 자동으로 submit 되는 것을 막지 않으면 별도의 이벤트를 거는 것과 상관 없이 폼 자체적으로 한번 더 submit을 하게 된다 나는 goSubmit()을 통해 서비스를 정상 처리 한 후 location.href=url로 리다이렉트 처리를 하려고 했는데 해당 함수를 두 번 이상 타게 되니 현재 페이지가 다시 불러와지는 문제가 있었다. 문제가 됐던 코드👇 현재 form 요소 안에 submit 타입의 button요소가 들어있고, button은 onclick 으로 goSubmit() 함수가 바인딩되어있다. 여기서 goSubmit..

  • format_list_bulleted 💬 LANGUAGES/HTML . CSS
  • · 2022. 7. 28.
  • textsms

[HTML] input='file' 파일 확장자 제한하기

input='file' 파일 확장자 제한하기 accept 속성 사용 .xls : accept="application/vnd.ms-excel" .xlsx : accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" .txt : accept="text/plain" .png / .jpg / etc : accept="image/*" .htm / .html : accept="text/html" .avi / .mpg / .mpeg / .mp4 : accept="video/*" .mp3 / .wav /etc : accept="audio/*" .pdf : accept=".pdf" 🔗 그 외 미디어 타입 *** 문제점! *** 형식을 수정할 수..

  • format_list_bulleted 💬 LANGUAGES/HTML . CSS
  • · 2022. 7. 5.
  • textsms
728x90