fluffy0301 / jay_jiwoo

1 stars 0 forks source link

HTML 기초! #10

Open fluffy0301 opened 2 years ago

fluffy0301 commented 2 years ago

JAVA EE를 활용한

= html 문서의 구조를 정의하고, 내용을 작성 = css 문서를 꾸미는 역할 = javascript 문서에서 일어나는 동작을 당담 (java와 문법이 비슷하지만, 깊이 있는 문법으로 들어가면 어려움 ( •́ㅿ•̀ )) = jquery

-> 다 묶어서 client side language 라고 부름

배우기

Image

client side language : 사용자의 pc web browser에서 실행

client side language 3총사 : html, css, javascript

그럼 jquery는? javascript 진화 버전 : javascript를 좀 더 편하게 사용하는 방법을 제시한 것

css의 표현법을 jquery가 가져감!

html과 css가 디자이너 과정임( •̀ᴗ•́ )و ̑̑

fluffy0301 commented 2 years ago

compile 언어 : 컴파일식

  • 특정 운영체제에 특화된 형식으로, 실행파일을 생성.
  • 실행 직전에 존재하는 코드의 형식은 assembly, byte code 형태 -> 실행하면서 0과 1을 생성.
  • c언어.

interpret 언어 : 번역식

  • 특정 운영체제에 특화된 형식으로, 실행파일을 생성하지 않음.
  • 실행 직전에 존재하는 코드의 형식은 인간이 이해하기 쉬운 언어 형태. -> 실행할 때 0과 1을 생성.
  • html, css, javascript.
fluffy0301 commented 2 years ago

동적 웹

정적 웹

fluffy0301 commented 2 years ago

client side programming

= html, css ( 퍼플리셔의 영역 또는 디자이너의 영역임,) javascript, jqeuery = html, css,js가 서버에서 유저의 컴퓨터 유저의 컴퓨터 웹 브라우저로 전송되고, = 유저의 컴퓨터 웹 브라우저에서 실행되는 프로그램들.

server side programming

= php, asp, c#, ~.net, java, servlet, jsp, client side + server side : node.js

client side

= angular, vue

front end

= javascript, jquery, angular, vue

back end

= java, servlet

front + back

= nodejs, php, asp, c#, ~.net, jsp

fluffy0301 commented 2 years ago

웹서버

= tcp/ip 위에서 서비스되느 http 프로토콜을 통해 html 문서를 서비스하는 소프트웨어 = 예) 아파치 서버

어떤 소프트웨어들은 특수한 성능을 가진 서버를 필요로 한다

=예 IIS 서버 - asp, c##, ~.net을 서비스 = 아파치 톰캣 - servlet, jsp 서비스

아파치 서버

= 순수 네트워크 통신 구현 웹서버 = 아파치 톰캣 서버 : 웹 서버 + JRE (JVM) 환경구현 : servlet container =servlet container 예) Resin, Tomcat, WebLogic 등 대부분의 상업용 자바 서버. -> web application server : was ( •̀∀•́ )✧ 위의 줄은 기억하기

http

= hyper text transfer protocol

fluffy0301 commented 2 years ago

html5

= 퍼블리셔 (html 전문가)의 영역 = 문서의 구조 요소 (heder, footer 등)

css3

= 웹 디자니어의 영역

javascript /jquery = front -end : 개발자의 영역

= html ,css,js 코드가 서로 분리되어 있어야 개발이 쉽고 빠르다.

html4

= 기초적인 개념 client side의 개념

html5

= html4 + semantic tag

semantic tag

= 의미적으로 접근하자.(header, nav, footer 등)