리액트 정리

https://backlog.com/git-tutorial/kr/stepup/stepup3_2.html fetch(가져오기)【원격 저장소】 | 누구나 쉽게 이해할 수 있는 Git 입문~버전 관리를 완벽하게 이용해보자~ | Backlog fetch(가져오기)【원격 저장소】 | 누구나 쉽게 알 수 있는 Git에 입문하신 것을 환영합니다. Git을 사용해 버전 관리를 할 수 있도록 함께 공부해봅시다! backlog.com 여기 설명이 맛집이네

https://medium.com/@pks2974/%EC%9E%90%EC%A3%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-%EA%B8%B0%EC%B4%88-git-%EB%AA%85%EB%A0%B9%EC%96%B4-%EC%A0%95%EB%A6%AC%ED%95%98%EA%B8%B0-533b3689db81 자주 사용하는 기초 Git 명령어 정리하기 제가 서비스를 개발하면서 자주 사용하던 git 명령어를 정리해보려고 합니다. medium.com 제가 서비스를 개발하면서 자주 사용하던 git 명령어를 정리해보려고 합니다. 들어가기전에 요약 Git이란 무엇인가? Git 설치하기 다른 개발자의 코드 받아오기 Branch 관리하기 Commit 내용 취소하기 코드 잠깐 저장하고, 다른 브랜치..

https://medium.com/@joongwon/git-git-%EB%AA%85%EB%A0%B9%EC%96%B4-%EC%A0%95%EB%A6%AC-c25b421ecdbd 불러오는 중입니다... https://smartbase.tistory.com/69 Git의 기본적인 사용법 status & log & diff # git 작업폴더 상태 확인 git status # Log 보기 git log # commit 간 차이점 모두 보기 git log -p # commit 아이디를 사용해 차이점 보기 git diff commit_id..commit_id Git의 기본적인.. smartbase.tistory.com 1. 설정과 초기화 전역 사용자명/이메일 구성하기 git config --global user.na..

Class: render( ){ return ( 여기서 안돼 )} - 렌더의 리턴 안에서는 반복문을 사용할 수 없다. jsx에서는 조건문, 반복문 사용 불가.

setState는 render(){}안에 쓰는것 아니다. 왜? 렌더가 실행되면 this.setState가 실행되고, this.setState가 실행되면 렌더가 실행되고.. 무한반복 -> 브라우저에 문제를 발생시킴. 부모로부터 받은 props를 자식이 바꾸고 싶을 때 자식은 props를 바꾸지 않는다. 자식이 바꿔버리면 부모가 뜻하지 않게 바뀌어버림 -> 문제가 됨. 진짜 바꾸고 싶으면, state로 만든다음에 state를 바꾼다 Hooks import React, { memo, useState } from "react"; const Try = memo(({tryInfo}) => { // tryInfo.try = 'hello'; // 이러면 안돼요 const [result, setResult] = useS..

컴포넌트의 메소드에서 컴포넌트의 태그에 직접 접근 https://velopert.com/1148 리액트 개발을 하다보면 DOM 에 직접적인 접근을 해야 할 때가 있습니다. 그럴 때는 ref 라는것을 사용합니다. 그런데 정확히 어떠한 상황에 DOM 에 직접적인 접근이 필요할까요? 필요한 상황은 다음과 같습니다. input / textarea 등에 포커스를 해야 할때 특정 DOM 의 크기를 가져와야 할 때 특정 DOM 에서 스크롤 위치를 가져오거나 설정을 해야 할 때 외부 라이브러리 (플레이어, 차트, 캐로절 등) 을 사용 할 때 https://www.zerocho.com/category/React/post/57833e23db96321500e401fe Q. Reference 접근 할때 에서 ref={(ref..

- 최적화 하는 법: Class: PureComponent, shouldUpdateComponent hooks : memo (클래스가 아닌 함수 컴포넌트) https://ko.reactjs.org/docs/react-api.html#reactmemo React 최상위 API – React A JavaScript library for building user interfaces ko.reactjs.org Try.jsx import React, { memo } from "react"; const Try = memo(({tryInfo}) => { return ( {tryInfo.try} {tryInfo.result} ) }) export default Try; NumberBaseball.jsx import R..

리액트가 멍청해서 setState만 걸어놓으면 무조건 렌더링한다고 함. (따라서 render()안에 setState걸면 안됨! 무제한으로 렌더 돌기 때문에.. ) 최적화: 처음 하시는 분들이 많이 안쓰시던데.. 나중에 성능에 중요해요 꼭 최적화를 하세요 라고 1. shouldComponentUpdate 그래서 어떤 조건부로 렌더링시켜주기. state, props가 바뀌었을 때 원하는 것만 렌더링 다시 해줄 수 있다. import React, { Component } from 'react' class Test extends Component { state = { counter: 0, }; // 최적화. 현재의 카운터와 미래의 카운터가 다르면 렌더링 하고 아니면 안함 shouldComponentUpdate(..