정적사이트(static) & 동적사이트(dynamic)
어렵게 말고 간단하게 알아 보고 넘어 갑시다!
정적 사이트는 단순히 방문자에게 정보를 보여주기만 하는 웹 사이트! (뉴스, 위키피디아 등)
동적 사이트는 사용자에게 제공할 기능과 서비스까지 모두 포함한 웹 사이트(네이버, 다음 등)
서버(server) & 클라이언트(client)
서버와 클라이언트 관계는 간단히 보면 공급자와 구매자 관계 입니다!
서버는 웹 사이트에 접속하면 보이는 텍스트, 이미지, 동영상 등의 웹 요소와 웹 사이트에서 정보를 검색, 저장, 삭제 등의 처리를 해줍니다!
클라이언트는 사용자가 서버에 요청을 하여 보여주는 결과 창이라고도 할 수 있겠죠!
프런트엔드(front-end) & 백엔드(back-end)
프론트엔드와 백엔드도 간단히 말씀 드리면 보이는 화면과 보이지 않는 정보 입니다!
프론트엔드는 보이는 영역, 브라우저 화면, 디자인, 동적으로 반응하는 기능, 모바일 웹 브라우저 사이트 등 다양합니다! 실제로 저희가 지금 보고 있는 이 글도 프론트엔드 분야입니다!
프론트엔드의 대표적인 언어는 HTML5, CSS3, JavaScript가 있고 깊이 들어가면 다양한 라이브러리와 프레임 워크 등 많지만 너무 욕심 부리지 말고 먼저 HTML5부터 차근 차근 진행해보세요!
백엔드는 보이지 않는 영역, 웹 사이트의 회원 정보나 게시판 글 등 서버에 데이터 베이스 형태로 저장이 되고 데이터베이스를 설계하거나 데이터를 처리해주는 등 데이터가 저장된 곳이 아닌 처리 과정 입니다!
백엔드에서 사용하는 언어가 많이 들어본 Java(JSP, SPRING), Python(Django, Flask) , PHP( Lalabel, CodeIgniter), C#(.Net) 등이 있습니다!
프레임워크? 라이브러리?
이제 앞으로 프레임워크랑 라이브러리라는 말씀을 많이 들으실 거에요!
솔직히 어떤건 프레임워크이면서 라이브러리이기도 하고 라이브러리 이면서 프레임워크이기도 하듯
뭐랄까 확실하게 구분하기는 조금 어렵고 또 깊이 파고 들면 머리만 아프니 깊이 말고 간단히 얕게 보면
흔히 주도권을 기준으로 프레임워크이다 라이브러리 이다라고 많이 구별해요!
주도권이 개발자에게 있으면 라이브러리, 주도권이 개발 도구에 있으면 프레임워크
대표적인 라이브러리는 JQuery라고 생각해요! 개발자가 필요하면 코드를 받아와서 작성만 하면되기에 편하게 사용할 수 있고 개발자가 코드를 만드는 등 주도권이 개발자에게 있죠!
대표적인 프레임워크는 React라고 생각해요! 필요한 부분만 사용할 수 있는게 아니라 React라는 프로젝트를 만들어 정해진 규칙대로 개발자가 코드를 작성하는 등 주도권이 개발 도구에 있죠!
지금 당장은 중요하지 않은데요!
나중에 여러분들이 HTML, CSS, JS를 마치고 JQuery랑 React를 시작하게 되면 알 수 있을 거에요!
여기까지 가볍게 읽고 다음으로 넘어가면서 HTML을 공부해보도록 하죠!
