개발하는 인사담당자 개발하는 인사담당자

■ 원격 저장소 브랜치 가져오기 1. 원격 저장소 갱신 git remote update 2. 원격 저장소 branch 리스트 확인 ① -r: 원격 옵션 ② -a: 로컬, 원격 전체 옵 git branch -r 3. 원격저장소 branch 가져오기 -t : 원격 branch 이름과 동일한 이름으로 로컬에 branch 생성하고, 그 branch로 checkout -b : b를 사용하면 원격 branch를 local에 이름을 변경하여 가져옴 -f : 문제가 발생해도 강제로 branch이름과 동일한 로컬 저장소 branch를 생성하고, 해당 git checkout -t origin/(해당원격저장소에서 가져오고 싶은 브랜치 이름) [참고] ■ 로컬 저장소에 연결되어있는 원격저장소 연결 끊기 1. 연결된 원격 레파..

git initgit remote add origin 레파지토리 주소git add . (전체 추가하기)git commit -m "커밋메세지 작성" git push origin master※ origin 삭제 git remote remove origin

1. node.js 설치 https://nodejs.org/en Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org node -v 로 설치 여부 확인 가능 2. vs_code 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and avail..

■ React memo : 강화된 컴포넌트를 반환하는 고착 컴포넌트 ※ 고착 컴포넌트 : 컴포넌트 하나를 인자로 전달받아서 강화 컴포넌트를 반환해주는 것 React memo 를 통해서 만들어진 고착 컴포넌트는 전달받는 프롭이 값이 바뀌지 않으면 렌더링이 일어나지 않게 메모이제이션 해주는 성능이다. ■ 배포하기 npm install -g serve 명령어 설치하기 build 파일 배포하기 같은 공유기 사용하는 사람들이 접속할 수 있는 주소 firebase deploy 공유 시 다음과 같이 출력 가능

■ 라우팅 : 어떤 네트워크 내에서 통신 데이터를 보낼 경로를 선택하는 일련의 과정 네트워크 장치들을 통해 전달되는데 실시간으로 어디로 가야하는지 갈 길을 알려줌 이런 경로를 정해주는 행위 자체와 그런 과정 다 포함하여 일컫는 말 ■ 페이지 라우팅 : 어떤 요청에 따라 떤 페이지를 돌려줄 지 결정하는 것 MPA(Multipage Application) : 여러가지 페이지를 가지고 있다가 맞는 페이지를 보여줌 npm install react-router-dom@latest : 최신 버전 react router 설치 이동 시 리액트 내 Link 활용 경로는 to={ } 를 통해 설정 ■ Path variable ■ Query String useSearchParams 사용 QS 변경도 가능 ■ Page Mov..

■ useRef MutableRefObject html DOM 요소에 접근할 수 있다. 다음과 같이 ref={ } 를 통해 input 에 접근이 가능하다. 현재(current) 가리키는 값을 포커스 처리해준다. getTime() : 시간을 숫자로 반환

■ Truthy { } [ ] "0" (문자열 안 값) "false" (문자열 안 값) Infinity 42 (숫자) ■ Falsy null undefined "" (빈 문자열) 0 (숫자 0) -0 NaN

delete : property 삭제하는 것 (연결 끊는 것) person.name = null 이 방법을 추천 name in person : 해당 프로퍼티가 객체 안에 있는지 확인하는 법 Object.key(객체) : 객체안에 있는 key 값들을 배열로 반환 받을 수 있다. arr.includes(인자) : 받은 인자와 일치하는 값과 타입이 있는지 확인 arr.indexOf(인자) : 배열안에 존재하는 인덱스를 출력해줌, 만약 없다면 -1을 출력 arr.findIndex((elm) => {elm.color === "blue"}) : 콜백 함수를 통해 우리가 원하는 값과 일치하는 배열의 인덱스 출력 arr.find() : 우리가 원하는 요소를 출력 arr.filter() : 특정한 조건을 만족하는 요소 ..