Categories
Tags
8
16
32
![커버: [JAVASCRIPT] 간트차트를 만들어보자 커버 이미지](/assets/images/post/covers/TIL-javascript.png)
Gantt Chart 간트 차트는 프로젝트 일정관리를 위해서 사용이 되는데요. 처음 간트 차트를 접하게 된 때는 설계사무소를 다닐 때 였습니다. 물론 테이블을 다루는 라이브러리를 많이 있고, 아예 엑셀을 만들어 배포하는 것도 많이 봤습니다. 하지만 원리와 구성을 모른 채 라이브러리에 의존하다보니 문득 궁금해졌습니다. 하드코딩이라도 괜찮으니 한 번 만들어 보기로 한거죠.
2022년 02월 17일![커버: [JAVASCRIPT] Markdown Parser를 만들어보자 (특히 리스트) 커버 이미지](/assets/images/post/covers/TIL-javascript.png)
Markdown Parser를 만들어보자 마크다운을 HTML로 파싱해주는 라이브러리가 여러가지 있지만 한 번 구현해 보면 공부가 되겠다 싶어 기록합니다. 이전에 `router`를 구현해서 포스팅 한 적이 있는데요. `router`를 응용해서 `wiki`페이지를 만들어 페이지를 관리하고 있습니다. 그런데 페이지 내용을 리터럴 템플릿으로 태그를 하나하나 작성하기가 번거롭기도 하고 시간이 많이 들어 마크다운을 파싱하여 내용을 관리하는게 효율적일 것 같아 필요하게 되었습니다.
2022년 02월 07일![커버: [JAVASCRIPT] Vanilla JavaScript로 SPA를 구현해보자 02 커버 이미지](/assets/images/post/covers/TIL-javascript.png)
Router 구현 작년 12월 즈음 spa에 관한 이야기를 했었습니다. 그 당시 구현 방식에 대해 짧게 다루어 보았는데요. 궁금하신 분은 링크를 참조하시기 바랍니다. 지금보니 쓸데없이 메서드가 많은 느낌이 들어서 개편?하고자 새롭게 `rotuer`를 만들게 되었습니다.
2022년 01월 28일![커버: [JAVASCRIPT] 체스게임 구현 02 커버 이미지](/assets/images/post/chess/chess02.png)
체스 게임 구현 이전에 만든 체스가 버그 투성이라 다른 방식으로 접근해서 구현했습니다. 혹시 코드를 보시고 싶은 분은 아래의 저장소 링크에서 확인하시기 바랍니다.
2022년 01월 17일![커버: [JAVASCRIPT] 체스게임 구현 01 커버 이미지](/assets/images/post/chess/chess01.png)
체스 게임 구현 저번에 올린 솔리테어처럼 코드를 하나씩 뜯어보며 만들어가는 포스팅이 아닙니다. 추후에 시간 될 때 차근차근 만들어나가는 포스팅을 하려합니다. 아래는 자바스크립트로 체스게임이 구현 되는지 테스트 해서 올리는 결과물입니다.
2022년 01월 13일![커버: [JAVASCRIPT] Solitaire를 만들어 보자 03 커버 이미지](/assets/images/post/solitaire/solitaire04.png)
솔리테어를 만들어 보자 3편 얼른 기록하고 다른 공부를 하려다보니 급하게 올리게 되었습니다. 이전에 다음 포스팅에서 다룰 3가지를 먼저 알려드렸습니다. 1. 카드 이동 (묶음/단일) 2. 솔리테어 규칙 적용 3. 자동 카드 뒤집기 간단한 카드 뒤집기부터 해서 카드이동, 규칙 적용으로 대부분의 기능을 마무리 하도록 하겠습니다. 이후 주제는 타이머, 점수, 이동횟수, 자동완성이기 때문에 천천히 포스팅하려합니다.
2022년 01월 11일![커버: [JAVASCRIPT] Solitaire를 만들어 보자 02 커버 이미지](/assets/images/post/solitaire/solitaire03.png)
솔리테어를 만들어 보자 2편 이전 편에 틀을 잡고 끝냈습니다. 이 다음은 저번 편에서 마지막 줄에 알려드린 카드 출력과 뽑기, 모으기를 구현하려합니다. 카드를 뽑고 모으고 출력하기만 하면 이제 규칙을 만들어 제어만 하면 완성이 됩니다. 이전에 만들었던 코드를 정제하면서 기록하려하니 시간이 배로 걸리는 느낌이 들지만 하나하나 만들어 봅시다.
2022년 01월 10일![커버: [JAVASCRIPT] Solitaire를 만들어 보자 01 커버 이미지](/assets/images/post/solitaire/solitaire.png)
솔리테어를 만들어 보자 1편 솔리테어는 대부분 컴퓨터에 설치되어 있는 것으로 알고 있습니다. 구글에서 솔리테어를 검색하면 나오는 게임이기도 하구요. 규칙과 카드를 짚거나 하는 등이 꽤 복잡하다고 생각이 듭니다만, 막상 게임을 하나하나 만들어 보니 어려운 작업은 딱히 없었다고 생각 됩니다. 솔리테어를 만들기에 앞서 규칙을 알아야합니다. 해본 사람들은 아실테지만 모르시는 분을 위해 규칙을 아래와 같이 나열해보겠습니다.
2022년 01월 10일