에디터/웹스톰(WebStorm)2017. 6. 2. 18:45

웹스톰을 사용해서 새로운 프로젝트를 만들거나기존에 관리하는 프로젝트를 웹스톰으로 열었을 때 .idea 라는 폴더가 이렇게 생깁니다. 내부 모습은 이렇게 생겼구요. 이 폴더는 인텔리제이 에서 만든 IDE를 사용하면 해당 프로젝트의 설정값들이 담기게 된다고 합니다.즉 우리의 의사와는 상관없이 그냥 자동적으로 생성이 됩니다.이 파일은 여러사람이 관리해야 하는 경우가 거의 없다고 보시면 됩니다.해서. 버전관리(SVN, GIT 등)를 이용해서 프로젝트를 관리해야 할 때 해당 폴더를 제외시키고 관리하면 된다고 하네요.https://stackoverflow.com/questions/17049416/what-is-the-idea-folder 또는 해당 프로젝트를 마우스 우측 클릭해서 숨김 처리하는 방법이 있습니다.ht..

에디터/웹스톰(WebStorm)2017. 6. 2. 05:27

웹스톰 단축키 입니다. 공식 블로그에서 유용한 10가지 단축키 사용법을 GIF 로 잘 만들어 놔서 링크 올립니다.https://blog.jetbrains.com/webstorm/2015/06/10-webstorm-shortcuts-you-need-to-know/ 물론... 단축키 PDF도 있습니다.1쪽은 Mac OS 용이고 2쪽은 Windows 용 이네요.https://resources.jetbrains.com/storage/products/webstorm/docs/WebStorm_ReferenceCard.pdf 영짧이라 번역이 있었으면 좋겠다 생각이 들기도 하지만..왠만한 단축키는 기존에 쓰시던 에디터와 크게 다른 부분이 없기에 사용하시는데 무리는 없을꺼 같습니다.

에디터/웹스톰(WebStorm)2017. 6. 2. 05:13

서브라임텍스트, 아톰 에디터의 경우엔 패키지 플러그인등을 설치해야 단축키로 브라우저 확인이 가능했었죠.하지만 웹스톰의 경우엔 그런 패키지 플러그인을 설치하지 않아도 단축키로 브라우저 확인이 가능 합니다. 1. 작업중인 페이지를 저장 후 오른쪽클릭 으로 나오는 메뉴 중Run 'xxxx' 를 클릭합니다.단축키는 컨트롤 + 쉬프트 + F10 이네요. 2. 잘 됩니다.또한 단축키 변경을 셋팅 Keymap 에서 Run 으로 검색하시면 쉽게 찾을 수 있지만주의하실 점은 다른 단축키와 충돌이 나는 경우가 있기 때문에 잘 확인 하신 뒤 원하는 단축키로 변경하시면 됩니다.(제가 자주 쓰는 F12 키는 이미 다른 단축키로 등록이 되어 있어서 그냥... 저는 원래 있던거 쓸래요...ㅠㅠ)

일상..2017. 6. 2. 05:01

그놈의 드래곤 센터 때문에윈도우 키가 제대로 악먹힐 때가 있습니다.이걸 삭제해야윈도우키를 제대로 사용할 수 있습니다. 윈도우키가 안되서 두번 포멧했는데처음 한번은 서비스센터에 윈도우키가 안된다고 연락했더니 포멧하라고 안내 하더라! 포멧해도 그모양인데! 아무튼그래서 막 검색하다가 드래곤 센터에 있는 윈도우키 제한 옵션을 확인하라고 알려주더라고.그래 제한 옵션이 있었어.근데 몇일 후 드래곤 센터 업데이트를 하래?? 업데이트 했다? 몇일 지나고 난 또 윈도우 키가 작동을 안해!드래곤 센터를 확인했어. 윈도우키 제한 옵션이 사라졌더라! 야 그냥 드래곤 센터 프로그램을 서비스 하질 말던지!

에디터/웹스톰(WebStorm)2017. 6. 2. 04:24

