본문 바로가기

Next JS

IT관련/Redux 관련 2022. 6. 29.
한눈에 ! 누구나 쉽게 ! useDispatch와useSelector에 대해서 알아보자 ! (react toolkit를 활용한 state관리 ! ) 안녕하세요 ! 전체적인 흐름 : https://heokknkn.tistory.com/21 저번에 ~ Redux의 관해서 대해서 공부를 해봤는데요 ! 이번엔 여기서 react-redux에 기능중 ! useSelector과 useDispatch에 대해서 집중적으로 알아보려고 합니다 !!! 쉽게쉽게 풀어나가겠습니다 ! 아 ! 저는 Next JS에서 진행합니다 !! ( 리액트 환경에서 무난하게 돌아가니 너무 걱정마세요 ! ) useSelector이란? https://react-redux.js.org/api/hooks 공식문서를 보면 ! useSelector를 사용하면 Redux의 store state에 데이터를 등록할 수 있습니다. 즉 ! 등록 한 데이터를 가져와서 쓸 수 있다로 생각해주시면 편합니다 !!! 그..
IT관련/DB(데이터베이스) 관련 2022. 5. 22.
PrismaClient에 대해서 알아봅시다 ! ( feat. next js로 api만들기 ) 안녕하세요 ! 이번엔 prisma client에 대해서 알아보겠습니다 ! prisma client란? Prisma Client는 데이터에 맞게 자동 생성되는 안전한 쿼리 빌더입니다 . 음! 쉽게 말하자면 java script를 이용해 prisma를 통해서 DB를 조회하거나 수정작업을 할 수 있도록 해주는 도구라고 생각하시면 됩니다! 왜 필요할까요?? 말그대로 손 쉽게 java script를 이용해서 DB에 접근하기 위해서입니다 !!! 그럼 한번 해볼까요?? 저는 next js상에서 진행합니다 !!! 혹시라도 prisma가 깔리지 않으신분들은 https://heokknkn.tistory.com/28?category=1064702 참고해주세요 ! 또한 기본적으로 DB의 table을 하나 이상 만들어주시구요 ..
IT관련/NextJS 2022. 5. 19.
Next js에서는 a태그대신에 Link태그를 사용하자 ! 안녕하세요 ! 이번에는 Next JS에서는 Link태그에 대해서 ! 또한 단순히 a태그를 이용하면 안되는 이유에 대해서 알아보겠습니다 ! 먼저 바로 단순히 a태그만 이용해서 구현해보겠습니다 a태그 이용하기 일단 간단히 a태그만 이용하면 저런식으로 경고문자가 나와줍니다!!! / 이거말고 /about 이런식으로 이용하면 없어지긴하는데 next js에서 제공해주는 Link 태그를 사용합시다 !!! Link태그 이용하기 저런식으로 위에처럼 간단히 할 수 있습니다 !!! 하지만 여기서 a태그를 왜 써야하지? 라는 의문이 있을 수 있습니다 !! 그럼 한번 a태그를 빼볼까요??? 이런식으로 잘 들어오는것을 확인 할 수 있습니다 !!! 하지만 ! 저희가 저기 Link태그에 클래스명을 줘서 스타일을 적용하고 싶다면 ??..
728x90

티스토리툴바