본문 바로가기

JavaScript4

Node.js 설치하기 1. 브라우저에서 nodejs download 검색 2. 검색된 정보 중 가장 상위에 있는 다운로드 | Node.js 선택 3. LTS 탭 선택 - LTS(Long Term Support) : 장기적으로 지원되는 버전이며, 버그 및 오류에 대한 패치 버전을 지원 - 2023년 01월 19일 기준 LTS 버전은 18.13.0 - 현재 버전 : 가장 최신 버전의 Node.js를 다운받을 수 있지만 가장 안정적인 LTS 버전을 다운로드 받기 4. 현재 사용중인 PC의 운영체제에 맞게 설치 파일 다운로드 5. 다운로드 된 파일을 실행하여 Node.js 설치하기 6. Node.js를 설치하기 위해 Next 버튼 클릭 7. Node.js의 라이선스에 대한 동의 체크박스 선택 8. Node.js를 설치하기 위해 Ne.. 2023. 1. 19.
Node.js란? Node.js란? Node.js는 Chrome(구글의 브라우저)에 도입된 V8 엔진을 기반으로 만들어진 Javascript Runtime 환경이에요. Node.js의 공식 홈페이지를 기반으로 Node.js에 대해 소개를 하자면 1. 확장성 있는 네트워크 애플리케이션을 만들 수 있도록 설계가 되어 있어요. - Node.js에서 I/O를 직접 수행하는 함수는 거의 없어요. - 그렇기 때문에 프로세스는 결과가 오기 전까지 블로킹되지 않아요. - Non-blocking 방식이 때문에 확장성 있는 시스템을 개발할 수 있어요. 2. Node.js는 라이브러리가 아닌 런타임 생성자로 이벤트 루프를 제공해줘요. - 보통 스크립트 시작 부분에서 콜백을 통해 동작을 정의해요. - 그리고 마지막에 블로킹을 호출해 서버를 실.. 2023. 1. 17.
Calculator(CSS+Script) c / * 7 8 9 - 4 5 6 + 3 2 1 0 00 . = 출처 : Youtube > Online Tutorials 채널 * { margin: 0px; padding: 0px; box-sizing: border-box; font-family: 'Poppins', sans-serif; } .body{ display: flex; justify-content: center; align-items: center; min-height: 100vh; background: #091921; } .calculator{ position: relative; display: grid; } .calculator .value{ grid-column: span 4; height: 100px; text-align: right.. 2020. 3. 17.
Clock(CSS+Script) 출처 : Youtube > Online Tutorials 채널 * { margin: 0; padding: 0; box-sizing: border-box; } .clock-display { display: flex; justify-content: center; align-items: center; min-height: 100vh; background: #091921; } .clock { width: 350px; height: 350px; display: flex; justify-content: center; align-items: center; background: url('https://k.kakaocdn.net/dn/bmbaGK/btqCGRfo808/dAlVtVwx5KjNGJBuHktRX0/img.pn.. 2020. 3. 15.