1. 웹스톰을 사용해 보니 자동 줄바꿈 설정은 처음엔 안되어 있는거 같습니다.이렇게 길에 장문의 글을 쓰면 가로로 스크롤이 생기는 걸 볼 수 있습니다. 2. 자동 줄바꿈 설정을 하기 위해 상단의 메뉴중File -> Settings... 를 누릅니다.단축키인 컨트롤 + 알트 + S를 활용합시다! 3. 좌측 메뉴중Editor -> General 을 선택하면 우측이 이런 화면이 뜹니다.우측화면에서 Soft Wraps 항목의 Use soft wraps in editor 에 체크하신 후 Apply 를 누르고 OK를 누릅니다. 4. 에디터로 돌아가면 다음과 같이 자동 줄바꿈이 적용이 되어 있습니다. /* 2018 06 14 -추가 */ 맥에서는 메뉴의 위치가 조금 틀린거 같네요.2018.1.4 버전 기준으로 다음과..

에디터/웹스톰(WebStorm)2017. 6. 2. 03:37

이전 포스팅에서 보기에도 숨막히는 테마가 계속 적용되어 있어서 힘들었습니다.하지만 굉장한 사이트를 발견해서 공유 올립니다.http://color-themes.com/?view=index이쁜 테마가 엄청 많습니다!하지만 제눈에는 Monokai가 제일 예뻐 보입니다! 1. 자! Monokai Sublime Text3 를 클릭합니다!완벽에 가까운 이 Monokai 테마를 우리는 좋아할 수밖에 없습니다.(맘에 드는 테마를 클릭합니다. ㅎㅎ;) 2. 그러면 이런 화면이 뜨는데요.Download for 바로 옆의 버튼을 클릭하면 됩니다.지원되는 IDE를 잘 확인하시고 자신이 쓰는 IDE에 적용 할 수 있는지 확인 후 클릭하시면 됩니다. 3. 자 다운을 받으셨으면 이런 XXXX.jar 파일이 받아집니다.다운받은 이 ..

에디터/웹스톰(WebStorm)2017. 6. 2. 02:58

앞의 포스팅에서 웹스톰 설치를 저와 동일하게 진행했다면 웹스톰을 종료 후 재실행 시켰을 때 이런 모습으로 창이 뜹니다. 1. 우선 기존의 프로젝트를 열어보겠습니다.두번째 Open 버튼을 누르면 프로젝트를 찾을 수 있습니다. 2. 이렇게 자신이 원하는 프로젝트를 검색하여 하단의 OK 버튼을 눌러줍니다. 3. 프로젝트를 열었다면 다음과 같은 모습이 보일꺼예요. 저는 이 test 폴더에 아무것도 없어서 새로 프로젝트를 만들어 보겠습니다. 4. 테스트 버튼을 오른쪽 클릭하면 하위에 이런 메뉴들이 뜹니다.신규 파일을 만들려면 New로 가시면 다음과 같이 이렇게 파일을 만들 수 있습니다.HTML 파일이 없기 때문에 HTML File 을 선택 합니다. 5. Name: 부분엔 적당한 이름을 입력하고Kind: 부분에는 ..

에디터/웹스톰(WebStorm)2017. 6. 2. 00:32

웹스톰 써봐야지 마음만 먹다가 드디어 포스팅 합니다.사실 앞전에 사용해 봤던 패키지 설치형 에디터들과는 다른 느낌이라서 여태 간만 본거 같습니다. 이 웹스톰 은 일단 '유료' 입니다.2018년 6월 12일 기준으로 1년에 US$ 59.00 한화 약 6만 3,543 원 정도의 금액을 지불해야 한다고 하네요.개인용 기준입니다. 기업용은 약 14만원 정도 합니다.웹스톰 정도의 IDE 라면 이정도 개인용 가격이 크게 부담스럽지는 않은거 같습니다. 1. 웹스톰의 설치는 다음의 주소에서 진행할 수 있습니다.https://www.jetbrains.com/webstorm/?fromMenu중앙에 DOWNLOAD 라는 버튼을 눌러 주시면 다운로드가 진행됩니다. 2. 이렇게 다운로드를 받고 설치 파일로 설치를 하시면 다음과..