난 주로 PHP 로 개발을 진행하기 때문에 ESLint와 Prettier는 거의 사용을 하지 않지만 간혹 React Native App을 개발하거나 할 때는 사용할 때가 있다. 그리고 자바스크립트 역시 개발을 해야할 경우가 있어서 이번에 제대로 세팅을 진행하게 됐다. 포맷팅은 Prettier가 담당하고 문법오류는 ESLint에서 체크한다. 우선 아래 2개의 Extension을 VS Code에 설치한다. 특히 ESLint의 경우는 Extension만 설치했다고 사용할 수 …
코딩을 하다보면 괄호 때문에 코드 오류가 발생하는 경우가 종종 있다. 각 괄호마다 다른 색상으로 매치되는 것을 표시해주게 되면 이런 수고가 조금은 줄어 들 수 있는데.. VS Code 에서는 아래의 Extension 을 설치해서 사용해왔는데.. 최근 1.60 버전 부터는 Extension 설치없이 자체적으로 이를 지원하게 됐다. 속도도 MS 에 따르면 엄청나게 빠르다는데.. 이건 직접 확인이 불가능하지만.. 좋다고 하니 …
syntaxhighlighter.zip 이미지와 같은 그누보드4s용 SyntaxHighlighter 적용 게시판스킨이다. g4s의 basic 게시판 스킨에 SyntaxHighlighter를 적용한 것으로 에디터를 사용하여 소스코드를 입력하고 보여줄 때 사용할 수 있다. 사용법은 아래와 같다. 1. 스킨설치 PC용 스킨만 있으며 skin/board 폴더 아래에 첨부된 압축 파일을 다운로드 후 압축을 풀고 FTP로 업로드 한다. 게시판 설정에서 스킨을 해당 스킨으로 선택한다. 2. 스킨설정 스킨의 js 폴더 …
이건 크게 사용할 일은 없을 듯 하지만.. 만약 게시판에 php 코드등을 올릴 때 사용하면 좋을 듯 하다. 우선 정해야할 것이 코드를 어떻게 올릴 것인지인데.. [code:xxx] …… [/code] 이런 식으로 [code] [/code]로 감싼 부분에 코드를 입력한다. 그리고 여기서 xxx 는 언어명이다. php 라면 [code:php] 이렇게 된다. 코드는 html 에디터를 이용해 입력하는 것으로 한다. 에디터가 없는 환경은 …
다른 분들의 블로그를 가끔 방문할 때면 코드가 예쁘게(?) 나오는 걸 볼 때가 있다. ‘나도 저런 거 하고 싶다’ 라는 생각을 했는데.. 그런 기능이 티스토리 블로그에도 적용이 가능하다는 걸을 알고 피곤한 몸뚱이를 이끌고 작업을 시작.. 근 1시간 가량 소비가 된 것 같다. 크롬과 파이어폭스 그리고 IE에서 가능하면 같은 모습으로 보여지길 원해서 잘 하지도 못하는 정규식 붙들고 사투를 벌이다 보니 …