섬네일 리스트1 예시
와이드패널 예시
스킨 옵션으로도 첫화면을 다르게 설정할 수 있습니다.
Whatever 스킨은 [로고 이미지, 목록 더보기, 레이아웃 타입, 컬러 타입, 리스트 타입] 다섯 가지 옵션을 제공합니다.
게시물이 존재할 경우 아래에 최신순 4건이 배열됩니다
- js 변수와 함수 자바스크립트 ver message = ‘h1’;변수선언 변수 = 값 console.log(message);변수를 보여달라 = hi가 출력됨 초창기에는 var 사용현재는 const 사용 const나 var을 입력하면 보라색이 뜨는데이거는 이미 js에서 사용하는 언어라는것을 뜻함 js에는 let으로 정의하는걸 추천 그러면 const 와 let의 차이점은let은 한번 선언하고 나서 변수의 값을 변경가능하다const는 이미 한번 선언하면 변경 불가능하다 let b = 20;b= 30;이러면 20에서 30으로 변경됨 let a = 10;let b = ‘hi’;let c = true;let d = [];let e = {}; 숫자문자열지니값배열객체등 다양한 데이터 유형이 배열에 선언될수 있다. 카.. 더보기
-
코알누-redux middleware
리덕스 미들웨어 비동기 처리 미들웨어 : 중간에 가로채는 느낌 redux thunk 미들웨어 사용 npm install redux-thunk = store을 app에 적용 reducer는 파라미터 2개 = state,action
더보기
-
코알누-redux개념 소개
리액트는 단방향 통신 부모가(app)이 자식한테만 전달가능하고 자식이 부모한테는 못간다. 리덕스를 어려워하는 이유 : component 방식:어떤 state를 만들어서 거기서 state를 싹다 저장하고 여기서 component가 요청을 해서 값을 받아오는 방식 useDispatch:액션을 던지는 훅 useSelector: 컴포넌트에서 store에 있는 값을 가져와서 쓸때에 redux랑 react-redux 차이점 간단히 말해서, Redux는 상태 관리를 위한 독립적인 라이브러리이며, React-Redux는 Redux를 React 애플리케이션과 함께 사용하기 위한 도구 세트입니다. React-Redux를 사용하면 Redux를 더욱 효율적으로 React 애플리케이션에 통합할 수 있습니다. react를 사용해..
더보기
-
코알누-react hnm 쇼핑몰 웹사이트 만들기 - 라우터 세팅
//1. 전체상품 페이지, 로그인, 상품상세페이지(리액트 라우터) //2. 전체 상품페이지에서는 전체 상품을 볼수 있다. //3. 로그인 버튼을 누르면 로그인 페이지가 나온다. //4. 상품디테일을 눌렀으나, 로그인이 안되있을경우에는 로그인페이지가 먼저 나온다. //5. 로그인이 되어있을 경우에는 상품 디테일 페이지를 볼수 있다. //6. 로그아웃 버튼을 클릭하면 로그아웃이 된다. //7. 로그아웃이 되면 상품 디테일페이지를 볼수없다, 다시 로그인 페이지가 보인다. //8. 로그인을 하면 로그아웃이 보이고 로그아웃을 하면 로그인이 보인다. //9. 상품을 검색할수 있다. import {Routes,Route} from 'react-router-dom'; 는 React에서 라우팅을 구현하는 데 사용되는 컴..
더보기
