본문 바로가기

Front_End2

프론트엔드 개발언어: HTML, CSS, JS(Java Script) 차이에 대해 배워보자 이전 시간에는 프론트엔드, 백엔드 그리고 풀 스택 개발에 대한 간단한 정의에 대해 살펴봤습니다. 이번 시간에는 프론트엔드 개발에 사용되는 HTML, CSS, JS(Java Script)에 대해 배워 보겠습니다. HTML, CSS, JS의 정의와 차이 스타벅스 홈페이지입니다. 상단에는 커피, 메뉴부터 로그인까지 다양한 기능을 포함한 메뉴창이 있습니다. 다양한 음료 이미지와 알록달록한 텍스트가 보입니다. HTML(Hyper Text Markup Language) 언어는 웹 앱(웹 애플리케이션의 줄임말, 홈페이지를 의미)의 뼈대를 구성하는 언어입니다. 하이퍼 텍스트(Hyper Text)는 링크 같은 개념이고, Markup은 만들다는 의미인데요. 따라서 HTML 언어는 링크의 개념을 활용하여 웹 앱의 제목, 문.. 2023. 7. 21.
프론트엔드? 백엔드? 풀 스택 개발? 프론트엔드, 백엔드, 풀 스택 개발 프론트엔드와 백엔드의 구분은 사람의 눈에 보이느냐, 보이지 않느냐의 차이로 보셔도 무방합니다. 브라우저(구글, 크롬, 엣지 등)를 통해 넷플릭스 공식 홈페이지에 접속했다고 가정하겠습니다. 우리는 거기서 계정 정보에 대해 조회할 수 있고, 요금제를 변경하는 등 홈페이지와 상호 작용을 할 수 있습니다. 홈페이지처럼 사용자가 눈으로 볼 수 있고, 소통하는 접점과 관련된 웹 애플리케이션을 개발하는 분야를 프론트엔드 개발이라고 합니다. (프론트엔드 개발은 쉽게 말해 웹 페이지를 만드는 것입니다.) 반면, 사용자가 눈으로 보기는 어렵지만 분명히 존재하는 데이터 베이스와 같은 서버 측 개발 분야를 백엔드 개발이라고 합니다. 사용자는 프론트엔드를 통해 간접적으로 백엔드 서비스를 이용.. 2023. 7. 20.