각종 학습 요약/Web
-
기초 HTML의 이해각종 학습 요약/Web 2022. 4. 27. 15:35
HTML 기초 html이란? HyperText Markup Language의 약자. 즉, 하이퍼텍스트(웹문서)를 위한 구조화된(마크업) 언어. 기본 구조 형식 대개의 경우는 열고 닫는 태그(Tag), 표현하는 속성(Attribute), 담기는 내용(Content)으로 구성된다. 여는 태그부터 닫는 태그까지를 하나의 요소(Element)라고 한다. 중첩(ㅇㅁㅁㅇ)될 수 있다. 교차(ㅇㅁㅇㅁ)는 불가. 중첩된 경우, 바깥쪽의 요소는 '부모 노드(Parent node)', 내부의 노드는 자식 노드(Child node)라고 한다. 나란한 수준에 있는 노드는 '형제 노드(Sibling node)'라고 한다. 닫을 필요 없이 스스로 존재하는 태그들은 Empty Elements(또는 Se..
-
웹 개요 - 웹 개발, 프론트엔드와 백엔드각종 학습 요약/Web 2022. 4. 27. 15:13
웹 개발 이해 백엔드를 원하는데 왜 프론트엔드 공부가 필요해? 현재의 웹개발은 프론트엔드, 백엔드, 그리고 더 많은 직무들로 나눠지고 있다. 웹 기술이 예전처럼 단순하게 작동하지 않기 때문이다. 하지만 그말인즉, 지금 나눠져 있는 것들은 본래 전부 하나의 웹 개발 과정이었다는 의미다. 전문 영역은 나뉠 수 있다. 하지만 직무가 다르다고 해도 다 별개의 것이 아니라, 웹을 구현하는 하나의 기술 안에 있다는 점을 알아야 한다. 웹의 일부만 보고 웹을 안다고 할 수 없고, 웹을 알지 못하면 제대로 만들 수도 없다. 이것이 백엔드 엔지니어라 할지라도 프론트엔드 기본 지식을 반드시 갖춰야 하는 이유다. 추가로 네트워크, 인터넷, 웹의 구성, 브라우저의 동작 정도는 추상적으로라도 한번 훑어보면 좋은 것 같다. 넘 ..
-
웹 개요 - 클라이언트와 서버각종 학습 요약/Web 2022. 4. 26. 17:00
웹 개요 - (웹)클라이언트와 (웹)서버 2-tier / 3-tier architecture를 간략히 설명해본다. 핵심은 리소스를 다루는 용도로 분리된다는 것이다. 2-tier architecture: 리소스를 사용하는 곳(클라이언트)과 존재/제공하는 곳(서버)을 분리한 구조. 다른 말로 '클라이언트-서버 아키텍처'라고 부른다. 대개 클라이언트는 요청을 하고 서버는 그에 따른 응답을 준다. 3-tier architecture: 서버는 일하기만도 바쁘다. 그래서 리소스를 다른 곳(데이터베이스)에 저장해두고 중간자로서 처리/전달만 한다. 리소스를 사용하고 사용자와 상호작용하는 쪽의 개발 영역을 프론트엔드로 본다면, 처리/전달/저장 하는 쪽을 백엔드라고 볼 수 있다.