본문 바로가기

Development/Tool

각종 Fiddle(Playground) 목록 (작성 중) Fiddle?Fiddle은 Playground라고도 하는데 웹상에서 프로그래밍 언어를 테스트 해보고 간단한 샘플을 작성하여 다른 사람과 공유할 수 있는 사이트를 말한다. JSFiddle ( https://jsfiddle.net/ )JSFiddle는 웹 관련 Fiddle이다. 외부 라이브러리(링크만)를 지원하고 HTML, CSS, JavaScript, TypeScript, CoffeeScript, Babel를 지원한다. 가입하면 저장한 소스 목록을 볼 수 있지만 이름이나 폴더 등을 지원하고 있지 않아서 저장한 소스가 많아지면 좀 불편해진다. Fiddle Salad ( http://fiddlesalad.com/typescript )Typescript 언어를 테스트해볼 수 있는 Fiddle이다.
[Atom] 인코딩 변경 방법 아톰의 인코딩은 기본적으로 UTF-8 지정된다. 하지만 간혹 UTF-8이 아닌 EUC-KR이나 다른 걸로 바꿔서 저장을 하거나 읽어야 할 때가 있는데, 이럴 때 유용하게 쓰인다. 인코딩을 바꾸는 방법은 다음과 같다.Control + U -> 검색 or Up/Down 버튼으로 찾기 -> Enter 입력메뉴에서는 어디에 있는지 모르겠다. 단축키가 더 편하고 이것만 알아도 충분해서 찾아보질 않았다.
[IntelliJ] 에디터 왼쪽바에 (gutter) CSS 색상 안 나오게 하기 왼쪽이 제대로 컬러가 있을 때, 오른쪽이 수정 시 컬러가 사라졌을 때 IntelliJ를 이용해서 외부 파일을 수정할 때 CSS 색상 표시가 나오는 부분이 생겼다가 없어졌다가 생겼다가 없어졌다가 막 그런다. 이게 수정하려고 점 한 번 찍을 때 없어졌다가, 키보드 타이핑을 잠깐 멈출 때 다시 생겼다가 다시 타이핑 시작하면 없어지고 이런 식이다. 문제는 생기거나 없어지거나 왼쪽 바의 넓이가 그대로면 괜찮은데, 줄어들었다가 늘었다가 하기 때문에 보이는 코드도 계속 왼쪽으로 갔다 오른쪽으로 갔다 이렇게 보여서 눈이 아프고, 집중 못 하겠고 코딩하기가 힘들어진다.여튼, 각설하고 설정하는 방법은 아래와 같다.
[IntelliJ] 저장하지 않은 파일 * 표시하기 Eclipse에서 IntelliJ로 넘어가면서 몇 가지 불편한 것들이 있다. 그 중 하나가 Save 방식이 좀 다르다는 거. 저장을 안 하고 코드뷰를 닫을 때 "저장하시겠습니까?" 라는 식의 confirm창이 안 뜬다. 뜨게 하는 옵션이 있는지는 아직 못 찾았다..ㅠㅠ 이것 때문에 변수명 하나가 바뀌었는데 바뀐지도 모르고 왜 오류가 나는지 한참 찾았다. 결국엔 branch와 diffmerge 툴을 이용해서 찾았는데 이게 다 IntelliJ에 적응하지 못 한 탓이었다.여튼 각설하고 수정된 파일에 대해 tab부분에 *표시(asterisk)가 뜨게 하는 옵션이 있다. 설정 방법은 아래 스샷을 참고하면 된다.
[Error] HTML wrapper template must contain ${swf} macro that is substituted at compile time Error : HTML wrapper template must contain ${swf} macro that is substituted at compile time Solution : Flash Builder나 기타 다른 IDE를 쓰다가 IntelliJ IDEA로 옮기면서 날 수 있는 에러다. IntelliJ IDEA에서는 index.template.html 파일에 ${swf}가 없으면 에러를 낸다. 따라서 HTML 파일에 application.swf가 있는 부분 대신 ${swf}.swf를 써주면 에러가 없어진다. swfobject.embedSWF( "${swf}.swf", "flashContent", "${width}", "${height}", swfVersionStr, xiSwfUrlStr, flas..
[Eclipse] Chrome Theme 설치 & 적용하기 Eclipse Theme 이클립스에서도 가독성이든지 눈이 편하게 등등의 이유로 테마를 설정하여 이클립스를 새롭게 바꿀 수 있다. 필자의 경우 Market Place에서 Chrome 테마를 받아서 적용하여 사용하는데 꽤 괜찮다. Eclipse Luna가 새로 나와서 설치하는 겸 해서 설치 방법을 블로그에 남긴다. 설치 Eclipse Luna JEE 버전이다. 기본 테마는 Windows 7으로 되어 있는데 상당히 구리다. 개발자는 미적감각이 필요한 직업이 아니지만 그래도 예쁜 게 좋다. 메뉴 -> Help -> Eclipse Marketplace를 클릭해서 Marketplace를 실행 시킨다. Find에서 chrome이라고 검색하면 제일 아래 Jeeeyul's Eclipse Themes 2.1.7이 보인다...
서버 시작할 때 45초 에러 Eclipse에서 Server 플러그인을 이용해서 각종 서버를 시작할 때 다음과 같은 에러가 날 때가 있다. 'Starting Tomcat v7.0 Server at localhost' has encountered a problem. 서버 부팅하는 시간이 45초가 넘어가 버리면 이런 에러가 뜨면서 서버 부팅이 안 되는 문제가 발생한다. 별 문제는 아니고 그냥 세팅값만 바꿔주면 된다.서버 뷰에서 해당 서버를 더블클릭하면 Server Overview 화면이 뜰 것이다. 여기서 Timeouts 설정에 보면 Start가 45초로 지정되어 있다. 이걸 100초나 그 이상으로 설정하고 저장하면 문제 해결!
[IBM] Eclipse V3.4 완전 정복 이클립스 V3.4 완전 정복, Part 1: 이클립스 IDE 워크벤치 http://www.ibm.com/developerworks/kr/library/os-eclipse-master1/ Eclipse V3.4 완전 정복, Part 2: JDT http://www.ibm.com/developerworks/kr/library/os-eclipse-master2/index.html Eclipse V3.4 완전 정복, Part 3: JDT 텍스트 편집기 팁과 비결 http://www.ibm.com/developerworks/kr/library/os-eclipse-master3/index.html pdf files..
Eclipse에서 HTML의 Validation 체크하지 않기 Eclipse에서 Flex라든지, 다른 웹 어플리케이션을 개발하는데 반드시 필요하지만 신경쓰지 않는 HTML 파일들이 꼭 존재한다. Flex 같은 경우엔 HTML 파일이 반드시 필요하지만 자동으로 생성된 뒤에 잘 안 고치고, 잘 신경쓰지 않는다. 그런데 Eclipse 버전을 바꾸면서 HTML의Validation을 체크하게 됐다. 체크하는 거야 상관 없지만 에러를 내뿜기 때문에 여간 신경쓰이는 게 아니다. 그. 래. 서 !! HTML파일의 Validation 체크는 아예 안 하도록 만들 것이다. [ 그림 1. 에러 유발자 HTML ] 프로젝트 각각의 설정? or Eclipse 통째 설정?HTML의 Validation 체크를 프로젝트 단위로 설정할 수도 있고, Eclipse 단위로 설정할 수도 있다. 전자나..
Eclipse 3.5.2 + MyEclipse 8.6 + Flash Builder 4 설치 방법 설치시 사용한 프로그램과 버전 Eclipse SDK 3.5.2, MyEclipse 8.6 Archive, Flash Builder 4 Plug-in 전체적인 흐름1. Eclipse SDK 3.5.2 설치 2. MyEclipse 8.6 설치3. Flash Builder 설치 설치를 시작하기 전에, 기본으로 필요한 것들에 대해서는 논하지 않는다. 예를 들어 Windows나 JDK 같은 것들은 설치되어 있다고 가정하고 설치할 것이다.그리고 이 포스트에서 사용하는 프로그램들은 밑의 링크를 통해 받으면 된다.Eclipse 3.5.2 : http://www.eclipse.orgMyEclipse 8.6 : http://www.myeclipseide.comFlash Builder 4 : http://www.adobe...