본문 바로가기

Front-End: Web/JavaScript

 (85)
[apple-js] Part 1: 1. OT 뭘 배우는가 this, prototype, class, constructor, ... 어렵고 불편한 문법들이 지금과는 맞지 않은 것들이 많다. 자바스크립트의 최신 문법을 배워볼 것임. JavaScript ES6(신버전) + 객체 지향 2009: ES5 출시 2015: ES6 출시 (대규모 레볼루션 업데이트) 2016: ES7 출시 필요한 사전지식 var function if for forEach eventListener Array Object Array, Object를 만들고 내부 자료를 수정할 줄 안다 위들을 다른 언어에서 다뤄봤다 강의가 필요한 이유 1. 어려운 용어 사용 "객체, 인스턴스, 생성자, ... 등 어려운 프로그래밍 용어로 설명하니까 못 알아듣겠어요!" (이미 OOP 경험이 있..
[JS] undefined와 null의 차이점은? 계기 코드 리뷰 시간을 가지다가 'undefined와 null의 차이점은 아시죠?'를 질문 받았을 때 순간 멈칫했다. 생각해보니까 이때까지 둘의 차이점을 모르고 그냥 둘이 비슷하다고 생각만 하고 제대로 둘이 어떻게 다른지 모른 채 둘을 짬뽕하여 코드를 작성해왔었다는 것을 깨달았다.. 이번에 둘의 차이점을 공부하면서 앞으로 기초적인 것도 탄탄히 공부하여 좋은 개발자가 될 수 있도록 꼼꼼하게 공부하여야 겠다. undefined vs null 우선 두 타입은 모두 '값이 없음'을 나타낸다. 두 타입이 어떻게 다른지 알아보자. 1. undefined Type 값이 할당되지 않은 변수 기본적으로 값이 할당되지 않은 변수는 undefined 타입을 가진다. undefined 타입의 값은 'undefined' und..
[작성중]자바스크립트 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이다..
반응형

티스토리툴바