728x90
반응형

 

브라켓을 다운로드하기 위해서 

brackets.io에 접속합니다.

 

 

 브라켓을 다운받기전에 

크롬이나 NodeJs 같은 경우는 제 블로그에도 있고

Atom을 설치했을때도 이미 설치를 했기 때문에 넘어가도록 하겠습니다.

 

꼭 크롬과 NodeJs를 설치해주시기 바랍니다.

 

다운받은 파일을 실행 시킨후 Next를 눌러줍니다

 

Install 버튼을 클릭해 줍니다.

 

 

 

 

Finish 버튼을 눌러줍니다.

여기서 설치가 끝난게 아니라

Atom 을 설치했던 것 처럼 그 이후 과정이 남아있습니다.

 

 

처음 브라켓을 시작하면 이런 화면이 생성됩니다.

 

레고모양의 확장기능 관리자에 들어가셔서  "Nodejs" 를 검색하신 뒤에

 

NodeJS Integration 을 설치해 줍니다.

위와 같은 방법으로

Custom Work 를 다운받아 줍니다.

 

Icon 을 검색하신뒤에 Brackets Icons 을 다운받아 주시면 이제 브라켓으로 

코딩을 할 작업을 끝낸것 입니다.

 

Atom 에서는 ctrl + shift +B 였다면

brackets에서는 ctrl + shift + N을 눌러줍니다.

 

저는 C드라이브에서 사용자의 폴더 아래에 따로 브라켓 파일을 만들어서 프로젝트를 진행했습니다.

안녕하세요가 보이지요?

 

그리고 저 번개 표시는 크롬으로 바로 미리보기를 할 수 있는 버튼입니다.

저 버튼으로 실행하려면 html 파일이 있어야하겠지요?

 

브라켓을 써본결과 Atom보다 잔렉이 없어서 더 부드럽고 좋네요.

아직 더 써봐야 하겠지만 설치만해도 절반은 공부했다고 교수님님께서 늘 말씀하셔서

 

저도 절반은 공부한것 같네요 ㅎㅎ

 

728x90
반응형
728x90
반응형

 

 

https://atom.io에 접속을 하면 컴퓨터의 사양에 맞추어 인스톨러가 바로 제공됩니다.

 

다운받은 인스톨러를 실행시키면 위와같은 창이뜨고 설치가 됩니다..

 

File->Setting 을 클릭하면 아래와 같이 세팅을 할 수 있는 창이 제공됩니다.

 

 

여기서 Install 을 클릭해주시고

 

script를 검색창에 입력후 Pakages를 눌러줍니다.

 

그리고 Install을 클릭 후 설치가 다 되기를 기다려 줍니다.

 

설치가 끝났으니 테스트를 해보죠

 

hello 의 JavaScript파일을 불러옵니다.

 

 

불러오면 오른쪽에 hello world를 출력하는 코드가 있는데요

 

Ctrl + Shift +B 버튼을 누르면 아래 빨간 동그라미와 같이 오류가 발생됩니다.

 

 

이를 해결하기 위해서는 Node.js 가 필요합니다.

 

https://nodejs.org/en/에 접속합니다.

 

 

Node.js도 컴퓨터 환경에 맞게 인스톨러가 제공됩니다.

 

왼쪽 버전은 대부분 유저들이 추천하는 버전이고

 

오른쪽 버전은 최신의 버전을 다운받을 수 있습니다.

 

저는 왼쪽의 추천버전을 다운받도록 하겠습니다.

 

인스톨러를 실행시켜주시고 Next만 눌러주시면 설치를 손쉽게 끝낼 수 있습니다.

 

Next

 

Install 클릭해주시고 

 

 

CMD 를 실행시켜주고 node -v 를 입력하면 현재 설치된 버전을 확인 할 수 있습니다.

 

저는 6.11.1이 맞습니다~

 

 

그리고 다시 hello 파일을 Ctrl + Shift + B 버튼을 눌러서 실행시켜주면

 

아까와 같이 오류가 발생되지 않고 실행되는 것을 확인할 수 있습니다.

 

 

 

 

728x90
반응형

+ Recent posts