Devlog

사실 개발블로그를 시작한지는 이번달에 들어서 딱 반년이 지났다. 처음에 쓰기시작한 이유는 솔직히 남들 다 쓰니까 시작하게 됐는데 점점 시간이 지나면서 글쓰는 요령도 붙고 나름 독자의 입장에서 생각해보기도 하고 무엇보다 가장 큰 장점은 하나의 주제를 공부할때 블로그를 작

서론 개발 블로그를 github io 로 옮기면서 고민을 해야할게 늘어났다. 우선 메뉴부분인데 어떻게하면 간단하게 .md 파일을 추가하면서 메뉴트리를 짤 수 있을까 고민해봤다. 우선 최선은 이런식으로 앞에는 날짜, 뒤에는 제목의 형식으로 파일을 만들면 메뉴엔 자동으로

저번 포스트의 지저분했던 test() 함수에서 위와같이 짧고 간단한 재귀함수인 getDirectoryStructure 로 다시 태어났다.물론 이것보다 훨신 더 깔끔한 구조로 짤수 있을것같은 느낌이 드는데 현재 필자의 역량에선 이게 최선이다... 아쉬운점은 이정도로 하

저번 포스트까진 서버단에서 디렉토리 구조를 가져와서 프론트단에서는 단순하게 목록들을 뿌려주기만 했는데 이번 포스트에선 메뉴 디자인을 해줄것이다. 필자는 개인 특성상 여러 디자인 라이브러리를 쓰는것을 별로 선호하지 않아 순수 css 로 디자인을 해줄 것이다.또 이번 포스

각 포스트들은 .md 라는 마크다운 파일로 생성을 하게 될 것이다. 이 마크다운 문법으로 작성되어있는 포스트들을 html 문법으로 변환시켜주는 작업이 필요해 변환해줄 예정이다. 시작전에 필요한 라이브러리들을 다운받아야 한다 마크다운 문법 지금 작성하고 있는 포스트도

지금까지는 단순히 메뉴트리를 보여주는것, 포스트 하나를 정적으로 보여주는작업을 했는데 실제 블로그에서 이런식으로 당연히 표현할 수 없기때문에 메뉴 클릭시 해당되는 포스트를 보여주는 작업을 할 것이다.해당 작업에 대한 구조를 어떤식으로 짜야지 잘짰다고 생각이 들까 고민을

저번 포스트까지 메뉴와 포스트를 보여주는 페이지까지 만들어주면서 진짜 기본적인 블로그의 역할을 하게 되었다. 하지만 개발을 진행하면서 너무 못생긴 UI 때문에 의욕도 안생기고 할맛이 안나서 이번 포스트에서는 UI/UX 약간의 변경? 및 다크모드를 추가해 줄 것이다.필자

메인페이지에 가장 최근 포스트순으로 카드형식으로 6개 ~ 9개 정도를 보여주거나 인피니티 스크롤을 사용해서 날짜순으로 보여주려고 한다. 구조 잡기

저번에 찾았던 gray-matter 를 사용해 태그리스트도 만들어줄 예정이다.저번 포스트와 마찬가지로 모든 파일의 메타데이터에 접근해서 태그를 읽어오는식으로 작성했다. 하지만 TODO 에도 써놨듯이 안좋은 방법인것 같아 새로운 포스트가 업로드 되면 태그 목록만 따로 업

우선 현재까지 작업한 디자인은 태그 리스트부분과 최근 포스트 순 디자인을 살짝 바꿨다.태그 전체 목록과 해당 태그의 개수, 전체 태그의 개수를 표현했고 각 태그를 클릭하면 해당 태그가 포함된 게시글이 나오도록 해줬다.ts1 태그 클릭시 :::ts2 태그 클릭시 :::또

velog 를 작성하면서 생각보다 마음에 들었던 기능이 시리즈 별로 게시글을 볼수 있는것이였다.처음에 특정 프로젝트나 특정 기능에 따라 시리즈로 묶을수 있는게 큰 장점같았기 때문이다. ?? 근데 생각해보니까 github.io로 블로그를 만드는 가장큰이유가 메뉴 기능이