카경의 코딩공부

이론 : https://kyoungmini.tistory.com/21 안녕하세요 !! 이번엔 저번 이론에 이어서 바로 실습과 사용을 왜 하면 좋은지에 대해서 바로바로 실습에 들어가겠습니다 ! 저번에 밑에와 같은 그림이 기억나시나요? 이것을 보면서 바로 들어가보겠습니다 !! Store생성 먼저 ! 상태들을 총 관리하는 Store부터 생성해봅시다 ! # NPM npm install @reduxjs/toolkit or # Yarn yarn add @reduxjs/toolkit 당연히 설치를 먼저해주세요 !! 밑에 그림처럼 그런다음에 먼저 createStore를 만들어주세요 !!! 또한 configureStore에 대하여 /* eslint-disable react-hooks/rules-of-hooks */ im..

안녕하세요 !!! 이번엔 상태관리에 대해서 손쉽게 사용하는 방법을 알아가려고 합니다 !!! 제가 회사에서 배우면서 저만의 느낌으로 좀 더 쉽게 이해하려고 한 부분들을 소개하려고 합니다 !!! ( 본문이 좀 길게 되는경우 파트를 나누겠습니다 ! ) 먼저 Redux에 대해서 알아봅시다 ! Redux란? Redux란 2015년에 Dan Abramov씨와 Andrew Clark씨에 의해 작성된 상태 관리 라이브러리입니다! Flux 아키텍처 의 영향을 받아 프론트 엔드에서의 데이터 관리를 쉽고 견고하게 해줍니다 ! Redux 자체는 순수한 JS로 쓰여 있기 때문에 Vanila JS나 jQuery에서 사용할 수 있는 것은 물론이지만 단방향 데이터 바인딩을 하고 있는 React랑 가장 궁합이 좋습니다 ! Flux란?..

안녕하세요 !!! Tailwind CSS를 이용해서 Responsive페이지를 만들어보려고 합니다 !!! ( 간단히 말하자면 화면이 커지거나 작아짐에 따라서 항목들이 알맞게 크기에 맞추는 겁니다 ! 즉 반응형 웹페이지 ! ) 정말 간단하고 쉽게 만들수 있으니 잘 따라와주세요 ! 먼저 ! 저의 화면을 보여드리겠습니다 ! 먼저 소스코드는 밑에 설명하겠습니다 ! 다 적용하고 나서의 깃은 맨 마지막에 쓰겠습니다 ! 연습용: https://github.com/kanaheo/kana-market/blob/ce26ffe2363f9de3a95b0b86a82d1c80b0101219/pages/index.tsx 보통은 화면이 컸을 때부터 디자인을 입히면서 작았을 때를 나중에 하지만 기본적으로 Tailwind CSS를 적용..

9편 : https://kyoungmini.tistory.com/18 안녕하세요 ! 이번엔 9편에 이어서 ForeignKey에 대해서 좀 더 깊게 알아보겠습니다 ! 먼저 ! 7편에서 간략하게 소개한적이 있는데요 외래키(Foreign Key)란? 외래키(Foreign Key)란 테이블의 필드 중에서 다른 테이블의 행과 식별을 할 수 있는 키를 의미합니다. 일반적으로 외래키가 포함된 테이블을 자식테이블 이라고 하고 , 외래키 값을 갖고 있는 테이블은 부모테이블 이라고 합니다. 즉 !! 외래키란 테이블과 테이블을 연결하기 위해서 사용되는 키라고 생각하면 됩니다 !!! 가장 편하게는 A라는 테이블에서 B테이블과의 뭔가의 관계를 나타 낼 때 ! 즉 A 테이블에서 B테이블의 ID라던가 고유의 값을 가지고 있는 것입..