본문 바로가기

Front-End: Web

 (163)
[작성중]자바스크립트 Array의 모든 메서드를 알아보자! 보호되어 있는 글입니다.
require() / exports / module.exports 1. require()과 module.exports, exports require + module.exports/exports require()함수는 module.exports를 리턴한다. // foo.js const a = 10; exports.a = a; //bar.js const foo = require('./foo.js'); console.log(foo.a); exports와 module.exports의 차이 exports는 단순히 짧은 alias일 뿐, module.exports를 참조할 뿐이다. ❗ 하지만 동일하다고 생각하면 안된다! 아래를 잘 읽어보자. 2. module.exports와 exports 동일한 코드 정석 코드 module.exports.foo = "bar" 더 짧게 쓰기 (mo..
js class 보호되어 있는 글입니다.
for in & for of 1. forEach 배열 객체에서만 가능한 메서드. 각 인덱스의 값에 차례대로 접근할 수 있다. 2. for ... in 인덱스를 가져온다. 3. for .... of 인덱스에 있는 속성 값을 가져온다. ➡ 예시 let user_array = ['홍길동', '김삿갓', '변사또']; let user_object = {'a':'1234','b':'5678','c':'91011'}; /* array */ user_array.forEach((i) => console.log(i); ); // 홍길동 // 김삿갓 // 변사또 for (let i of user_array) console.log(i); // 0 // 1 // 2 for (let i in user_array) console.log(i); // 홍길동 ..
정규표현식 1. 정규표현식이란? 문자를 찾아내는 도구 영어로는 regular expression. 문자열에서 특정 문자를 찾아내는 도구로, 이를 이용하면 수십줄이 필요한 작업을 단 한 줄로 끝낼 수 있다. 사용하는 언어 자바스크립트 뿐만 아니라 수 많은 언어들이 정규표현식을 사용하고 있다. 어떻게 공부할까? 정규표현식은 하나의 언어이다. 따라서 정규표현식의 모든 것을 완벽하게 알 수는 없다. 해당 글에서는 자바스크립트에서 어떻게 사용하는지 알아볼 것이므로 정규표현식 자체에 대한 수업은 https://opentutorials.org/course/909/5142 여기서 익힐 수 있다. 2. 정규표현식 생성하기 정규표현식을 사용할 때에는 컴파일과 실행, 두 가지 단계를 거친다. 2-1. 컴파일 컴파일은 검출하고자하는 패..
API란? (+ UI) 1. API란? Application Programming Interface. 프로그램이 동작하는 환경을 제어하기 위해 환경에서 제공되는 조작 장치이다. 이는 프로그래밍 언어를 통해 조작할 수 있다. 2. UI와 API의 차이점 둘 다 인터페이스라는 점은 동일하다. 그럼 둘의 차이점에 대해 살펴보자. UI 컴퓨터 시스템과 컴퓨터를 사용하는 사람 사이의 접점에 존재하면서, 사람이 생각하는 바를 컴퓨터에게 전달하는 입력 장치들 혹은 시스템의 상태를 사용자에게 알려주는 출력 장치들에 해당되는 그 접점, 중계자에 해당되는 것을 User Interface라고 한다. 즉 사용자를 대면하는 접점이 되는 지점을 포괄적으로 일컫는다. 웹 사이트에 접속하면 메뉴, 댓글기능, 게시판 등 많은 기능들이 있다. 이들도 UI이다..
라이브러리(Library) 라이브러리 1. 라이브러리란? 라이브러리는 모듈과 비슷한 개념이다. 모듈이 프로그램을 구성하는 작은 부품으로서 로직을 의미한다면, 라이브러리는 자주 사용되는 로직을 재사용하기 편리하도록 잘 정리한 일련의 코드들의 집합이다. 두 개념은 크게 다르진 않다. 이미 누군가 만들어 놓은 좋은 라이브러리들이 많으므로, 좋은 라이브러리를 선택하고 잘 사용하는 것도 프로그래밍에서 중요하다. 예제 현재 가장 유명한 라이브러리로 jQuery가 있다. jQuery를 사용하기 위해선 두 가지를 해야 한다. ▪ 첫 번째로 jQuery 로직을 사용하기 위해서 jQuery 자바스크립트 파일을 우리의 웹페이지로 가져오는 것이다. 이는 jQuery 웹 페이지에 접속하여 'Download jQuery'를 하면 된다. ▪ 또 하나는 AP..
모듈(Module) 모듈 프로그램은 작고 단순한 것에서부터 크고 복잡한 것으로 진화한다. 그 과정에서 코드의 재활용성을 높이고, 유지보수를 쉽게할 수 있는 다양한 기법들이 있는데, 그 중 하나가 코드를 여러 개의 파일로 분리하는 것이다. 이것을 모듈화라고 한다. 이의 효과는 다음과 같다. 자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용할 수 있다. 코드를 개선하면 이를 사용하고 있는 모든 애플리케이션의 동작이 개선된다. 코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다. 필요한 로직만을 로드해서 메모리의 낭비를 줄일 수 있다. 한번 다운로드된 모듈은 웹브라우저에 의해서 저장되기 때문에 동일한 로직을 로드 할 때 시간과 네트워크 트래픽을 절약할 수 있다. (브라우저에서만 해당) 한 번 다운 받은 것은 브라..
반응형

티스토리툴바