Development diary

login_develop브랜치에서 작업한 걸 main브랜치에 merge 후 push 한다. git clone 주소 git branch login_develop( 작업할 브랜치명) git status 작업 git status git add . git status git commit -m "feat:기능수정" git status git checkout main(위에서작업한 브랜치를 합칠 브랜치) git status git merge login_develop(작업한 브랜치명) git satus git push [참고] git status로 상태 체크 습관을 들이자. git log --graph로도 봐보자. 결과 해석하는 거 기록하자.

https://zel0rd.tistory.com/140 git ignore 안될 때!! (node_modules 제거) npm을 사용할 때, package.json에는 의존하는 패키지 리스트가 나와있고 npm install을 통해 필요한 패키지들을 받아서 사용하게 된다. 이 패키지들은 node_modules라는 폴더에 설치가 되는데... 수 많은 파 zel0rd.tistory.com node_modules 폴더가 있는 프로젝트로 들어간다. git rm --cached -r node_modules git commit -m "node_modules 원격에서 삭제" git push origin 브랜치이름 ( git push만 함) [참고1] 1.cient 폴더에서 git bash here 2. 위 명령어 순서..

react - onClick 1. 버튼 눌렀을 때만 1출력되게 하고 싶을 때 import React, {useState,useEffect} from 'react'; const Test = () => { const fnTest = () => { console.log(1); } const fnTestA =() => (event) => { console.log(1); } return ( fnTest()}>버튼 눌렀을 때만 1 출력 {/* 화면 렌더링 되면서 1 출력, 버튼 동작 안 함 */} {/* 버튼 눌렀을 때만 1 출력 */} {/* fnTest(e)}>버튼 눌렀을 때만 1 출력 */} {/* fnTest()}>버튼 눌렀을 때만 1 출력 */} ); }; export default Test; 2. 객체 ..

mysql 마스터인지 슬레이브 인지 확인하는 방법 mysql> show master status mysql> show slave status 출처: https://tkdwnsdkk.tistory.com/92 [샤우의 블로그] CSS float 속성 : 이미지를 어떻게 띄워서 텍스트와 함께 배치할 것인가에 대한 속성. - inherit : 부모 요소에서 상속 - left : 왼쪽에 부유하는 블록 박스를 생성. 페이지 내용은 박스 오른쪽에 위치하며 위에서 아래로 흐름. - right : 오른쪽에 부유하는 블록 박스를 생성. 페이지 내용은 박스 왼쪽에 위치하며 위에서 아래로 흐름. 이후 요소에 clear 속성이 있으면 페이지 흐름이 달라짐. none 이 아니라면 display 속성은 무시된다. - none :..

GIT git fetch git merge npm install 1. 브랜치에 커밋 되어있는 걸 내 로컬로 가져오기 git fetch & git merge : 원격에서 로컬로 가져옴. 자동 merge 는 안하기 때문에 GIT merge 까지 해야 함. git pull : 원격에서 로컬로 가져옴. 자동 merge git fetch를 하면 원격(github)에 커밋된 내용이 불러와진다. [실습] 1. a가 branch에 커밋함 2. b의 소스제어 - remotes에서는 a가 커밋한 내용이 확인 되지 않음. VSCode에 확장자 GitLens 설치해야 REMOTES 생김 3. b가 VSCode에서 git fetcch => a가 커밋한 내용 확인 가능. 4. b가 VSCode에서 git merge 5. gith..

vscode에 eslint,prettier 설치 아래 링크 참고하였습니다. https://helloinyong.tistory.com/325 ESLint, Prettier Setting, 헤매지 말고 정확히 알고 설정하자. ESLint, Prettier 관련해서 환경 세팅을 하면 항상 어쩔 땐 잘되고, 어쩔 땐 안되고... 구글링하면 그렇게 많이 나오는 방식들을 전부 해봐도 계속 안돼서 시간을 그렇게 버릴 때가 많았던 것 같다. 그 helloinyong.tistory.com 1.VSCode 확장자에서 ESLint extension 설치 2. $ npm install -D eslint // or $ yarn add -D eslint 3. .eslintrc 파일 프로젝트 밑에 추가 4. $ npm instal..

React.js useEffect useEffect( function, []?) 주로 3가지 방식으로 사용됩니다. useEffect(()=> {}); useEffect{()=> {}, []); const [name,setName] = useState('kim'); useEffect(()=> {}, [name]); 첫 번째 형태 useEffect의 가장 기본 형태 렌더링 할 때 한번 그리고 Dependency가 없기 때문에 변화가 있을 때마다 발생하기 때문입니다. 두번째 형태 useEffect를 렌더링 후 단 한번만 실행하고 싶을 때 사용합니다. 콜백 함수 뒤에 배열을 나타내는 대괄호가 있습니다. 이곳에 Dependecy를 지정합니다. 하지만 아무 변수나 값 없이 대괄호만 있다면, 이 useEffect는 ..

side_project 기록 0. 작업할 폴더 생성 폴더 생성 후 폴더에서 VSCode 실행 터미널 open (ctrl+`) 1. github 프로젝트 로컬로 가져오기 git clone 주소 cd 프로젝트 이름 2. 브랜치 생성 1) VSCode에서 왼쪽 하단부에 master 클릭 2) 새 분기 만들기 3. 실행 npm install : node_modules 폴더 생성 ( .gitignore파일에 /node_modules 추가되어있음) npm start : 실행 package.json "scripts": { "start": "react-scripts start", } React 리액트 블로그 참고 https://velopert.com/3613 누구든지 하는 리액트: 초심자를 위한 리액트 핵심 강좌 | ..