라벨이 웹퍼블리싱인 게시물 표시

브라켓(Brackets) 말고 이제는 피닉스 코드 (Phoenix Code) 사용하자

이미지
브라켓(Brackets) 또는 브라켓츠라고 불리우는 오픈소스 기반의 코딩 프로그램이 있습니다. 한때 어도비에서 공식 배포를 담당했다가 지금은 브라켓 개발사에서 자체적으로 배포를 하고 있고요. 정말 가볍고 좋은 코딩 프로그램이어서 지금까지 친효스킨도 만들고 구글 블로그 스킨까지도 만들었습니다. 브라켓으로요. 하지만 이따금씩 실시간 미리보기 오류로 시작해 살짝 아쉬운 기능 때문에 VSC를 같이 병행해 사용하는데 최근에 아~주 괜찮은 코딩 프로그램을 알아냈습니다. 브라켓 개발사에서 새롭게 출시한 피닉스 코드 (Phoenix Code) 라는 코딩 프로그램입니다. 기존 브라켓 UI, UX를 그대로 계승한 프로그램이에요. 사실상 브라켓2 라고 해도 과언이 아닙니다. 심지어 확장 플러그인도 같아요. 물론 피닉스 코드에서는 미지원인 플러그인이 몇 개 있긴 하지만 왠만한 유명 플러그인은 기본으로 들어있기도 하고 설치가 거의 가능해서 큰 불편함이 없습니다. Phoenix Code Download 피닉스 코드 다운로드 Phoenix Code 브라켓을 잇는 피닉스 코드 https://phcode.io/ 위의 공식 홈페이지에서 다운로드 받을 수 있습니다. 두 가지 플랫폼이 있는데 하나는 웹기반이며 다른 하나는 PC 설치형 프로그램입니다. 웹기반을 사용하시면 별도의 프로그램 설치없이 바로 웹에서 코딩을 즐기실 수 있습니다. 하지만 저는! 프로그램을 따로 이용하는걸 좋아하기에 피닉스코드를 별도로 다운로드 받아서 실행했습니다. 다운로드 버튼의 옵션 화살표 아이콘을 눌러보시면 현재 사용중인 OS 운영체제 버전별로 프로그램을 다운로드 받을 수 있습니다. 설치 과정에서는 특별히 중요한 과정이 없으므로 설명은 생략합니다. 그냥 설치하시면 됩니다. 피닉스 코드 편집기는 차세대 Brackets 편집기라고 아예 대놓고 설명을 하고 있어요. 아무래도 다...

구글 블로그에 HTML 태그 코드 쉽게 입력하는 방법

이미지
티스토리와 구글 블로그를 동시에 관리하고 있습니다. 둘 다 극명한 차이점이 느껴지는군요. 아무래도 티스토리를 오래 사용해서 그런건지는 몰라도, 또한 티스토리가 한국인에게 많이 유리한 플랫폼이어서 그런지 확실히 다양한 기능들이 있어요. 그에 반해 구글 블로거(Blogger)는 아직도 갈 길이 멉니다. 이따금씩 웹코딩 강좌글을 올리는데 이때가 가장 큰 차이점을 느낄 수 있습니다. 티스토리에는 자체적 코딩 입력 시스템이 있는데 구글 블로그에는 없어요. 그래서 별도로 플러그인을 설치하거나 수동으로 입력해야 하는데 다행히도 이런 문제를 손쉽게 해결해주는 고마운 플랫폼이 하나 있습니다. 소개 및 사용법 컬러스크립터 바로 위의 사이트입니다. 컬러스크립터(ColorScripter)라고 하는 플랫폼입니다. 간편하게 이용 가능합니다. 본문에 삽입하고자 하는 코드를 그대로 입력만 하면 됩니다. 그리고 언어 부분에서 해당 코드에 맞는 언어를 선택해주면 됩니다. 자동으로 기본설정이 되어있지만 컬러 테마를 적용시키기 위해서는 왠만하면 수동으로 맞춰주는게 좋습니다. 모두 완료되었다면 HTML복사 버튼을 누릅니다. 출력된 태그를 그대로 모두 복사하여 구글 블로그에 붙여주기만 하면 됩니다. 1 < a   href = "https://s.click.aliexpress.com/e/_Dms115x"   target =   "_blank"   style = "display:block; text-align:center;" > < img   src = "htt...