반응형 React11 react에서 props가 귀찮으면 redux를 쓰면 된다아 ? 그렇다 props가 귀찮으면 redux를 쓰면 된다. props는 컴포넌트 간에 state를 공유하는 것이 조난 귀찮다 왜냐 ? 부모에서 자식으로 계속해서 넘겨주어야 하기 때문이다. 근데 redux는 ? 한군데 보관해놨다가 그냥 컴포넌트 어디서든 꺼내쓰면된다 개꿀 ? 이런게 있다는것만 알고 자세한 방법은 구글에 redux를 검색하자 잘 정리해놓은 블로그 겁나 많다 2022. 7. 7. 리액트 컴포넌트(React Component)가 왜쓰고 뭔데 ? 항상 느끼는 건데 html 코드를 짜다보면 코드가 너무 더럽다라는 생각이 듬 왜냐하면 div 같은 것들이 너무 많기 때문에 소스가 길어질수록 갑갑해짐 그러다보니 이게 무슨 div인지도 모르고 헷갈리기 일쑤 ! 위와 같은 저런 현상을 방지하기 위해 깔끔하게 하기 위해 하는게 바로 리액트 컴포넌트(React Component) !! 제목 날짜 내용 워메 깔끔한것 HTML에서 div를 저렇게 계속 생성해야 한다면 React Component 에서는 깔끔하게 한단어로 축약할수있고 이게 뭔지까지 바로 알 수 있다 1. 내 코드 첨보는 사람도 이해하기 쉽고 2. 미내릐 나도 이해하기 쉽게 됨 그러면 언제 컴포넌트(Component)를 쓰면 좋을까 ? 1. 반복적인 html이 있을 때 2. 큰 페이지 자체 3. 자주.. 2022. 6. 21. 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 3 다음 반응형