반응형 react6 react에서 props가 귀찮으면 redux를 쓰면 된다아 ? 그렇다 props가 귀찮으면 redux를 쓰면 된다. props는 컴포넌트 간에 state를 공유하는 것이 조난 귀찮다 왜냐 ? 부모에서 자식으로 계속해서 넘겨주어야 하기 때문이다. 근데 redux는 ? 한군데 보관해놨다가 그냥 컴포넌트 어디서든 꺼내쓰면된다 개꿀 ? 이런게 있다는것만 알고 자세한 방법은 구글에 redux를 검색하자 잘 정리해놓은 블로그 겁나 많다 2022. 7. 7. 여러개의 비동기처리를 모두 통과해야할때 ? 필요할때 ? Promise.all() 함수를 사용하면 된다. // 여러개의 비동기 처리가 필요할때 Promise.all([ axios.get("url1"), axios.get("url2") ]) .then(()=>{ // Promise에 포함된 비동기 작업들이 모두 성공했을때 then 코드가 동작하게 된다 // 코드 }) 더 자세한 사용법은 Promise.all() 사용법 늘 MDN 참고하시면 되고 다른 사람들은 어떻게 사용하고 있나 궁금하면 구글에 그냥 promise.all 검색하면 됨 비동기처리를 여러개해야한다 ? 일단 promise.all 이 있다는것만 알면 됨 2022. 7. 6. React State 왜 씀... ? 변수 안 쓰고 굳이 ? var, let, const 다 있는데 state 왜 쓸까 ? 간단해서 말해줄거도 없음 그냥 var, let 쓰면 데이터가 바뀌었을 때 자동으로 재렌더링이 안되기 때문에 변수 자료들이 바꼈을 때 바껴져라 해줘야하는데 state 쓰면 그런거 없이 그냥 자동으로 재렌더링이 됨 그래서 편하기 때문에 쓰는거임 근데 편하기 때문에 쓰긴 쓰는데 온데만데 다 쓰면 귀찮기만 함 자주 변동이 될거 같은 것들만 state로 쓰면 됨 2022. 6. 10. React JSX 가 뭔데....? 왜쓰는데 react 를 사용하게 되면 우리는 js 파일에 html 코드를 짜게 되는데 js파일이지만 요로코롬 쉽게 우리는 html 코드를 짜 넣을 수 있음 이렇게 할 수 있게 해주는게 JSX임 원래 react 에서는 하나 만들려면 React.createElement('div', null, 'Hello World') 요로코롬 코드를 길게 짜야하는데 이런식으로 쓰게하면 사람들이 겁먹을꺼니까 JSX 같은걸 사용해서 쉽게 할 수 있게 도와준거임. JSX 만든 사람한테 감사하다고 한마디하면됨 JSX 문법으로는 3가지가 있는데 1. className 일단 원래 html은 class 를 사용하면 되는데 JSX 에서는 className 를 사용해야한다 // 기존 // JSX 이렇게 2. 변수 사용 let title = '공지사.. 2022. 6. 10. 이전 1 2 다음 반응형
