개발환경 구축

자바스크립트와 제이쿼리!!

 

자바 스크립트&JQuery

 

우선 프런트앤드 개발과 백앤드 개발이 있습니다.

 

현업의 예를 들어보면서 프런트앤드 개발에 대해 말씀드릴게요

 

1단계: 저희 같은 고객들이 개발자들에게 개발을 의뢰하게 됩니다. 개발사는 요구조건에 맞춰 제안서를 작성합니다.

2단계:  UI를 디자인 합니다. (퍼블리싱)

3단계: 그 이미지를 이용해서 HTML 작성하고 CSS로 디자인 하고 정적 웹문서를 작성합니다.(동작x)

4단계: 메뉴를 누르면 펼쳐지거나 하기 위해 자바스크립트를 이용하여 작성합니다(동적)

위의 단계들을 프런트앤드 개발이라고 합니다. 프런트앤드 개발 언어에는 HTML CSS JAVAScript등이 있습니다.

 

마지막 단계로 백앤드 개발자에게 전달 됩니다. 개발자는 PHP, ASP , JSP등을 이용하여 화면에 보이지 않는 부분을 개발합니다.(데이터베이스 등등)

이를 백앤드 개발이라고 합니다. 즉 회원가입하면 정보를 어디다 저장하는지에 관한 것들이죠.

자 이제 저희는 프런트앤드 개발언어인 자바스크립트 언어에 대해서 한 걸음 나아가죠.

 

자바스크립트를 배우기 앞서 편집기를 받아야합니다. 소스코드를 작성하고 등등

 

간단합니다. 우선 https://code.visualstudio.com/에서 내려받습니다.

그러면 바로 설치가 완료됩니다.

받으면 이런 아이콘이 생성 될겁니다.

 

비쥬얼 코드 화면 입니다.

이것으로 개발환경 구축까지 설명드렸습니다.