728x90

프론트엔드 7

[프론트엔드 기초] HTML

백엔드 개발자가 왜 프론트엔드 기술을? - 웹 개발 초창기에는 프론트엔드/백엔드 구분이 없었지만, 기술이 발전함에 따라 영역이 구분됨 - 그럼에도 불구하고, 웹 서비스는 협업을 통해 만들어지기 때문에 각 영역의 개발자는 상대 영역의 기본적인 내용에 대해 필수적으로 이해해야 함 - 백엔드 개발자도 기본적인 프론트엔드 개발 지식에 대한 이해가 필요하므로, HTML과 CSS에 대한 학습 필요 프론트엔드 3총사 - HTML : Structure. 구조, 뼈대 작성 - CSS : Presentation. 스타일, 디자인 - JavaScript : 상호작용, 동적 움직임 HTML(HyperText Markup Language) - 웹 페이지의 내용과 뼈대를 정해진 규칙대로 기술하는 마크업 언어 HTML의 기본 구조..

[웹 개발] 웹 클라이언트와 웹 서버

클라이언트-서버 아키텍처(2티어 아키텍처) - 리소스(e.g. 상품 정보)가 존재하는 곳(=서버)과 리소스를 사용하는 앱(=클라이언트)을 분리시킨 것 - 데이터베이스(리소스를 저장하는 공간)을 추가하여 3티어 아키텍처라고 한다. 일반적으로 서버는 리소스를 전달해 주는 역할만 담당 프론트엔드와 백엔드 - 프론트엔드 : 클라이언트 앱. 사용자가 직접 눈으로 보고, UI를 클릭 또는 터치하는 등의 상호작용을 할 수 있는 앱 개발 - 백엔드 : 서버 앱. 상품 정보를 API로 노출, 로그인/로그아웃, 권한 관리 등 사용자 인증을 주로 다룸. 데이터베이스 등 시스템 설계까지 도맡아 하는 경우도 있음 클라이언트와 서버의 종류 - 클라이언트 종류 : 웹사이트(웹 앱), 스마트폰/태블릿 앱, 데스크탑 앱 - 서버 종류..

728x90