자바스크립트 위클리 정리 페이지 Javascript A new tool for teams & individuals that blends everyday work apps into one. zerodice0.notion.site 몇 주 전부터 Javascript Weekly를 받아보긴 하는데 바빠서 전부 정독하기에는 시간이 없길래, 대충대충 훑어보고 나중에 좀 천천히 읽기 위해 노션에 글을 정리하고 있습니다. 도움이 될 것 같진 않지만 뜨ㅡ이따에 올려보니 리트윗이 좀 되고 있길래, 혹시 몰라서 블로그에도 공유. ' ㅁ')/ 노션 아이콘은 노티콘에 업로드 된 것을 링크로 사용하고 있습니다. 노션 정리하실 때 아이콘이 필요하다!싶으시면 노티콘을 사용해보시는 것도 좋을 것 같네요. ​음식 정리 페이지 물론 위클..

Remix에 Pico.css를 적용해보자 React 기반 풀 스택 프레임워크라고 소개된 Remix. 대충 Blog tutorial를 따라서 해봤는데, CSS와 관련된 내용이 하나도 없더라구요. 기왕 마크다운을 읽고 쓰는 것 까지 됐는데말이죠. 그래서 좀 꾸며볼까하다가 얼마전에 건너건너로 들은 10Kb미만의 CSS 프레임워크, Pico.css를 적용해보기로 합니다. 당연히 삽질에 삽질을 했지만 검색해봐도 뾰족한 답이 없었기에, 나중에 까먹으면 찾아보려고 작성합니다. Pico.css를 설치하자 Pico.css의 Getting Started 페이지를 보면 Pico.css를 설치하기 위한 세 가지 방법이 나와있습니다. Pico.css 다운로드 후 {/* ... */} ); } 이렇게 간단한 걸 못해서 삽질을 하..

최근 트위터에서 이런저런 계정이나 토픽을 구독할 수 있다는 걸 알게되서, 여기저기 기웃거리던 도중 JavaScript Quiz이라는 글을 발견했다. JsBin과 같은 사이트에서 동일하게 코드를 입력한 후 콘솔창에 출력되는 결과를 보면, 다음과 같다. [object Object] { isDeveloper: true, name: "Faheem" } 잘 보면 키값을 명시하지 않았는데, Object에 변수명이 키값으로 들어있는 것을 볼 수 있다. 이는 ES6에서 추가된 문법적 설탕으로, 다음의 글(ECMAScript 6 and Object Literal Property Value Shorthand)에 잘 설명되어 있다. ES5에서 아래와 같은 방식으로 작성해야했던 것을 생각해보면, 꽤나 간소해진 셈이다. 같은 ..

문제의 내용은 프로그래머스/정렬/H지수에서 확인할 수 있다. 이 문제는 사실상 국어 문제라고 봐도 무방하지 않을까싶었다. 우선 문제를 풀기 전에, H지수가 뭔지에 대해 정확하게 짚고 넘어가는게 중요하다. 이것은 H 지수에 대한 내용이다. 어떤 과학자가 발표한 논문 n편 중, h번 이상 인용된 논문이 h편 이상이고 나머지 논문이 h번 이하 인용되었다면 h의 최댓값이 이 과학자의 H-Index입니다. 문제를 유출하면 법적인 책임을 물을 수 있다고 명시되어있지만, 위의 글은 위키 백과를 참고한 내용이라니까 상관 없겠지. H지수에 대한 내용을 변수 h에 대해 정리하면 다음과 같다. n편의 논문이 있다. 이 중에 h번 이상 인용된 논문은 h편 이상이다. h편 이상 인용된 논문을 제외하고 남은 논문의 인용 횟수 중..

[Javascript] 배열 초기화 시 new Array()보다는 []를 사용하자 The Javascript Handbook을 읽던 도중 new Array()를 사용하여 배열을 초기화하는 것은 권장하지 않는다는 내용을 발견했는데, 그 이유에 대해서는 따로 기술하지 않고 있었다. 다른 분들께 질문을 해보니 직관성 및 일관성과 관련된 내용과, ECMA문서의 22.1.1.2 Array(len)항목의 내용을 볼 수 있었다. 아래는 해당 내용을 정리한 내용이다. (사실 서문에 모든 내용이 다 들어가있다' ㅅ';) The Javascript Handbook의 Arrays챕터에 기재되어있는 Initialize array항목을 보면, typed array를 초기화하는 게 아닐때는 new Array()로 ..

모던 자바스크립트 개발을 위한 ES6 이 포스팅은 인프런의 '모던 자바스크립트 개발을 위한 ES6 강좌'의 수강 내용을 바탕으로 정리한 내용입니다. for ... of for ... in 루프는 객체의 모든 열거가능한 속성에 대해 반복문을 수행하게 된다. 즉 Array의 prototype이나, 모든 객체의 원형이 되는 Object의 prototype에 추가한 값, 그리고 배열에 추가된 속성까지 탐색하게 된다. 반면 for ... of 구문은 컬렉션의 요소들에 대해서만 반복하게 된다. let data = [1, 2, undefined, NaN, null, ""]; Object.prototype.hello = "Hello"; Array.prototype.func = function(){}; d..