꾸준히 하고싶은 개발자

프론트 기본 지식 본문

카테고리 없음

프론트 기본 지식

프라우스 2023. 2. 9. 16:20

html (hyper Text markup Language)

 페이지의 제목, 문단,표 이미지, 동영상 등 웹 의 구조를 담당한다.

css(Cascading Stayle sheets)

실제 화면에 표시되는 방법(색상,크기,폰트,레이아웃등) 지정해 Html를 꾸며주는 시각적인 표현(정적)을 담당한다.

js(JavaScript)

html를 바꾸고 움직이는 등 페이지를 동작시키는 동적 처리를 담당한다.

java 와 파이썬 은 동적 프로그램 이다.

웹앱의동작원리

컴퓨터 환경

사용자 user                                                <-응답 ----서버 Server ,DB dataBase

client 웹 브라우저 

클라이언트 : 네이버 유투브 크롬

 

웹 표준

웹표준(Web Standard)이란 '웹에서 사용되는 표준 기술이나 규칙'을 의미한다

W3C의 표준화 제정 단계의 '권고안(REC)'에 해당하는 기술이다.

W3C

html css javaScript 는 W3C 우리는 표준 기술이다.

 

크로스 브라우징 

크로스 브라우징 (Cross Browsing) 이란 조금은 다르게 구동되는 여러 브라우저에서, 동일한 사용자 경험(같은 화면, 같은 동작) 을 줄수 있도록 제작하는 기술방법이다.

 

특수기호

backtick, Grave 윈도우에는 있지만 맥북 에는 없지만 설정해서 쓸수있다.

~ (Tilde): 틸드 물결표시

! (Exclamation mark) 엑스클러메이션, 느낌표

@(At sign) 앳, 골뱅이

# (Sharp, Number sign) :샵, 넘버, 우물 정

$ (Dollar sign):달러

% (Percent sign): 퍼센트

^ (Caret): 캐럿

& (Ampersand): 엠퍼센드

* (Asterisk): 에스터리스크, 별표

- (Hyphen, Dash): 하이픈, 대시, 마이너스

_  (Underscore, Low dash): 언더스코어, 로대시, 밑줄

= (Equals sign): 이퀄, 동등

" (Quotation mark): 쿼테이션, 큰 따옴표

' (Apostrophe): 아포스트로피, 작은 따옴표

:  (Colon): 콜론

; (Semicolon): 세미콜론

, (Comma): 콤마, 쉼표

. (Period, Dot): 피리어드, 닷, 점, 마침표

? (Ouestion mark): 퀘스천, 물음표

/ (Slash): 슬래시

\  (Backslash): 백슬래시, 역 슬래시

| (Vertical bar ): 버티컬 바윈도우에서 표시로 (₩)와같은   쓰인다

() (Parenthesis): 퍼렌서시스, 소괄호, 괄호

{} (Brace): 브레이스, 중괄호

[] (Bracket): 브래킷, 대괄호

<> (Angle Bracket): 앵글 브래킷, 꺽쇠괄호