일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- js
- python
- node
- 런타임에러
- 지속가능한개발자
- 사이트
- 코테
- Django
- Object
- 부스트캠프
- 배포
- 정보처리기사
- 네이버커넥트재단
- Express
- 백준
- 자바스크립트
- 5기
- boostcamp
- 삼각형
- array
- Mac
- 실기
- 코딩테스트
- react
- Git
- javascript
- CSS
- 알고리즘
- vscode
- 개발자
- Today
- Total
목록분류 전체보기 (78)
개발 공부 기록
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
javascript로 코딩테스트를 풀기 위해서 배열의 초기화가 필요한 순간이 많다. 0 또는 0 ~ N-1로 배열을 초기화하는 방법들에 대해 정리해보기로 했다. 1. for 문 이용하기 const arr = []; for(let i = 0; i 0); console.log(arr); // [0, 0, 0, 0, 0] const arr = Array.from({length: 5}, (v, index) => index); // 이때 v는 undefined console.log(arr)..
github.com/yjs03057/33-js-concepts yjs03057/33-js-concepts 모든 자바스크립트 개발자가 알아야 하는 33가지 개념. Contribute to yjs03057/33-js-concepts development by creating an account on GitHub. github.com github.com/JaeYeopHan/Interview_Question_for_Beginner JaeYeopHan/Interview_Question_for_Beginner :boy: :girl: Technical-Interview guidelines written for those who started studying programming. I wish you all the b..