Azubik

카테고리 목록을 화면에 출력시키긴 했지만 아무 동작도 하지 않는다 우선 카테고리에 클릭 이벤트를 추가해주자 //categories.js const Categories = ({ data, onChangeCat }) => { const { group } = data.allMarkdownRemark const clickHandler = event => { console.log(event.target.innerText) } return ( All {group.map(prop => { const { fieldValue } = prop return ( {fieldValue} ) })} ) } /* 여기서 onKeyPress={clickHandler} 와 role="presentation"를 추가한 이유는 비대화형 ..

개츠비 블로그를 커스텀하다보니 개시물을 카테고리별로 분류하고 싶어졌다. 처음부터 카테고리가 있는 테마를 쓰면 편하지만 불편한게 끌리는건 왜인지 모르겠다. 좌측 배너 중간쯤에 카테고리들을 나열하고 카테고리를 클릭하면 해당 카테고리에 해당하는 포스트만 나타낼것이다. 다른 블로그를 찾아보니 page에 새로운 것을 추가하고 gatsby-node를 설정하는등 여러 방법이 있는듯 하나 나는 그냥 조건문을 이용해 렌더링 할것이다. 우선 카테고리를 표시하기 위해 새로운 컴포넌트를 만들었다 이름은 categories.js import React from "react" import { graphql } from "gatsby" const Categories = ({ data }) => { const { group } = ..