분류 전체보기 (123) 썸네일형 리스트형 state 정의 1. class fields 문법 사용 (https://babeljs.io/docs/plugins/transform-class-properties/) class Counter extends Component { state = { number: 0 } } 2. class fields 사용하지 않을 때 class Counter extends Component { constructor(props) { super(props); this.state = { number: 0 } } } JSX 조건부 렌더링 1. 삼항연산자 class App extends Component { render() { return ( { 1 + 1 === 2 ? (맞아요!) : (틀려요!) } ); } } 2. AND 연산자 class App extends Component { render() { return ( { 1 + 1 === 2 && (맞아요!) } ); } } 3. IF문 또는 Switch문 - IIFE(즉시 실행 함수 표현) class App extends Component { render() { const value = 1; return ( { (function() { if (value === 1) return (하나); if (value === 2) return (둘); if (value === 3) return .. portals portals portals는 리액트 root 밖에 리액트를 넣을 수 있도록 해준다 iframe이나 html을 변경하지 못할 때 혹은 리액트 플러그인 내에서 렌더를 해야할 때 유용하다 리액트 루트 밖에서 렌더를 할때 사용할 수 있는 것이 portal이다 import React, { Component, Fragment } from 'react'; import { createPortal } from 'react-dom'; class Portals extends Component { render() { return createPortal(, document.getElementById("touchMe")); } } const Message = () => "Just touched it!"; class App ex.. Return Types Strings and Fragments Fragment 리액트가 여러 컴포넌트를 한번에 return을 못하기 때문에 div, span, [] 등으로 그룹핑을 하게되는데 이렇게 작업할 시 필요없는 코드가 많아지게 된다.이 때 Fragment를 사용할 수 있다 import React, { Component, Fragment } from 'react'; class ReturnTypes extends Component { render() { return ( ) } } class ReturnTypes extends Component { render() { return ( ) } } return strings return string도 가능하다 import React, { Component, Fragment } from 'react'; class Ret.. stash 다른 브랜치로 checkout을 해야 하는데 아직 현재 브랜치에서 작업이 끝나지 않은 경우는 커밋을 하기가 애매하다. 이런 경우 stash를 이용하면 작업중이던 파일을 임시로 저장해두고 현재 브랜치의 상태를 마지막 커밋의 상태로 초기화 할 수 있다.그 후에 다른 브랜치로 이동하고 작업을 끝낸 후에 작업 중이던 브랜치로 복귀한 후에 이전에 작업하던 내용을 복원할 수 있다. 현재 working directory 작업내용 임시저장git stash git stash --save stash 리스트 확인 git stash list stash 적용(가장 최신) git stash apply stash 제거(가장 최신) git stash drop stash apply 와 drop을 동시에 진행 git stash pop branch 브랜치의 목록을 볼 때git branch 브랜치를 생성할 때 git branch "새로운 브랜치 이름" 브랜치를 삭제할 때git branch -d 병합하지 않은 브랜치를 강제 삭제할 때 git branch -D 브랜치를 전환(체크아웃)할 때git checkout "전환하려는 브랜치 이름" 브랜치를 생성하고 전환까지 할 때 git checkout -b "생성하고 전환할 브랜치 이름" 브랜치 간에 비교할 때git log "비교할 브랜치 명 1".."비교할 브랜치 명 2" 브랜치 간의 코드를 비교 할 때 git diff "비교할 브랜치 명 1".."비교할 브랜치 명 2" 로그에 모든 브랜치를 표시하고, 그래프로 표현하고, 브랜치 명을 표시하고, 한줄로 표시할 때 git log --branches --graph.. reset vs revert 버전 id로 돌아가는 명령git reset --hard "버전 id" 버전 id의 커밋을 취소한 내용을 새로운 버전으로 만드는 명령git revert "버전 id" log, diff 로그에서 출력되는 버전 간의 차이점을 출력하고 싶을 때 git log -p 버전 간의 차이점을 비교할 때git diff '버전 id'..'버전 id2' git add하기 전과 add한 후의 파일 내용을 비교할 때git diff 이전 1 2 3 4 5 ··· 16 다음