공부/TIL (105) 썸네일형 리스트형 깃허브 협업 github repository를 하나 만든다. (팀장이) fork를 뜬다(팀원이) git clone 주소로 폴더를 생성 (팀장, 팀원 모두) git branch develop과 git checkout develop으로 develop branch를 만들고 이동 (팀장, 팀원 모두) 각자 작업 진행 팀장과 팀원의 origin은 팀장의 레포 (git remote add origin '팀장이 만든 레포 주소') 팀원의 rmorigin은 fork 한 자신의 레포 (git remote add rmorigin 'fork 뜬 주소') 팀원이 작업 완료 시 (branch는 develop임) git add "변경한 파일" 또는.(전체) git commit -m 'test' git push rmorigin develop .. React-Router 학습 마운트 될때부터 언마운트 될때까지 과정 오버라이딩 (상속) 부모의 메소드를 호출하거나 부모의 메소드를 덮어써서 나만의 메소드로 바꿀 수 있는것 '필수' 랜더 = 없으면 쓰로우 발생 나머지는 옵셔너블 크게 마운트 / 언마운트 가장먼저 컨스트럭터 componentWillMount (써보신적이 없다고함) : 특정한 이유로 쓰긴할텐데.. -> 마운트 할려고해, 돔이없음 render componentDidMount Will/Did (어플리케이션을 만드느 모든 프레임워크가 가지고있음) ex) VueDidload props나 state가 바뀌면 render가 되는데 그과정에서 라이프사이클이 있음 componentWillReceiveProps < props가 바뀌면 여기서부터 shouldComponentUpdate< .. 리액트 class형 컴포넌트 리액트 라이브러리를 학습하면서 컴포넌트를 만드는 방식은 두 가지 알고 있다 class, hooks 공통적으론 import React from "react"; class 방식에선 class 컴포넌트명 extends Component {} 방식과 class 컴포넌트명 extends React.Component 두 가지 방법을 사용했다. 차이라면 import 문에 {} 디스트럭처링 방식으로 component를 넣냐 마냐만 알고 있었는데, React.PureComponent 방식으로 컴포넌트를 생성 시 state 값을 기존의 state와 비교하여 변화가 발생하였을 때만 렌더링 한다는 정보를 얻게 되었다. 정보가 사실이라면, 리액트 라이브러리는 state 값을 주시하고 있다가 '변화'가 생겼을 시 자동으로 렌더링.. 리액트 튜토리얼 https://ko.reactjs.org/tutorial/tutorial.html#inspecting-the-starter-code 자습서: React 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 리액트 튜토리얼 참조 React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리입니다. “컴포넌트”라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕습니다. 여기에서 ShoppingList는 React 컴포넌트 클래스 또는 React 컴포넌트 타입입니다. 개별 컴포넌트는 props라는 매개변수를 받아오고 render 함수를 통해 표시할 뷰 계층 구.. 모듈 모듈과 라이브러리는 비슷한 개념이다. 모듈이 프로그램을 구성하는 작은 부품으로써의 로직을 의미한다면 라이브러리는 자주 사용되는 로직을 재사용하기 편리하도록 잘 정리한 일련의 코드들의 집합을 의미한다고 할 수 있다. 프로그래밍의 세계에는 라이브러리가 많다. 좋은 라이브러리를 선택하고 잘 사용하는 것은 프로그래밍의 핵심이라고 할 수 있다. jquery , react 생활코딩 / 모듈 참조 데이터의 수정 기존의 배열을 수정하지 않고 사본 만드는 방법 중 내가 아는 것 b = a.slice(); 일반적으로 데이터 변경에는 두 가지 방법이 있습니다. 첫 번째는 데이터의 값을 직접 변경하는 것입니다. 두 번째는 원하는 변경 값을 가진 새로운 사본으로 데이터를 교체하는 것입니다. 객체 변경을 통해 데이터 수정하기 var player = {score: 1, name: 'Jeff'}; player.score = 2; // 이제 player는 {score: 2, name: 'Jeff'}입니다. 객체 변경 없이 데이터 수정하기 var player = {score: 1, name: 'Jeff'}; var newPlayer = Object.assign({}, player, {score: 2}); // 이제 player는 .. 리다기 15~16 리다기14 이전 1 2 3 4 5 6 7 ··· 14 다음
