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

 

 

 

제목에는 초간단이라고 되어있지만 엄청 애먹은 MySQL 설치...

 

 http://dev.mysql.com/downloads/에  접속을 합니다. 그리고 MySQL Community Server 을 클릭합니다.

 

 

 

 

 

여기서는 No thanks, just start my download 를 눌러주시면 로그인과 회원가입을 따로하지 않고 설치할 수 있죠

기존아이디가 있으시면 로그인 하셔도 됩니다.

 

 

32비트나 64비트나 상관없이 다운받으시면 됩니다.

 

다운받은 인스톨러를 실행하시게되면 아래 화면이 뜨죠.

 

 

라이센서에 동의 해주시고 Next를 눌러줍시다.

 

Developer Default 를 눌러주시고 Next로 넘어가 줍시다.

 

Execute를 클릭하시고 잠시 화장실을 다녀오시면 설치가 완료 될것입니다.

 

하지만 여기서 끝이 아니고 계속 해봅시다.

 

 

Next 클릭 저는 Password를 설정해주지 않고 Configure MySQL Router for InnoDB cluster. 을 체크 해제하고 넘어갔습니다.

 

비밀번호는 각자 알아서 설정해 주시고요

저는 4자리 비밀번호를 썻습니다.

 

 

Next~~

 

Execute를 눌러주시고 잠시 커피한잔~~~

 

 

Finish 를 눌러줍니다... 하지만 더 남았겟죠??

 

여기서 아까 설정해준 비밀번호를 입력하고 체크!

비밀번호를 맞게 쓰셧다면 Connection successful.이라는 마음의 안정을 주는

초록색 체크표시가! Next

 

Finish를 눌러줍니다.

 

또다시 Next를 눌러줍니다. 얼마 안남았어요~

 

Finish를 눌러줍니다!

 

 

설치가 다 되었다면 Workbench가 반갑게 인사해주네요 ㅎㅎ

 

MySQL Connections 를 클릭하고 아까 설정한 비밀번호를 입력해줍니다.

 

 

 

 

쨔잔 완성....

 

하지만 처음에 왜 간단하지 않았냐고 하면 ... 

 

이 서버가 Failed가 떠서 계속 해맸습니다...

 

detail을 누른후 왜 오류가 나는지 구글에 검색해보니 스텍 오버 플로우에 답이 나와있더라구요...

