개인프로젝트(Trablog)

Trablog 도입 지금까지 React를 이용하여 프론트엔드에 집중하였는데 GraphQL을 이용한 페이지를 만들고 싶어서

처음에는 그냥 홈에서 모든 포스트를 불러와서 그대로 보여주는걸 선택했다. 그래서 그냥 GraphQL Resolver도 getPosts를 하나 만들어서 몽땅 전체 포스트를 불러오기로 막연하게 만들었다. 그러나 조금만 생각해보니 너무 많으면 초기 로딩이 오래 걸릴 것 같아

Velog의 검색 디자인을 좀 따랐다.Query Selector를 이용하여 검색을 하였다. Tag같은 경우는 String\[] 형식으로 되어있기에 배열을 String으로 전환후 검색하였다.우선 Velog의 디자인을 따랐기 때문에, 검색창에 검색 버튼이 없다. 따라서 o

처음에는 여러 에디터를 찾다가 어떤건 한글 입력이 잘 안되고, 또 어떤건 입력은 되지만 state에서 마지막 글자가 반영이 안되는 등 약간의 골머리를 썩이다가 친구가 Quill이란걸 추천해 줬다. 그래서 바로 적용해 봤다. Toast에서 만든 에디터가 있는데 시간 나면

여행 블로그를 만들고 있기 때문에 포스트를 지역별로 분류하는게 좋다고 생각했고, 분류하는 방법으로 태그를 붙여서 분류할 수 있고, 검색을 할 수 있으면 좋겠다고 생각했다. 그래서 Tag를 구현해야 했다.https://www.npmjs.com/package/re