본문 바로가기

분류 전체보기361

Git(18) 다른 개발자의 코드로 작업 후 Pull Request 하기 실제 현업에서의 깃 협업 흐름과 그에 따른 터미널 명령어를 정리한 포스팅이다. Git(16) 다른개발자의 코드받아 브랜치 만들어 작업하기 (터미널) Git(17) 다른 개발자의 코드받아 작업 후 업데이트하기 (터미널) Git(18) 다른 개발자의 코드로 작업 후 Pull Request 하기 (터미널) Pull Request push 완료후 BitBucket의 프로젝트에 내가 업데이트한 코드를 반영할수 있도록 관리자에게 Pull Request를 보내야 한다. PR(Pull Request)을 하면 관리자는 Merge 여부를 결정한다. 1. BitBucket에서 Pull request - create pull request 를 누른다. 2. Pull Request할 브랜치와 merge 대상 브랜치를 선택하고,.. 2021. 3. 28.
Git(17) 다른 개발자의 코드받아 작업 후 업데이트하기 (터미널) 신입 1일 차, 다른 개발자분의 코드를 받아와 작업을 하려고 한다. 앞이 막막해지는 순간, 찬찬히 떠올려보자 실제 현업에서의 깃 협업 흐름과 그에 따른 터미널 명령어를 정리한 포스팅이다. Git(16) 다른개발자의 코드받아 브랜치 만들어 작업하기 (터미널) Git(17) 다른 개발자의 코드받아 작업 후 업데이트하기 (터미널) Git(18) 다른 개발자의 코드로 작업 후 Pull Request 하기 나 : 휴 드디어 작업을 다 끝냈다. 이제 업데이트를 해볼까? 업데이트 단계는 staging(내컴→로컬) 과 push(로컬→원격) 이다. 1. staging 하기 내컴에서 로컬저장소로 작업을 업데이트 한다. git add 특정파일명 // 특정파일을 스테이징 하기 git add . //전체 파일 스테이징 하기 2.. 2021. 3. 28.
Git(16) 다른개발자의 코드받아 작업하기 (터미널) 신입 1일 차, 다른 개발자분의 코드를 받아와 작업을 하려고 한다. 앞이 막막해지는 순간, 찬찬히 떠올려보자 실제 현업에서의 깃 협업 흐름과 그에 따른 터미널 명령어를 정리한 포스팅이다. (소스트리 사용하는 협업은 Git(1) - Git(12) 포스팅을 참조하시길) Git(16) 다른개발자의 코드받아 브랜치 만들어 작업하기 (터미널) Git(17) 다른 개발자의 코드받아 작업 후 업데이트하기 (터미널) Git(18) 다른 개발자의 코드로 작업 후 Pull Request 하기 깃 다운로드 후 터미널 세팅 1. git 사용자 등록하기 git config --global user.name "name" git config --global user.email "gittt@gmail.com" 2. 등록 후 사용자 .. 2021. 3. 28.
JavaScript - Callback 함수란 Updated 2021/05/13 자바스크립트 함수의 특징은 함수가 값이 될 수 있다는 점이다. CallBack 함수란 - 함수 안에서 사용되는 함수로 그 속에서 일종의 루틴 또는 동작을 완성하기 위해 호출된다. 어떤 이벤트가 발생했거나 특정 시점에 도달했을 때 시스템에서 호출하는 일반 함수를 말한다. - 그 자체로 특별한 선언이나 문법적 특징을 가지고 있지는 않다. 일반적인 자바스크립트 함수일 뿐이다. -> 한마디로 콜백함수는 수동태처럼 자기 의지가 없다. 함수가 콜백함수을 밖으로 불러내야지만 나온다. Callback 함수를 사용하는 이유 - 비동기처리 Callback 함수를 사용하는 이유는, 자바스크립트에서 비동기적 프로그래밍을 할 수 있기 때문이다. - 어떤 일을 다른 객체에게 시키고, 그 일이 끝.. 2021. 3. 23.
React - .prettierrc 파일 적용하기 비주얼 스튜디오 코드 (Visual Studio Code)에서 리액트 프로젝트에 .prettierrc 파일 적용하기 여러 사람과 협업이나 회사에서는 코드 스타일을 통일해야 하는 경우가 생긴다. 1 .prettierrc 파일을 프로젝트 최상단에 만들기 2 ctrl + , 를 눌러 setting을 열어주고 Format On Save 검색 + 체크 ! 2021. 3. 11.
JavaScript - ForEach, For in 그리고 For of updated 2021/05/04 신입사원 두달 차, 전통적인 For문을 사용하다 옛날 방식이라는 소리를 들었다. 그래 ! 이참에 for문 세계에 깊숙히 입문해봐야겠다. 처음엔 전통적인 for문도 감지덕지였지만ㅠㅠ, 이제는 for문 세계의 자매품 같은.. 느낌의 메소드들을 만나보자 간장, 국간장, 진간장느낌이랄까 한마디로 for문하고 용도는 똑같지만 타자를 적게친다 이말이다. forEach 문 얘는 Array 배열에서만! 사용가능한 반복문이다. 원소를 나열하여 검사하는 기능이 있다. 화살표 함수를 사용하여 각 원소들을 element라는 변수에 담아 forEach문을 돌면서 실행한다. 기본적인 사용 방법이다. 전통적인 for문 대신 인덱스# 가 들어간 수식을 사용하고 싶을 때 사용한다. 전통적인 for 문.. 2021. 3. 11.
React(27) 리액트 훅 useRef 란 useRef를 사용하는 이유 자바스크립트에서 특정 DOM (태그)을 선택할 때 getElementById, querySelector 같은 DOM Selector 함수를 사용한다. 우리 리액트(특히 함수형 컴포넌트)에서는 특정 태그를 선택할 때 useRef를 사용한다. 특정 DOM을 선택? 구체적으로 무슨말이죠? 말 그대로 특정 태그만 지정해서 그것만 사용할 때 useRef 를 쓴다는 말이다. (only for you💛) 예를 들어 특정 엘리먼트의 크기를 가져와야 한다던지, 스크롤바 위치를 가져오거나 설정해야된다던지, 또는 포커스를 설정해줘야된다던지 등이 있다. 또한 그래프라던가 비디오 등 외부 라이브러리를 사용할 때도 특정 DOM 에다 적용하기 때문에 DOM 을 선택해야 하는 상황이 발생 할 수 있다. .. 2021. 3. 10.
React - npm start 에러 4058 ENOENT: no such file or directory 문제상황 create-react-app 을 하여 리액트를 설치하고 npm start로 실행시키려 할 때 에러가 떴다. 예전에 똑같은 에러가 났을 때는 install 명령어 오타로 인한 문제였는데 이번에도 같은 에러이다. 왜 나에게 이런일이? 하나하나 따져보았다. - 오타가 났는가? 아니다. - package.json 를 열어 확인? 파일은 잘 있다. 문제가 없다. - 해당 경로에 package.json이 있는가? 하위폴더에 들어있군.. 그렇다면 npm 설치과정을 한번 더 살펴보자. 다른 분의 블로그에서 참고한 react-app 설치과정이다. - 2번의 과정을 생략 해버렸다. 미리 경로를 변경한 뒤 설치하면 괜찮은 줄 알았기 때문이다. 문제해결 cd my-app을 해주고 실행명령어를 입력해주니 실행성공! .. 2021. 3. 10.
React(26) 리액트 훅 Context API 란 Updated 2021/05/07 Context API를 사용하는 이유 React 에서 일반적인 값을 전달하는 방법은 하향식(부모→자식)으로 전달해야한다. 보통 상위에서 → 하위컴포넌트로 props를 통해 속성값을 전달하는데 상위 → 하위 → 하위 → .... → 하위 처럼 많은 수의 컴포넌트를 거쳐 전달하게 되면 코드를 계속 하위로 toss 해줘야 한다. 이 방식은 Level이 깊어질수록 불편함을 야기한다. 이때 Context API를 이용하면 상위 컴포넌트에서 직접 하위 컴포넌트로 데이터를 전달할 수 있다. 중간에 있는 컴포넌트는 콘텍스트 데이터의 존재를 몰라도 되므로 속성값을 반복해서 내려주던 문제가 사라진다. 1. 선언하기 createContext 함수를 호출하면 콘텍스트 객체가 생성된다. 괄호 .. 2021. 3. 8.
반응형

티스토리툴바