본문 바로가기

Front-End: Web/JavaScript

 (97)
[js] parseInt vs plus(+) 공통점 문자열 숫자를 정수 숫자로 만들어준다. (string -> int) 숫자로 이뤄지지 않은 문자열이라면 NaN을 반환한다. 차이점 parseInt('') ➡️ NaN +'' ➡️ 0 https://stackoverflow.com/questions/17106681/parseint-vs-unary-plus-when-to-use-which parseInt vs unary plus, when to use which? What are the differences between this line: var a = parseInt("1", 10); // a === 1 and this line var a = +"1"; // a === 1 This jsperf test shows that the unary opera..
[js] Math - ceil, floor, round (+ trunc) 소수점 고려 1) ceil 반환: 올림한 값 천장! 2) floor 반환: 내림한 값 바닥! 3) round 반환: 반올림한 값 그 중간! 공통점 null 넣으면 0 반환함 숫자 아닌 값 넣으면 Nan 반환함 소수점 고려X trunc 반환: 소수점 버리고 숫자의 정수부분만 위의 셋과 달리 소수점과 상관없이 단순하게 동작함 https://stackabuse.com/rounding-numbers-in-javascript-using-ceil-floor-and-round/ Rounding Numbers in JavaScript using ceil(), floor() and round() In this guide, we'll take a look at how to round a number to an intege..
[js] 문자열.repeat() 안에 정수가 아닌 수를 넣으면? 자동으로 정수로 변환되어 들어간다. 그래서 parseInt(3.5)를 할 필요 없이, 바로 (3.5)를 넣으면 3으로 인식되어 문자열이 3번 반복된다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/repeat String.prototype.repeat() - JavaScript | MDN repeat() 메서드는 문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열을 반환합니다. developer.mozilla.org
[js] 문자열 자르기 (slice, splice, split, substring, substr) 배열 slice (시작 인덱스, 종료 인덱스?) 기존 배열: 그대로 반환: 잘려진 배열 splice (시작 인덱스, 삭제 개수?, 추가할 문자?) 기존 배열에 반영됨 반환: 잘려진 배열 문자열 split (정규식 | 구분문자, 제한?) 기존 string 유지 반환: 구분문자를 기준으로 잘라서 만들어진 배열 substring (시작 인덱스, 종료 인덱스) 기존 string 유지 반환: 시작 인덱스 ~ 종료 인덱스-1 까지 자른 문자열 substr (시작인덱스, 길이) 기존 string 유지 반환: 시작 인덱스부터 길이를 자른 문자열 https://charlie-choi.tistory.com/98 slice(), splice(), split(), subString(), substr() JavaScript A..
[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..
반응형

티스토리툴바