본문으로 건너뛰기

서버 통신? 어렵죠? '한방에 이해 시켜드릴게요'

· 약 3분
Seung hyo, Lee
Front End Engineer @ Assistfit
음식점으로 이해하는 서버 통신

친구가 차린 음식점에 드디어 테이블도 배치하고, 인테리어도 했다. 오~ 밖에서 보니 괜찮아 보인다.

하지만 껍데기 뿐이다....

주문을 받을 프론트 직원과, 주방 직원, 심지어 메뉴판 조차 없다.

여기서 설명! 우리는 음식점 마다 메뉴판 = JSON(문법) 이 필요하다.

중국집에 가서 메뉴에 없는 초밥을 주문할 수 없는 것 처럼!

JSON 형식에 맞는 키(음식이름) 을 주문해야 밸류(실제 음식)이 나온다.

자, 여기서 더 나아가 우리가 주문 할 때 마다 '주문 하면 가게 밖으로 나갔다 와야한다면' 어떨까? (새로고침)

그래서 AJAX 가 생겼다!!! (새로고침 안해도 주문한 것들이 바뀜)

여기서 동기,비동기 처리는 추후에 포스팅하여 설명 해야겠다!

HTML 은 '건축물' 입니다.

· 약 2분
Seung hyo, Lee
Front End Engineer @ Assistfit

'너가 장사를 하려고 하는데, 공간이 필요하겠지? HTML은 인테리어가 아무 것도 안되어있고 시멘트만으로 구역을 나눈 하나의 건축물, 건물이라고 생각하면 되겠다'

저는 친구들에게 설명할 때 이렇게 말하곤 합니다.

CSS 는 '인테리어'

· 약 1분
Seung hyo, Lee
Front End Engineer @ Assistfit

'가게를 인테리어를 하려면 많은 도구들이 필요하겠지? 아니면 시중에 파는 제품을 사와도 좋고'

저번포스팅에 순수한 html파일만 가지고 보여드린 html에서 style 을 추가한 웹페이지 입니다!

style을 추가한 웹페이지