분류 전체보기119 gource 소개 오늘은 버전 관리 도구의 시각화 도구인 gource에 대해 탐방해보자. Gource에는 Git , Mercurial , Bazaar 및 SVN에 대한 기본 제공 로그 생성 지원이 포함되어 있다. https://github.com/acaudwell/Gource GitHub - acaudwell/Gource: software version control visualization software version control visualization. Contribute to acaudwell/Gource development by creating an account on GitHub. github.com 설치 방법 brew install gource 혹은 아래 사이트에서 다운로드 가능하다. https://go.. 2021. 7. 28. [React] 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead. 문제 발생 다음과 같은 코드에서 tag에서 lint error가 났다. 이유를 알아보자. export const AlarmChatPeople = ({ username, }: { username: string; }) => { return {username}; }; JSX 구문이 변환되는 방식은 컴파일러 옵션 jsxFactory에 따라 다르지만, 기본 값은 React.createComponent이다. tag를 React.createComponent('p') 와같이 변환해 준다. 따라서 명시적인 import React from 'react'; 가 없을 경우 해당 오류가 반환된다. 해결 방법 import React from 'react';을 추가하자. import React from 'react'; export.. 2021. 7. 26. MDN to markdown conversion Yari 이전에는 MDN 문서는 WYSIWYG 편집기에서 편집되었으며, 페이지를 HTML로만 편집할 수 있는 옵션이 있었습니다. Yari 이후로는 MDN 문서를 텍스트 편집기에서 HTML로만 편집할 수 있습니다. 현재 이 방식은 느리고 더 어려우며 더 많은 형식 오류가 발생합니다. 또한, 작성자는 표현하려는 개념 대신 항상 형식에 대해 생각해야 해서 문서의 질 또한 좋지 못합니다. HTML에 익숙하지 않은 사람들은 전혀 기여하지 못할 수도 있습니다. 마지막으로, 검토하는 데에도 많은 어려움들이 있습니다. 이에 대한 해결책으로 MDN 문서를 Markdown으로 마이그레이션하는 제안이 나왔습니다. (링크) 먼저, mdn/content에서 MDN 문서를 HTML이 아닌 Markdown을 사용하기 위한 프로젝트.. 2021. 7. 26. mdn .env 및 명령어 HTML to Markdown yarn md h2m web/javascript/path --locale ko --mode keep content //.env CONTENT_TRANSLATED_ROOT=/Users/tonybyeon/Desktop/translated-content/files EDITOR=code yari //.env CONTENT_TRANSLATED_ROOT=/Users/tonybyeon/Desktop/translated-content/files CONTENT_ROOT=/Users/tonybyeon/Desktop/content EDITOR=code 2021. 7. 25. [MouseEvent] clientX, offsetX, pageX, screenX clientX, clientY MouseEvent 인터페이스의 clientX(읽기 전용 속성)은 이벤트가 발생한 응용 프로그램의 viewport 안의 수평 좌표를 제공한다. (clientX는 수직 좌표) 예를 들어, viewport의 왼쪽 가장자리를 클릭하면 페이지가 수평으로 스크롤되는지 여부에 관계없이 항상 clientX값이 0인 마우스 이벤트가 발생한다. clientX: viewport에서의 x좌표 위치 반환 clientY: viewport에서의 y좌표 위치 반환 offsetX, offsetX MouseEvent 인터페이스의 offsetX(읽기 전용 속성)은 해당 이벤트와 대상 노드의 패딩을 포함한 가장자리 사이에 있는 마우스 포인터의 X 좌표를 제공한다. offsetX: 이벤트 대상 객체에서의 상대.. 2021. 7. 23. useEffect 정리 Effect Hook을 사용하면 컴포넌트에서 side effect를 수행할 수 있다. 데이터 가져오기, 구독(subscription) 설정하기, 수동으로 리액트 컴포넌트의 DOM을 수정하는 것까지 이 모든 것이 side effects다. 정리(Clean-up)를 이용하지 않는 Effects 리액트가 DOM을 업데이트한 뒤 추가로 코드를 실행해야 하는 경우가 있다. 네트워크 리퀘스트, DOM 수동 조작, 로깅 등은 정리(clean-up)가 필요 없는 경우이다. Class 리액트의 class 컴포넌트에서 render 메서드 그 자체는 side effect를 발생시키지 않는다. DOM을 업데이트하고 난 이후에 effect를 수행한다. 리액트 class에서 side effect를 componentDidMount.. 2021. 7. 22. 이전 1 ··· 10 11 12 13 14 15 16 ··· 20 다음
