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
반응형
728x90
반응형

 

웹 프로그래밍 언어와 주요 기술

●일반적인 프로그램

 

- 기본적으로 해당 디바이스에서 프로그램이 실행되고 경우에 따라 필요한 데이터는 서버로 부터 수신한다.

 

 

●웹 프로그램

-별도의 설치 없이 서버에 접속하는 것만으로 필요한 기능/ 서비스를 이용 할 수 있다.

 

-프로그램은 서버에서 실행되고 실행 결과만 컴퓨터의 브라우저를 통해 보여진다.

 

-데이터 입력, 메뉴 선택 , 버튼 클릭 등 사용자와 상호작용 처리를 위해 클라이언트에서 처리해야 되는 프로그램적인 요소도 있다.

 

-웹 프로그램은 서버와 클라이언트 협력에 의해 구현된다.

 

-웹 프로그램 개발을 위해서는 서버 프로그래밍 기술과 클라이언트 프로그래밍 기술을 모두 알아야 한다.!!!

구분  종류 
 클라이언트 기술 HTML,자바스크립트,CSS 
 서버 기술  서블릿,JSP ,ASP.Net,PHP
 클라이언트/서버 공동 기술 자바,C,C#,.Net 

 

●클라이언트 기술

- 기본적으로 브라우저에 의해 처리되는 요소

-화면 구성, 스타일, 동적 이벤트 처리등 사용자 상호작용을 담당!

 

○HTML

-Hyper Text Markup Language 로 웹 서비스를 표현하기 위해 사용하는 언어이다. 최근 HTML5가 널리 사용되고 있고 <HTML></HTML> 과 같은 마크업 구조이다.

 

○자바 스크립트

-JavaScript 로 자바와 유사한 문법구조를 제공하는 웹 클라이언트 개발언어이다.(실제 자바와는 무관)  웹 브라우저에서 해석하고 웹 브라우저 성능 평가에서 매우 중요한 요소가 된다.

jQuery 와 같은 공개 라이브러리가 유명하며 JSON은 클라이언트 서버간 정보 교환에 널리 사용 된다.

 

○CSS(Cascading Style Sheet)

-HTML 에서 레이아웃이나 디자인 요소를 분리 한것으로 최근 웹 클라이언트 개발은 HTML5+CSS+JavaScript 이다!!

 

 

●서버 기술

-HTML 파일은 파일 내용을 수정하기 전까지는 내용이 변하지 않는 정적인 구조이고 사용자 요청에 따라 다른 정보를 제공하거나 데이터 베이스를 통한 서비스를 위해서는 별도의 프로그램 기술이 필요하다.

 

○ASP.Net

-MS 윈도우 기반의 서버 프로그램 기술로 .Net 기반의 컴포넌트 사용 가능하다. MS 윈도우 종속과 상용 라이센스 정책으로 대규모 공개 웹 서비스 개발에는 거의 사용되지 않는다.

 

○PHP

-Professional Hypertext Preprocessor 로 처리속도가 빠르고 다양한 운영체제와 웹 서버 환경에서 실행이 가능하다.

 

-APM = Apache + PHP +MySQL

 

-오픈소스 게시판, 위키 프로그램, 연구용으로 널리 사용된다.

 

○JSP

-자바 서블릿 기반의 웹 프로그래밍 기술이다.

-자바의 모든 기능을 사용할 수있으며 안정성과 확장성이 뛰어나 가장많이 사용되고 있는 웹 프로그래밍 기술이다.

 

 

익스플로러로 작성하는데 왜이렇게 잔렉이 심해서 급 마무리합니다 ㅠ.ㅠ

728x90
반응형

'JAVA로 단단해지기 > JSP' 카테고리의 다른 글

웹 프로그래밍에 대한 이해 - 네트워크  (0) 2017.07.19

+ Recent posts