Funital01님의 블로그

웹 브라우저는 HTML 파일을 그대로 화면에 보여주는 것이 아니라,HTML 코드를 읽고 이해한 뒤 화면에 표시하기 쉬운 형태로 다시 만들어 사용합니다.이때 만들어지는 것이 바로 DOM(Document Object Model) 입니다. DOM은 HTML 문서를 객체(Object) 형태로 표현한 구조입니다.쉽게 말해, HTML이 집을 짓기 위한 설계도라면 DOM은 그 설계도를 바탕으로 실제로 만들어진 집의 구조라고 생각하면 됩니다. 브라우저는 HTML을 DOM으로 변환한 뒤 화면을 그리고,JavaScript는 이 DOM을 이용해 웹 페이지의 내용을 변경하거나 새로운 요소를 추가하고 삭제하는 등화면을 자유롭게 조작할 수 있습니다. DOM의 가장 큰 특징은 트리(Tree) 구조로 이루어져 있다는 것입니다.HTM..

프로젝트를 개발하다 보면 코드를 계속 수정하고 새로운 기능을 추가하게 됩니다.처음에는 파일을 복사해서 백업하는 방식으로도 충분하다고 생각할 수 있지만,프로젝트 규모가 커지거나 여러 명이 함께 개발하게 되면 어떤 파일이 수정되었는지, 언제 변경되었는지 관리하기가 매우 어려워집니다. 이러한 문제를 해결하기 위해 사용하는 것이 Git과 GitHub입니다. Git은 프로젝트의 변경 이력을 관리하는 버전 관리 시스템으로,개발 과정에서 발생하는 모든 변경 사항을 기록해 줍니다.덕분에 문제가 발생하더라도 이전 버전으로 쉽게 되돌릴 수 있으며, 어떤 사람이 어떤 코드를 수정했는지도 확인할 수 있습니다. 반면 GitHub는 Git으로 관리하는 프로젝트를 인터넷에 저장하고여러 개발자가 함께 협업할 수 있도록 도와주는 플랫..

백엔드 개발을 시작하면서 가장 먼저 이해해야 할 것은클라이언트와 서버가 어떻게 데이터를 주고받는지에 대한 내용이라고 생각을 합니다. 단순히 API 호출이라고 생각할 수도 있지만,실제로는 HTTP 요청, HTTPS 암호화, 네트워크의 다양한 요소들이 함께 동작해서 하나의 통신을 완성합니다. 이번 글에서는 HTTP 요청 방식과 HTTPS, 그리고 네트워크의 기본 개념을 정리해 보았습니다.1. HTTP 요청 방법백엔드와 프론트엔드가 통신하기 위해서는 먼저 클라이언트가 서버에 요청(Request) 을 보내야 합니다. 그런데 요청이라고 해서 모두 같은 형태로 전달되는 것은 아닙니다.조회 조건을 전달할 때와 실제 데이터를 전달할 때 사용하는 방법이 서로 다르기 때문입니다. HTTP에서는 이러한 목적에 따라Query..