[브라켓(Brackets)/확장 기능] PSD 열기

브라켓을 사용하는 그 두번째 이유가 되는

PSD 열기 입니다.

사실 이건 확장 기능 입니다.

하지만!

따로 설치하실 필요는 없으십니다.

왜냐하면 브라켓을 설치시 기본으로 함께 깔려져 있습니다.

그래도.. 혹시나..

오류가 생겨서 이 기능을 사용 못하면 해당 확장 기능을 삭제후 재설치 해주시면 바로 해결 됩니다. (경험담 입니다 ㅋㅋ;;)

확장 기능 검색은 psd 로 검색하시면 됩니다.

사용방법. (이미지가 작게 보일시 클릭하면 커집니다.)

이 부분에서는 css 속성을 입력할때 wi 또는 he 로 입력만해도 

아래의 width 값과 height 값을 가져옵니다.

엔터로 그 값을 활용 할 수 있습니다.

여기까지가 대충 기본적으로 아! 이렇구만 하는 부분입니다.

이젠... 레이어를 잘라서 저장 시켜 보도록 하겠습니다.

이걸

브라켓 에디터 안에서 말이죠.

아주 간단합니다.

background-image: 만 입력했는데 뭔가가 떳죠?

이 상태에서 엔터를 눌러주시면

위와같이 경로등을 설정 할 수 있습니다.

근데... 이름이 레이어 이름과 같네요!

원하는 이름으로 바꿀 수 있습니다.

저는 경로도 바꾸고 이름도 바꿧습니다.

그리고 엔터.

그 결과는?

이렇게 img 폴더를 만들고

또, 이 안에는 img.png 라는 이미지 파일이 들어가 있습니다.

이렇게... 아주 간단한 포토샵의 기능까지 수행할 수 있습니다.