Home

프로젝트를 진행함에 따라 협업을 수행할 때 프로젝트를 생성한 프로젝트 마스터 이외에 다른 개발자들도 하나의 프로젝트에 대해서 업로드(Push), 다운로드(Pull)할 권한을 주고자 할 때 collaborators(협업자)를 추가해줘야 한다. send me email if you have any questions.

html은 웹 페이지를 위한 언어로 HyperText Markup Language의 약자이다. 웹사이트에서 흔히 볼 수 있는 htm이나 html확장자가 이 언어로 작성된 문서이다. html 구성요소 요소(Elements): 시작 태그와 종료 태그로 이루어진 모든 명령어. 태그(Tag): 요소의 일부, 시작 태그(요소를 시작)와 종료 태그(요소를 끝냄)가 있음. 속성(Attributes): 명령을 구체화 시키는 것으로 요소의 시작태그 안에서 사용됨. 변수(Arguments): 속성과 관련된 값. 이 구성요소들을 모두 합쳐 만든것이 html send me email if you have any questions.

React에서 kakaomap api를 사용해 지도를 띄우는 예제 send me email if you have any questions.

React.memo로 컴포넌트의 리렌더링을 방지하는 예제 React.memo?? 컴포넌트에서 리렌더링이 필요한 상황에서만 리렌더링을 하도록 하는 함수 state가 변경될 때나 props가 변경될 때 비교하는 방식은 얕은 비교이다. 이는 상위 컴포넌트의 state가 변경될 때 상위 컴포넌트가 리렌더링되며 하위 컴포넌트에 넘기는 props가 재생성되고 props가 동일 값이더라도 동일 참조 값이 아니므로 새로운 값으로 판단하여 리렌더링을 실행한다. 이 문제점을 해결하기 위해 useCallback과 React.memo를 사용한다. React 성능 최적화 useMemo Example는 특정 결과값을 재사용 useCa...

React Developer Tools로 리렌더링을 확인하는 예제 send me email if you have any questions.

useRef로 특정 DOM을 선택하고 컴포넌트 내의 변수를 생성하는 예제 프로젝트를 하다보면 가끔 DOM을 직접 선택해야하는 경우가 발생한다. ex) 특정 엘리먼트의 크기를 가져오거나 스크롤바의 위치를 가져오는 경우, 포커스를 설정하는 경우 이 때, React에서는 ref를 사용한다. 함수형 컴포넌트(Hook)에서는 useRef라는 Hook함수를 사용 이 포스팅에서는 포커스를 설정하는데 ref를 사용한다. useRef로 관리하는 변수는 값이 바뀌더라도 컴포넌트가 리랜더링되지 않는다. 리액트 컴포넌트에서의 상태는 상태를 바꾸는 함수를 호출하고 나서 렌더링 이후로 업데이트 된 상태를 ...

성능 최적화를 위하여 연산된 값을 재사용하는 useMemo예제 send me email if you have any questions.

useEffect 예제 useEffect 라는 Hook 을 사용하여 컴포넌트가 마운트 됐을 때 (처음 나타났을 때), 언마운트 됐을 때 (사라질 때), 그리고 업데이트 될 때 (특정 props가 바뀔 때) 특정 작업을 처리 send me email if you have any questions.