본문 바로가기

전체 글162

29. 자바스크립트 고급 정리3(node.js) 1. 버퍼(buffer)메모리에 저장되는 일부 공간바이트 단위로 저장되며 integer 형태의 배열2. 스트림(Stream)데이터의 흐름을 나타내며 데이터를 읽는 스트림, 데이터를 쓰는 스트림, 데이터를 읽고 스는 스트림 등이 있음일반적으로 데이터를 효율적으로 처리하고 메모리 사용량을 최적화하기 위해 사용3. Pipie스트림을 연결하고 데이터를 한 스트림에서 다른 스트림으로 자동으로 전달하는 메서드, 데이터를 효율적으로 처리하고 복사하지 않고도 한 스트림에서 다른 스트림으로 데이터를 전달할 수 있음4. http 모듈웹 서버와 클라이언트를 만들고 관리하는 데 사용되는 핵심 모듈HTTP 서버를 만들거나 HTTP 클라이언트 요청을 만들 수 있음5. package.jsonpackage.json 기본값으로 생성하.. 2024. 4. 24.
28. 자바스크립트 다양한 출력들6 1. timeout.js/*//동기식function func1(){ for(let i = 0; i { console.log('2번문장 실행!') }, 3000); console.log('3번문장 실행!')}timeout();*//* 문제 주어진 초가 지나면 callback 함수를 호출하는 함수를 작성해보자. (단, 주어진 초가 0보다 작으면 에러를 발생. callback 함수가 없으면 에러를 발생함); * 작성할 함수 function run(callback, seconds){ } * 에러를 발생하는 문장 throw new Error(메세지);*/function run(callback, seconds){ if(!callback){.. 2024. 4. 23.
27. 자바스크립트 고급 정리2(node.js) 1. 프로미스(Promise)비동기(특정작업이 완료될 때까지 기다리지 않고 다른 작업을 수행할 수 있음) 작업을 다루는 객체 프로미스의 상태대기: 비동기 작업이 아직 수행되지 않은 상태이행: 비동기 작업이 성공적으로 완료된 상태. resolve() 호출거부: 비동기 작업이 실패한 상태. reject() 호출const myPromise = new Promise((resolve, reject) => { // 비동기 작업 수행 // 작업이 성공하면 resolve() 호출 // 작업이 실패하면 reject() 호출 });myPromise .then((result) => { // 성공했을 때의 처리 }) .catch((error) => { // 실패했을 때.. 2024. 4. 23.
26. 자바스크립트 다양한 출력들5 1. nodejs.js console.log('안녕하세요. node.js 입니다')2. function.jsfunction sum(num1, num2){ console.log('sum() 호출'); return num1 + num2;}const result = sum(10, 3);console.log(result);console.log('-------------------')// 함수의 메모리 주소 전달하는 방법const add = sum;console.log(sum(10,3));console.log(add(10,3));console.log('-------------------')// 함수의 작성팁// 조건식이 있을 때 조건을 만족하지 않은 경우를 함수 도입부분에서 모두 처리 후 함수를 미리 .. 2024. 4. 18.
25. 자바스크립트 고급 정리1(node.js) 1. node.jsnode.js는 JavaScript 런타임 환경으로 서버 애플리케이션을 개발하는데 주로 사용됨설치 주소: https://nodejs.org/en/ Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 2. 이터레이터(Iterator) next() 메서드를 구현하는 객체next() 메서드는 현재 요소를 반환하고 다음 요소로 이동이터레이터는 이터러블 객체의 요소를 반복하는데 사용 3. 이터레벌(iterable)이터러블은 [Symbol.Iterator] 메서드를 구현하는 객체[Symbol.Iterator] 메서드는 이터레이터를 반환하는 .. 2024. 4. 18.
24. 자바스크립트 다양한 출력들4 1. 회원가입 기능 window.onload = function(){ const ssn1 = document.getElementById('ssn1'); ssn1.addEventListener('keyup', () => { if(ssn1.value.length >= 6){ document.getElementById('ssn2').focus(); } }); const ssn = document.querySelectorAll('.ssn'); ssn.forEach((s) => { // console.log(s); s.addEventListener('input', () => { document.ge.. 2024. 4. 18.

티스토리툴바