개발 공부 기록

~ ~0.0.1 : >=0.0.1 =0.1.1 =0.1.0 =0.0 =1.0.2 =1.0.0 =1.0.0 =0.1.2 =0.1.0 =0.0.0

👇👇👇 고용량 이미지로 테스트할 일이 있어 찾아보던 중 발견한 링크 👇👇👇 https://commons.wikimedia.org/w/index.php?title=Category:Large_images#mw-category-media Category:Large images - Wikimedia Commons From Wikimedia Commons, the free media repository Jump to navigation Jump to search This is a list of very large images above 50 Megapixel, which can really slow down a computer. Images are added to this category by adding {{L..

https://storybook.js.org/tutorials/design-systems-for-developers/react/ko/introduction/ 디자인 시스템 소개 A guide to the latest production-ready tools for design systems storybook.js.org https://story.pxd.co.kr/1434 디자인 시스템 1편 - 디자인 가이드/디자인 시스템은 왜 필요한가 디자인 시스템은 총 8편의 시리즈로 구성되어 있습니다. 1편 - 디자인 가이드라인/디자인 시스템은 왜 필요한가(현재글) 2편 - 디자인 가이드라인/디자인 시스템의 종류 3편 - 디자인 가이드라인/ story.pxd.co.kr

모노레포(mono-repo)란? - 모노(mono)는 단일을 의미한다. 멀티레포(multi-repo)에 반대되는 개념으로 하나의 저장소에 두 개 이상의 프로젝트를 가진 레포를 의미한다. 장점 - 여러 패키지에서 하나의 설정을 공유 가능(ESLint, Prettier 등) - 여러 패키지의 변경사항을 하나의 commit 과 PR로 업로드 가능 - 모든 구성원이 모든 코드에 접근할 수 있기 때문에 협업이 용이하다. 단점 - Repository의 규모가 커진다. 문제 발생 시 여러 나비효과가 발생할 수도 있다. - 패키지의 규모가 커짐에 따라 CI Bulid가 느려진다. - 패키지간 의존성 관리가 쉽다는 장점이 있지만, 이로 인해 과도한 의존 관계가 발생할 수도 있다. 러나(lerna)란? - 모노레포의 패키..

emmet이란 html, css를 작성할 때 빠르게 작성할 수 있도록 도와주는 기능이다. atom에 Install Packages에 emmet을 검색해 쉽게 설치할 수 있다. 사용 예시)

1장. 자바스크립트 소개 - 1종 함수(first-class function)란, 함수의 인자나 함수의 반환 값으로 또 다른 함수를 사용할 수 있다는 개념 - 입출력을 비롯해 통신과 파일 저장, 그래픽 처리 등 복잡한 기능들은 자바스크립트를 내장하고 있는 호스트 환경에서 담당한다. (브라우저가 자바스크립트 엔진을 내장하고 있기 때문에 클라이언트 측 자바스크립트의 호스트 환경은 웹브라우저다.) - 표현식(expression)은 값으로 평가될 수 있는 구절을 말한다. - 함수는 객체의 프로퍼티로 할당될 수 있다. 이때, 프로퍼티로 할당된 함수를 "메서드"라고 한다. - this 키워드는 메서드가 정의된 객체 자신을 가리킨다. 2장. 어휘구조 - 리터럴(literal)은 프로그램에 직접 나타내는 데이터 값이다..

const obj = {"a" : 1, "b" : 2, "c" : 3}; const arr = Object.keys(obj).map(function (key) { return [String(key), obj[key]]; }); console.log(arr); // [ [ 'a', 1 ], [ 'b', 2 ], [ 'c', 3 ] ] const obj = {"a" : 1, "b" : 2, "c" : 3}; const arr = Object.entries(obj); console.log(arr); // [ [ 'a', 1 ], [ 'b', 2 ], [ 'c', 3 ] ]

숫자를 문자로 변환 const a = String.fromCharCode(65); console.log(a); // A 문자를 숫자로 변환 const a = "A"; console.log(a.charCodeAt(0)); // 65