이번에는 비주얼 스튜디오 코드(Visual Studio Code; VSCode)로 깃허브 페이지(GitHub Pages)를 개발하기 위한 기본 설정을 수행합니다. 최소실행에 필요한 파일을 몇 개 작성하고, 개발에 유용한 VSCode 확장을 설치합니다. 또한 간단한 단축키로 테스트를 수행할 수 있도록 테스크를 작성합니다. VSCode를 포함한 개발도구가 이미 설치되어 있다고 가정하고 시작합니다. 아직 준비가 되지 않았다면 로컬 테스트 환경 구정 포스트를 참고하여 도구를 설치한 뒤 진행합니다. 기본파일 생성 깃허브 페이지는 웹페이지 생성기로 지킬(Jekyll)을 사용합니다. 정적 웹 페이지를 생성하는 최소한의 파일은 _config.yml, index.md입니다. 이 파일들은 깃 명령으로 복제한 로컬 저장소 ..
포트폴리오를 위한 깃허브 페이지: VSCode 개발 설정
기존의 개발환경 이미 파이썬(Python)을 써서 뭔가 하고 있기 때문에 사용하던 개발환경이 있습니다. 운영체제로는 윈도우즈 10을 사용하고 있고, 아나콘다(Anaconda)에서 제공하는 파이썬 배포판과 패키지 관리 프로그램인 conda를 사용하고 있습니다. 코딩을 위해서 사용하는 텍스트에디터는 비주얼 스튜디오 코드(VS Code)를 사용하고 있습니다. 이후의 설명은 이 상태에서 출발하는 것을 가정합니다. 어떤 매크로를 만들까 가장 먼저 고려할 점은 비활성 상태인 창을 컨트롤 할 수 있어야 한다는 것입니다. 관련 MSDN 문서(영문) 활성 창은 사용자가 현재 사용하고 있는 창입니다. 여러 창 중에서 가장 앞에 배치되어 있습니다. 비활성 창은 사용자의 입력이 없고, 활성창에 가려서 일부만 보이거나 완전히 ..
파이썬 매크로 제작: (1) 개발환경 구성
VSC에서Ctrl + F 를 사용하면 에디터 상단에 찾기 도구가 나타납니다. 가장 왼쪽의 화살표를 누르면 바꾸기 메뉴도 지원하죠. 특정 단어를 찾아서 자꿔야 하는 경우, 에지간하면 이것을 쓰게 될 상황이 식별자를 모두 바꿀 때 뿐이라 Ctrl + F2로 해결하게 됩니다. 이쪽이 굳이 수고롭게 클릭해가며 설정 맞출 필요 없이 키보드 안에서 해결할 수 있거든요. 찾기 도구의 진가는 정규표현식을 사용할 때 나타납니다. 문제 위의 파이썬 파일에서 보이는 수많은 식별자와 값들은 목적이 같습니다. 그래서 저는 이것을 flags라는 이름의 사전형 변수(dict)로 만드려고 하는데요 수십개나 되는 변수를 일일히 사전형으로 바꾸기에는 노력이 너무 많이 듭니다. 대상 찾기 제 경우 모든 대상을 찾기 위해서 itp_([\w..
VS Code: 정규표현식을 이용한 찾기, 바꾸기
요즘 만들어둔 스킨이 맘에 안들 때 문제있는 부분을 찾아서 만들기가 너무 어려워 아예 처음부터 다시 만드는 경우가 많습니다. 때문에 유지 관리하기 편한 개발환경을 만들기 위한 고민을 시작했습니다. 개발 언어와 기능 기본적으로 티스토리 스킨에는 HTML, CSS, javascript를 사용할 수 있습니다. 이들을 그대로 사용하다보니 수정할거리가 생기면 찾기가 너무 힘들었는데요. 컴파일 과정을 거쳐야 하지만 유지관리에는 훨씬 유리한 SASS(SCSS), Typescript를 사용하기로 했습니다. 추가로 HTML파일에는 import태그를 추가해서 테마를 조각단위로 작성한 후, 컴파일을 통해서 하나의 skin.html로 만드는 기능을 추가하기로 했습니다. Python 패키지 자주 사용하는 언어가 파이썬(pyth..
[VSCODE] 티스토리 스킨 개발 세팅: 컴파일러 제작
VSCODE(Visual Studio Code;비주얼 스튜디오 코드) 프로젝트 안의 파일이 변경, 생성되는 경우 자동으로 변경내용을 포함하여 새로 빌드하는 것을 감시(Watch)라고 합니다. 웹 개발 등에서 감시를 활용하면 매번 변경사항을 적용하기 위해 컴파일 명령을 사용하지 않을 수 있으니 편리합니다. VSCODE의 플러그인인 tsc-watch나 SASS-autocompile등이 이런 기능을 제공하고 있습니다. 이 포스트는 tasks.json을 활용하여 감시 기능을 하는 파이썬(Python) 스크립트를 사용하는 방법을 다룹니다. tasks.json 프로젝트의 .vscode/tasks.json은 테스크 작업을 관리하는 파일입니다. Ctrl + Shift + P를 눌러 작업 명령 팔레트를 열어 Tasks:..
Python: VSCODE의 tasks.json를 이용한 프로젝트 감시
End of content
No more pages to load