본문 바로가기

Javascript17

버퍼와 스트림 이해하기 Buffer(버퍼를 직접 다룰 수 있는 클래스) 클래스의 메서드 종류 from(문자열): 문자열을 버퍼로 바꿀 수 있다. toString(버퍼): 버퍼를 다시 문자열로 바꿀 수 있다. concat(배열): 배열 안에 든 버퍼들을 하나로 합칩니다. alloc(바이트): 빈 버퍼를 생성 ※ readFile()방식의 버퍼가 편리하기는 하지만 문제점 존재한다. 문제점: 용량이 100MB인 파일을 읽을 때 100MB의 버퍼를 만들어야 된다.(너무 많은 메모리를 잡아먹음) 또한 모든 내용을 버퍼에 다 쓴후에 다음 동작으로 넘어가므로 읽기, 압축, 쓰기 등의 조작을 연달아 할 때 매번 전체 용량을 버퍼로 처리해야 다음 단계로 넘어갈 수 있다. 스트림: 버퍼의 크기를 작게 만들어 여러 번에 나눠서 보내는 방식 예시) .. 2019. 10. 17.
파일 시스템 접근하기 fs 모듈의 사용 방법 ...더보기 //파일명: readme.txt HelloHello //파일명: reaedFile.js const fs = require('fs'); fs.raedFile('./readme.txt', (err, data) => { if(err){ throw err; } console.log(data); console.log(data.toString()); }); 명령어: node readFile 결과: HelloHello readFile의 결과물은 Buffer 형식으로 제공된다. (data - Buffer형식) 따라서 toString을 사용하여 문자열로 변환해야지 읽을 수가 있다. //파일명: writeFile.js const fs = require ('fs'); fs.writeFil.. 2019. 10. 10.
모듈 만들기 만드는 방법 //파일명: var.js const odd = '홀수입니다'; const even = '짝수입니다'; module.exports = { odd, even, }; module.export에 값을 넣으므로써 모듈로써 활용 가능하다. 다른 모듈에서 변수 odd와 even 사용가능! //파일명: func.js const {odd, even} = require('./var'); function checkOddOrEven(num){ if(num%2){ return odd; } return even; } module.exports = checkOddOrEven; require함수 안에 불러올 모듈의 경로를 넣어주면(위의 경우에는 같은 폴더안에 있는 경우) 임포트한 모듈에서 module.export에 넣어.. 2019. 10. 10.
Front end Javascript AJAX(Asynchronous Javascript And XML) 비동기적 웹 서비스를 개발하기 위한 기법 쉽게 말해서 페이지 이동 없이 서버에 요청을 보내고 응답을 받는 기술 AJAX 요청은 보통 jQuery나 axios 같은 라이브러리를 이용 밑에 코드는 자바스크립트가 기본으로 제공하는 방식으로 요청하는 방법이다. 프론트엔드에는 ES2015+ 코드를 사용할 수 없는 경우(IE)가 있으므로 ES5 사용 onreadystatechange 대신 onload와 onerror로 성공과 실패인 경우를 구별할 수 있다. //서버로 데이터(JSON으로)를 같이 보내는 POST 요청의 경우 위 코드에서 3가지를 추가하면 된다. //#1 var data={ name: 'kwon', birth: 1995, }; //#.. 2019. 10. 4.
알아두어야 할 Javascript Javascript에서 변수 선언할 때 쓰였던 var는 이제 const 와 let으로 대체 되었다. var과 const, let의 차이점 var은 함수 스코프를 가지고 const와 let은 블록 스코프를 사용한다. 블록의 범위는 if, while, for, function 등의 중괄호이다. 따라서 블록 범위 밖에서는 사용할 수 없다. const와 let의 차이점 const는 한 번 대입하면 다른 값을 대입할할 수 없습니다.(초기화 시 값을 대입하지 않으면 에러 발생) let은 초기화 했던 변수에 다른 값을 대입해야하는 경우에 사용 큰, 작은따옴표로 감싸는 기존 문자열과는 다르게 백틱으로 감싸는 새로운 문자열이 생겼다. ex) `${var1} 더하기 ${var2}는 '${result2}'`; //1 더하기.. 2019. 10. 3.