There are 8 posts that match #javascript.

2020-01-31

이슈 별도의 번들링 없이 을 사용해 할때 확장자를 쓰지 않으면 에러가 발생한다. 평소 환경에서 번들링을 통해 을 사용할 때는 확장자 없이 를 했기에 문제가 있다고 생각했다. 코드 샘플 html js 에러 화면 Imgur 해결 확장자를 예측하고 붙여주는 일은 사실 모듈 번들러의 일이었다. 브라우저는 상대경로를 통해() 절대 경로를 만들기는 하지만, …

javascript

JS split 적용시 구분자도 결과에 포함시키기

2019-11-10

들어가며 SNS 서비스를 만드는 중, 게시글 콘텐츠에 가 있을 경우 해당 해쉬태그를 링크로 만들어야 했다. 그렇게 문자열에서 해쉬태그를 추출해야 하는 미션을 얻게 되어 해당 블로그를 작성하게 되었다. 이 글에서는 메소드를 사용할 때 인자로 전달되는 구분자를 결과에 포함시키는 방법에 대해 다룬다. 미션 문자열에서 로 된 해쉬태그를 추출하여 링크로 변환…

javascript

Array.apply(null, Array(n))

2019-09-09

TLDR 은 는 3 이지만 비어있는 배열을 리턴한다. 해당 리턴값은 비어있기 때문에 배열이 가진 메소드를 사용할 수 없다. (iterable 하지 않다.) 에서 apply 메소드는 두번째 인자로 배열을 받고, 해당 배열을 spread 하여 실행한다. 결국 각 인덱스의 값이 인 길이 3의 배열이 만들어진다. Array(3) 길이 값만 존재하는 빈배…

javascript

Array.prototype.splice()

2019-09-02

들어가며 메서드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경한다 문법 배열의 변경을 시작할 인덱스다. 배열의 길이보다 큰 값이라면 실제 시작 인덱스는 배열의 길이로 설정된다(array.length). 음수인 경우 배열의 끝에서부터 요소를 센다. (원점 -1, 즉 -n이면 요소 끝의 n번째 요소를 가리키며 번째 인덱…

javascript

String.prototype.replace()

2019-07-30

들어가며 알고리즘 풀때 메소드를 가끔 써봤다. 이번에 vanila JS로 검색 자동완성 라이브러리 만들 때, 자동완성 문자열 중 쿼리 부분을 으로 감싸기 위해 replace를 적극적으로 사용할 일이 있어 다시 공부하게 되었다. 공부하며 알게 된 점을 정리했다. String.prototype.replace() 는 뭐하는 메소드인가? replace() 메…

javascript

Custom Promise 구현으로 프로미스 파혜치기

2019-06-30

js-custom-promise TLDR; 이 글을 통해 프로미스 패턴의 동작 원리와 순서에 대해 이해할 수 있다. 프로미스를 만들며 this, closer, arrow function, bind 개념에 대해 이해할 수 있다. 프로미스를 말하면서 마이크로 테스크 큐를 빼놓을 수 없지만 프로미스의 동작에 보다 집중하기 위해 여기에서 다루지 않았다. 전체 코…

javascript

JS comma operator(쉼표 연산자)

2019-05-24

들어가며 Code Signal의 BoxBlur 라는 문제를 풀었다. 문제는 아래와 같다. image 코드 시그널은 문제를 풀고 난 뒤 다른 사람의 코드를 볼 수 있다. 코드는 따봉(추천)을 많이 받은순으로 나열되고, 따봉을 많이 받은 코드는 좋은 풀이(?)라는 간접적 증거이기에 나는 그 코드를 참고해서 풀이의 의도를 훔치려는 노력을 한다. 보통은 끙끙대도…

javascript

JS Object destructuring

2019-05-24

들어가며 destructing assignment 가 ES6 에 추가되었다는데.. JS를 시작한지 얼마안된 사람들은 도대체 그 기능을 어디다 써야 하는지 알수가 없다. 사실 대다수의 새로운 기술은 다량의 삽질과 고통을 줄이기 위해 탄생되었다. 그래서 어떤 기술에 대한 이해를 위해 일정량의 고통이 필요하다. 나 같은 초보자의 경우 기술이 없었다면 있었을 고…

javascript