본격적으로 개발을 하기에 앞서 간단하게 웹 프로그래밍에 대해 알아보고자 한다. 😎
웹 프로그래밍
HTML5
- HyperText : 문서의 개체(텍스트, 이미지 영상 등)가 서로 연결되어 있는 구조.
- HyperLink : 문서와 문서 사이를 이동할 수 있는 기능.
- Markup Language : 태그(Tag)를 이용하여 문서나 데이터 구주를 명시하는 언어.
ex.<body> </body>
CSS3
- Cascading : 우선 순위에 따라 적용.
- StyleSheet : 웹 페이지의 스타일(디자인)을 정의.
Javascript
- Javascript : 웹을 풍부하게 만들어 주는 상대적으로 가벼운 프로그래밍 언어.
웹 프로그래밍 관련 주요 구성 요소
웹 프로그래밍 관련 주요 구성요소로는 Web browser, Web Editor, Native App, Native Web, Hybird 이렇게 5가지가 있다.
웹 브라우저(Web browser의 정의와 종류)
-
웹(Web)의 정보를 탐색하기 위한 프로그램은 Web Browser이다.
-
Apple에서 만든 Safari
-
Mozilla 재단에서 만든 Firefox
-
Google에서 만든 Chrome
-
Microsoft에서 만든 Edge
(Microsoft에서 프로그램이 무겁다고 해서 Edge라는 브라우저를 새롭게 출시함) -
Opera Software에서 만든 Opera
Text Editor
- 노트패드++ (Note Pad++) 메모장이랑 비슷하지만, 비슷하게 많이 사용되고 있다.
- 에디트플러스 (Edit Plus)
- 울트라 에디트 (Ultra Edit)
이렇게 있으나, 대부분 Code Editor를 많이 사용한다.
웹 편집기(Web Editor)의 종류
- Code Editor
- VScode(Visual Studio Code) -> VScode
- Sublime text
- Atom
- Brackets
- Dream Weaver
웹 편집기 (Web Editor)의 종류
- 웹 기반 코드 편집기 (Web based code Editor)
- 통합개발환경 (IDE: Integrated Development Enviroment)
- 코드펜(Codepen), 라이브위브(Liveweave), 구름(IDE)
Natvie App, Web App, Hybrid App
-
Natvie App : 모바일기기에 최적화 된 언어로 개발전 앱으로 안드로이드 SDK를 이용해 jaga 언어로 만드는 안드로이드 앱과 iOS, SDK(Software Development Kit)를 이용해 Object-언어로 개발된 아이폰 앱 등
-
그러다 프론트엔드 쪽의 선호도가 높아지다 보니 Web App쪽의 인기가 높아졌다.
-
Web App : 말 그대로 웹에서 개발을 함 -> HTML만들듯이.
-
앱의 기반이 되는 콘텐츠 영역 외 HTML 기반의 웹 앱으로 제작. 최종 앱 배포에 필요한 패키징 처리만 아이폰, 안드로이드 플랫폼 안에서 처리한 어플리케이션.
-
하이브리드 앱(Hybrid App) : 모바일 앱과 네이티브 앱을 결합한 것으로 모바일 웹의 특징을 가지면서 네이티브 앱의 장점도 가짐.
Etc
- F12를 누르면 개발자 도구가 나온다.
- config란 configuration 환경설정을 줄인말이다.
볼수록 매력이 더해지는 개발자.