I had the same issue today while installing MySQL 5.7 and not sure how shall I proceed and found your questions. I was sure that I have installed the 64bit version of Visual C++ Redistributable Packages on my machine. Then I installed a 32-bit version of the same package (URL: https://www.microsoft.com/en-in/download/details.aspx?id=40784) and the MySQL Installer detected that and proceed with the installation.


Looks like the installer was looking for 32bit install path. Hope this help. 

 

 

Failed 가 안뜨시는 분들은 상관없지만 서버가 Failed가 발생하시는 분들은 위 링크로 들어가셔서

 

 

다운로드를 클릭하시고

 

파일들을 설치하시고 다시 워크벤치를 설치하시면 서버가 설치가 됩니다.!!!

 

다음 포스팅에는 MySQL에 대해서 알아보도록 하겠습니다.!!

 

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

 

네트워크

-"전선이나 혈관,통로 등으로 이루어진 망형 조직"

- 방송사 네트워크, 인맥을 의미하는 휴먼 네트워크 등...

- IT분야에서는 '컴퓨터와 컴퓨터를 연결해 주는 망' 의 개념으로 컴퓨터 네트워크의 의미로 사용!!

 

90년대에는 컴퓨터와 컴퓨터가 네트워크로 연결되지 않음 ->> 자료 이동 시 플로피 디스켓 등을 이용함!

 

00년~10년 인터넷의 엄청난 보급으로 네트워크에 연결됨 ->>이메일 , 웹하드등 인터넷 서비스를 활용한 자료이동 활발!

 

10년 ~ 현재 4G LTE 등 고속 무선 이동 네트워크 보급, 스마트폰 , 태블릿 등 모바일 기기 보급으로 개인이 언제 어디서나 네트워크에 연결되는 기기의 사용이 가능해 짐. ->> 클라우드 기반 스토리지 서비스를 통한 개인 및 그룹 자료 공유..

●TCP/IP

Transmission Control Protocol/Internet Protocol 컴퓨터 간에 통신할 수 있또록 만든 프로토콜, 인터넷 기반 네트워크 시스템으로 하드웨어, 운영체제 , 접속 매체에 관계없이 동작할 수 잇는 개방형 구조.

응용 계층   WWW,FTP,Telnet,SMTP 와 같은 네트워크 프로그램
전송 계층  각 시스템을 연결하고 TCP 프로토콜을 이용하여 데이터 전송
인터넷 계층  IP 프로토콜을 이용하여 데이터 정의, 경로 배정
물리 계층  실제 네트워크를 접근할 수 있도록 하는 물리적인 부분

 

 

●IP 주소

TCP/IP 로 연결된 네트워크에서 각각의 컴퓨터를 구분하려고 사용하는 주소이며 숫자로 구성되어 있고 10진수를 사용한다. 

 

●인터넷

인터넷은 전 세계가 하나로 연결된 네트워크를 의미하는 고유명사이다.

인터넷은 내부 네트워크를 의미하고, 네트워크 인프라이다.

WWW,email은 인터넷 기반 서비스이다.

 

*인터넷 은 웹이 아니다 *

 

●프로토콜

네트워크에 연결된 컴퓨터들 간의 통신 규약이며 , 인터넷 서비스들은 위의 TCP/IP 4계층 중 응용계층에 해당한다.

 

●포트

네트워크 서비스를 접속하기 위한 접점으로 컴퓨터에서 여러 네트워크 서비스를 제공하는 경우 이를 구분하기 위한 용도로 사용된다.

 

●도메인 네임 시스템

DNS로 인터넷에 연결된 컴퓨터 구분을 위해 사용하는 IP 주소 대신 알기 쉬운 이름의 형태로 컴퓨터를 구분하기 위한 인터넷 서비스/시스템 중 하나이다.

도메인 관리 기관을 통해 일정 비용을 지불하고 사용이 가능하다!

 

그러면 위에서 빨간글씨로 언급했던 "인터넷은 웹이 아니다"에 대해 잠깐 설명하고 넘어가자면

 

웹은 월드 와이드 웹(www) 으로 인터넷에서 운영되는 서비스 중 하나로 사람들이 웹= 인터넷이다 라는 많은 착각을 할 정도로 대표적인 인터넷 서비스이다.

HTML 이라는 간단한 마크업 언어를 통해 콘텐츠를 제공하고  HTTP 라는 프로토콜을 사용해 TCP/IP 에서 사용하기 시작했다.

 

웹 브라우저 소프트웨어와 인터넷에 연결만 되어있으면 PC, 스마트폰 , 태블릿 등 운영체제와 하드웨어 상관없이 동일한 서비스 제공이 가능하다!!

 

●웹 서버와 HTTP

-서버(Server): 네트워크에서 서비스를 제공하는 컴퓨터

 

-클라이언트(Client): 서비스를 이용하는 컴퓨터(PC,스마트폰,태블릿...)

 

-HTTP(Hyper Text Transfer Protocol) : 웹 서비스에 사용되는 통신 규격으로 간단한 명령어와 헤더 규격으로 되어 있다.

 

 

 

 

 

 

 

728x90
반응형
728x90
반응형

 

일단 톰캣을 다운받기 위해 tomcat.apache.org 에 접속을 합니다.

아래와 같은 창이 뜨는데요 원하시는 톰캣 버전을 클릭합니다.

 

 

 

 

 

 

윈도우 운영체제에 맞게 설치를 하시면 됩니다. 하지만 윈도우 서비스 인스톨러가 간편하기 때문에 저는 윈도우 서비스 인스톨러로 다운을 받았습니다.

 

윈도우 서비스 인스톨러가 설치가 된후 실행을 시켜줍니다.

Next를 계속 누르다보면 아래와 같은 창이 뜹니다.

제가 HTTP 포트번호를 8090으로 한 이유는 다른 DB와 겹칠 수 있기 때문입니다.

저는 8080은 젠킨스와 연동을 해놨구요 +.+

 

유저이름과 패스워드를 입력하고 Next 를 눌러줍니다.

 

 

설치가 완료되면 바로 톰캣을 실행시켜줘도 됩니다.

그러나 태스트를 하기위해서는 그냥 설치후 종료하시는게 간편합니다.

 

설치가 끝나면 톰캣 폴더로 들어가셔서 lib 폴더에서 아래 el-api,jsp-api,servlet-api 파일을 찾으셔서 복사 하시고 난뒤 연동된 jre 폴더 lib>ext에 복사파일을 붙여 넣습니다.

 

 

이클립스를 Java EE로 실행을 하시고

Open Perspective에 들어가 Web 클릭 >Open 클릭

그리고 아래 Servers 탭에들어가 아래문구를 클릭 합니다.

 

 

 

설치한 버전의 톰캣을 클릭 후 설치된 톰캣 경로를 설정해 주신다음 Finish 를 눌러주면

 

 

 

아래와 같이 연동이 됩니다.

 

톰캣을 활용한 JSP관련 공부는 다음에 포스팅 하겠습니다.

 

참고로 저는 Tomcat v9.0을 설치했지만 다시 8.0v 을 설치했습니다.

 

 

이클립스가 아직 Tomcat9를 지원하지 않는다고 합니다..

정식이 아닌 Mildstone 버전이라 불안정 한것 같아요...

 

지인이나 인터넷을 검색해도 Tomcat8 설치를 권장하는군요..

 

 

 

728x90
반응형

+ Recent posts