G's days

hover가 아닌 본 태그에 트랜지션을 준다.

rest parameter //rest parameter : 파라미터 무한 (가장 뒤에써준다) function 함수(...a) { } //rest parameter 파라미터 타입지정 ( 배열로 한다 ) function 함수(...a :number[]) { } destruncturing 개념 // destrucuring 쓰지 않을 때 let 어래이 = ['안녕', 100] console.log(어래이[0]) console.log(어래이[1]) // destrucuring 쓸 때 ====> 배열 자료들을 변수로 빼서 쉽게 쓸 수 있음 let [변수,1 변수2] = ['안녕', 100] console.log(변수1) console.log(변수2) //오브젝트 destructuring let { student:..

Error: Objects are not valid as a React child (found: [object Promise]). If you meant to render a collection of children, use an array instead. const productsContainer = document.querySelector('.product-container'); const loading = document.querySelector('.loader'); // let limit = 5; let page = 1; async function getProducts() { const res = await fetch('https://Ji-Yeon0107.github.io/shopping/prod..

로컬 Git저장소 초기화 (로컬에Git저장소 만들기) git init 확인 git status 로컬과 연동시키기 1) 빈 repository를 받아오기 2) 이미 작업중인 repository를 받아오기 1) 빈 repository를 받아오기 Readme 파일 생성 echo "# 깃저장소로 사용할 폴더명" >> README.md 현재 branch를 main branch로 이동 git branch -M main 원격 저장소에서 불러오기 git remote add [REMOTE_NAME] [REMOTE_GIT_URL] -> (뒤에 git~는 SSH를 복사하기) -> public key 생성(다른포스팅참고) git remote add origin git@github.com:깃허브아이디/Repository이름.g..

npx create-react-app my-app npm npm init react-app my-app yarn yarn create react-app my-ap

객체(Object) 데이터 형식 중 하나 key과 value(값)으로 이루어진 property의 집합 { key : value, key2: value2, ... } 서로 연관된 데이터와, (그 데이터를 처리하는 방법인 함수를) grouping해서 코드의 복잡성을 낮추는 수납상자

Create 1. create버튼을 만든다. 이 내용은 Control.js에 따로 저장한다. create! 2. props 만들기 App.js 핸들러 만들기 Control.js 3. mode에 따라 태그가 바뀌게 만들자 App.js render() { var _artice = null; if(this.state.mode ==='welocme'){} else if(this.state.mode ==='read'){} else if(this.state.mode ==='create'){ _article = } //부분을 삭제하고 대신 _article변수를 넣어준다. {_article} } 4. CreateContent.js 생성 Create! 5. App.js constructor(props) { super(p..

State state 이해하기 1. state(props) 값이 바뀌면 state를 가지고 있는 컴포넌트의 render함수가 다시 호출된다. (하위 컴포넌트의 render함수도 다시호출됨) -> 화면이 다시 그려진다. (render함수: 어떤화면을 나타낼지 결정하는 함수) 2. props와의 차이점을 통한 이해 - props: 읽기 전용(props가 정의된 컴포넌트 안에서 내부적으로 props를 바꿀 수 없음) 컴포넌트를 사용하는 사용자의 입장에서 필요한 것 - state: setState로 바꿀 수 있음 props의 값에 따라서 컴포넌트를 구현하기 위해 내부적으로 사용되는 상태값 3. 특징 1) Single Page Application이도록 해준다. 2) render함수에서 title={this.st..