웹개발자의 기지개

맥에서도 윈도우 cmd 창에서와 같이 code /폴더명 하면 해당 폴더가 vscode 로 바로 열리도록 설정해 보자. vscode 를 일단 띄우고, Command + Shift + P 해서 상단 화면 창을 띄우고 shell 을 검색하면 Shell Command : Install 'code' command in PATH 를 선택하여 클릭하고 OK 한다.

이는 PHPStorm 설정상에서 auto 코딩이 기본적으로 셋팅되어 있어서 그렇다.아래와 같이 Settings 에서 기능을 끄면 된다.

Visual Code Extension 으로 확장탭을 누르고, live server 를 검색하여 바로 설치하도록 한다. 이제 main.html 테스트용 html 문서를 만들고, main.html 파일부분에 마우스 우클릭하고 나오는 메뉴중에 Open with Live Server 항목을 클릭하여 웹브라우저를 자동으로 띄워서, 결과를 확인해 보자. 이제 main.html 내용을 수정하고 저장만하면 그 즉시 결과가 그 브라우저에 바로바로 내용을 확인할 수 있다.

상기 로그 내용처럼 톰켓 실행시에는 잘 나오지만 최초 톰켓을 설정하고 가동하면 이상한 특수문자가 나온다. 아래의 두가지 형태로 수정해주도록 한다. 1. Tomcat Edit 설정상에서 VM options : -Duser.language=en -Duser.region=us 2. UTF-8 설정 하고 인텔리제이 재가동 -Dfile.encoding=UTF-8 참고 : https://atoz-develop.tistory.com/entry/IntelliJ-%ED%86%B0%EC%BA%A3-%EC%84%9C%EB%B2%84-%EB%A1%9C%EA%B7%B8-%ED%95%9C%EA%B8%80-%EA%B9%A8%EC%A7%90%EC%9D%84-%ED%95%B4%EA%B2%B0%ED%95%98%EB%8A%94-2%EA%..

관련 소스를 복사 붙여넣기 할때, PHPStorm 상에는 기본적으로 자동 들여쓰기 되어서 여백이 더 들어가서, 원본소스와 모양이 어긋나는 경우가 많다. 아래처럼 None 으로 설정을 바꾸자.

Command + l : 현재줄 선택 Command + Shift + d : 한줄 복사 Ctrl + Shift + k : 한줄 삭제

PHPStorm 에서 html 파일도 PHP 문법을 적용시켜 색깔을 이쁘게 하고 싶을때, 아래와 같이 html 확장자 부분을 동일하게 추가하면 간단히 처리된다.

1. 해당 클래스나 메소드에서 Ctrl 키 누른채 마우스 왼쪽 클릭 : 상세 설명 보기 2. Ctrl + Shift + I (영문 i키) : 태그, 클래스, 필드, 함수 정보를 팝업창으로 띄워보기