JavaScript

알고리즘을 풀다보니 변수의 초기값을 최대 정수값이나 최소 정수값을 정의할 일이 생겨서 기록에 남겨둔다.📌 Number.MAX_SAFE_INTEGERJavaScript에서 안전한 최대 정수값을 나타내게 된다.📌 Number.MIN_SAFE_INTEGERJavaScri

Js에서 숫자를 올림 처리할 경우에는 Math.ceil()함수를 사용한다.입력받은 숫자보다 크거나 같은 정수 중 가장 작은 정수를 리턴한다. 즉, 입력받은 숫자를 올림한 정수를 리턴하는 함수이다.Js에서 숫자를 내림처리할 때는 주로 Math.floor를 함수를 사용한다

Array.prototype.splice() 메서드는 배열의 기존 요소를 삭제 또는 교체, 추가하여 배열의 내용을 변경한다.push/pop/unshift/shift 역할을 다 할 수 있다고 생각하면 되겠다.

알고리즘을 풀다가 처음보는 접근법을 알게되어 기록해둔다.charCodeAt : 문자열중 하나를 선택하여 아스키 코드 번호로 변환해주는 함수 fromCharCode : 아스키코드 번호를 받아 문자열을 구성해주는 함수소문자를 대문자로 바꾸는 문제에서 아스키코드로 접근하는

알고리즘 문제를 풀다가 해당 배열의 길이만큼의 빈 배열을 만들어야할것 같다 방법을 적어둔다. Array() 생성자는 새로운 Array객체를 생성할 때 사용된다.위와 같이 사용되며, element대신에 길이를 넣어주어 배열의 길이만 정해줄 수도 있다.참고

정규 표현식, 또는 정규식은 문자열에서 특정 문자 조합을 찾기 위한 패턴이다. JavaSciript에서는 정규 표현식도 객체로 exec 메소드와 test 메소드 ,그리고 String의 match메소드 , replace메소드 , search메소드 , split 메소드와

join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만든다.seperator는 매개변수로 배열의 각 요소를 구분할 문자열이다. 이 구분자는 필요한 경우 문자열로 변환되고 생략하면 배열의 원소들의 쉼표로 구분된다.참고

set 객체는 ES6에서 등장한 중복을 제거한 값들의 집합이다.특정 요소 추가 - add : set 객체에 주어진 값을 갖는 새로운 요소를 추가한다. 특정 요소 확인 - has : set 객체에 주어진 값을 갖는 요소가 있는지 확인 (boolean) 특정 요소 제거 -

자료구조의 종류 중 하나 (ex. Array, Object 등)key와 value를 가지는 자료구조 형태배열에서는 key값에 숫자만 가능하지만, Hash Table에서는 문자열 또한 Key (Map에서는 함수도 가능)Hash Function을 통해 빠른 탐색이 가능 -

매개변수가 숫자인지 검사하는 함수이다. ( NaN : Not a Number)isNaN(value)value : 검사할 값을 넣는다.매개 변수가 숫자가 아니면 ture, 숫자이면 false를 반환한다.JavaScript의 다른 모든 값과 달리 NaN은 같음 연산 (==

Array.from 메서드는 유사 배열 객체나 반복 가능한 객체를 얕게 복사해 새로운 Array 객체를 만든다.Array.from()의 첫 번째 인자는 배열로 만들 이터러블한 객체가 되며 두 번째 인자는 생성한 배열의 모든 원소에 대해 수행할 맵핑함수이다.(map())

이전 파이널 프로젝트를 TypeScript로 리팩토링하는 과정에서 File API와 File Reader API에 관해 찾아 본것이 있어 기록을 남겨본다.파일 API는 주로 input태그에서 주로 사용된다. type이 file인 input태크를 JavaScript로 선

마우스와 같은 포인팅 장비를 사용하기 힘든, 스크린 리더를 사용하는 사용자들에게 동적 컨텐츠, JS, ajax, react 등과 같이 페이지를 새로고침하지 않아도 페이지의 내용과 데이터가 바뀌는 영역에 역할, 속성, 상태 정보를 추가하여 동적인 컨텐츠에 보다 원활하게

사직 연산 프로그램을 만들면서 후위연산 표시법으로 접근해야할 필요가 생겼다.보통 우리가 사용하는 수식은 중위표시법으로 표현되는데 중위표기법은 연산자가 피연산자들의 사이에 위치하게 되고 후위 표시법은 연산자가 피연산자들 뒤에 위치하는 것이다.중위 표현법후위 표현법먼저 후

프로젝트를 진행하다 조금 더 깔끔해보이는 FAQ를 만들어볼 수 있도록 하기 위해서 토글기능을 추가하고 싶었다. 직접 UI를 디자인하고 코드를 만들어야하는 줄 알았는데, 해당 기능을 지원하는 태그가 있어 기록해두려고 한다.<detail>는 html5에서 추가된 태그

<iuput type='file'>를 사용하면서 하나가 아닌 여러 파일을을 받을 때 데이터를 filter를 사용하거나, map을 사용하려고 했지만, not function이라는 경고와 함께 메소드가 실행되지 않는 것을 볼 수 있었다.해당 데이터가 배열이 아니라는

ES6부터는 ...이라는 새로운 형태의 문법이 추가 되었다. 점 3개가 연달아 붙어있는 이 표시는 Spread Operator를 나타낸다.스프레드 연산자를 사용하면 배열, 문자열, 객체 등 반복가능한 객체를 개별 요소로 분리할 수 있다. 사실 말로 하면 확 와닿지 않는

confirm 메서드는 alert와 비슷한 모달 상자를 띄우는 역할을 한다. 내가 사용할 때는 무엇인가 삭제할 경우 사용자에게 확인할 수 있는 용도로 만들기 위해 사용했다.comfirm 알림창은 true, false값을 반환하게 된다.confirm이 뱉는 boolean

switch와 if else문은 조건문을 판별하고 조건을 수행하기 위해서 많이 사용하였다. if문을 주로 사용했지만 switch가 좀더 간결하고 가독성 좋은 코드가 되는것같아 이 두개에 대해서 좀 더 찾아보고 싶었다. Switch와 If Switch swich문은

이번에 React App을 만들면서 시계를 넣을 방법을 찾다 스리슬쩍 지나간 setTimeout과 setInterval함수에 대해서 쓰려고한다.EventLoop에 대한 글에서 잠시 만났던 Web APIs의 함수이다. 어떠한 함수를 일정시간 후에 실행할때 사용하는 함수이

프로젝트에서 vs코드와 비슷한 탭분할의 기능을 만들기 위해 사용했던 Generator와 Yield이다. JavaScript뿐만 아니라, 다른 언어에서 지원했던 기능을 ES6부터 사용가능하게 되었다고한다.먼저 generator를 먼저 알아보도록 하자. generator를