사용해 본 언어를 중심으로 다루는 주관적인 리뷰입니다. 프로그래밍 언어는 각기 스타일과 철학이 다르기 때문에 점수를 준다거나 하기는 곤란합니다. 언어 자체에 대한 리뷰가 아니라 언어를 사용해본 경험을 리뷰한 것에 가깝습니다 자바스크립트 이름과는 달리 자바(JAVA)와는 큰 관련이 없는 언어입니다. 실행을 위해 별도의 특별한 응용프로그램이나 개발 환경을 구성할 필요가 없다는 것이 큰 장점으로 꼽힙니다. 웹에서 작동하는 스크립트 언어이며, 태그나 소스코드에 별도의 지시가 없으면 소스코르들 다운로드하는 즉시 해석기가 동작해서 필요한 기능을 수행합니다. C나 파이썬, R등 주로 접하는 프로그래밍 언어들과는 다르게 별도의 지시가 없으면 명령 블록들의 순서가 실행 우선권을 나타내지 않습니다. 이때문에 예상과는 다른..
프로그래밍 언어 리뷰 (2): javascript
프로그래밍 언어를 배운 후 밑바닥부터 시작해 게임을 만드려고 한다면, 상당한 시간과 노력을 필요로 합니다. 간단한 충돌 하나 구현하는 것도 상당히 힘들죠. 게임 엔진 게임 엔진은 게임을 만들 때 자주 사용하는 기능들을 미리 담아둔 패키지입니다. 코드 모음으로 제공하는 경우나 거대한 종합 개발 소프트웨어로 제공하는 경우가 있습니다. 잘 알려진 게임엔진으로는 유니티(Unity), 언리얼 엔진 4, 파이게임(PyGame), 렌파이(Ren'Py) 등이 있죠. Phaser Phaser는 자바스크립트 기반의 게임 엔진입니다. 무료로 사용할 수 있고 오픈소스입니다. 물리 엔진, 그래픽 엔진, 사운드 엔진 등을 포함하는 코드모음 입니다. 자바스크립트 게임 엔진이 가지는 장점을 활용하고자 할 때 이용할 수 있습니다. 자..
자바스크립트를 위한 게임엔진: Phaser
포스팅을 하다보면 그래프나 차트가 필요한 경우가 있습니다. 보통은 엑셀 등을 사용해서 그래프나 차트를 그린 후 이것을 그림으로 저장하여 포스팅에 포함하지만 원시데이터가 필요하거나 수정을 해야하는 경우가 있습니다. Plotly는 포스팅 하는 과정에서 수치를 직접 입력하여 그래프나 차트를 표시하는 도구입니다. Plotly Plotly는 각종 여러 언어를 지원하는 오픈소스 그래프 라이브러리입니다. 점 그래프나 막대그래프 뿐만 아니라 데이터를 지도 위에 표시할 수도 있고, 3D 차트를 그릴 수도 있습니다. 여기서는 CDN을 통해 Plotly를 불러오고 간단한 사용법을 다룹니다. Plotly.js Plotly.js에서 제공하는 CDN을 아래 HTML 태그로 간단하게 불러올 수 있습니다. 불러온 Plotly를 아래..
[Plotly.js] 웹 문서에 그래프 넣기
목표 티스토리가 마크다운을 공식적으로 지원함에 따라 티스토리 블로거들은 마크다운을 사용하기 위해 스킨을 만져 showdown.js를 불러오는 등의 고생을 할 필요가 없어졌습니다. 다만 공식적으로 지원하는 기능에 뭔가 부족함을 느낀다면 직접 만들어야죠. 제 경우에는 목차가 필요하다 느꼈습니다. # h1 제목 ## h2 제목 ### h3 제목 이렇게 소제목을 쓰면 포스트 최상단에, * 1 h1 제목 * 1.1 h2 제목 * 1.1.1 h3 제목 이런 방식으로 나오도록 만들어 보고자 했습니다. 내부 링크를 만들 때는 URL에서부터 어디를 가리키는지 명확하게 알 수 있도록 만들었습니다. 스크립트 작동 방식은 주석을 참고하시기 바랍니다. var HSelector = "h1"; // 소제목 선택자 // var HS..
jQuery: 티스토리 마크다운을 지원하는 목차 생성 스크립트
End of content
No more pages to load