graphql2 [React] store 사용하지 않고 페이지 이동할 때 정보 저장하는 법(graphQL 사용, useNavigate, useLocation 활용) 안녕하세요! 저는 오늘은 Redux store를 사용하지 않았을 때 정보를 저장해서 다음 페이지에 보내는 법에 대해 고민을 하는 시간을 가졌습니다. 제가 지금 graphQL을 사용하여 구현중인데, 익숙한 Redux를 사용하지 않으니 아주 간단한 기능에서부터 헷갈리는 것들이 있더라구요. 오늘은 그 중, store로 데이터를 저장하지 않았을 때의 상황에서 페이지를 이동할 경우 어떻게 정보를 보낼 수 있는지에 대해 기록하려고 합니다. 1️⃣ useState로 state 관리하기 const [nameValue, setNameValue] = useState(``); state관리하는 것까지는 간단한 과정입니다. 2️⃣ input 스타일링 당연한 거지만, 시작하시는 단계의 계신 분들은 위 내용도 그대로 따라하시는 .. 2023. 6. 21. Apollo GraphQL - 연습 1일차 왜 Apollo GraphQL을 사용하게 됐을까? - 새로운 프로젝트에 프론트엔드 개발자 1인으로 투입되었다. - 굉장히 큰 회사의 프로젝트인데, 처음 밑바닥부터 끝까지 만들어야 하는 구조였다. - 서버와의 통신에서 효율적인 것을 찾는 과정에서 팀의 리더의 Redux와의 차이, 처음부터 프로젝트를 만들었을 때 GraphQL을 도전하는 것, 왜 사용해야 하는가에 대한 이야기를 듣게 되었다. - 서버, 클라이언트 모두 GraphQL을 사용하게 되면서 도전을 시작한다. 1. 설정 - Create React APP을 통해 새로운 React 프로젝트를 생성해주었다. 2. Install dependencies yarn add @apollo/client graphql // yarn npm install @apollo.. 2023. 5. 23. 이전 1 다음
