일상 일기 블로그

📚 라이브러리와 프레임워크, 같은 듯 다른 개발 도구의 모든 것 "코드를 짤 때 쓰는 도구라는데… 정확히 뭐가 다른 거지?" 개발을 처음 접하면, 자주 듣게 되는 두 용어가 있습니다. 바로 ‘라이브러리’와 ‘프레임워크’입니다. 둘 다 프로그램을 만들 때 쓰는 도구이고, 코드를 덜 쓰게 해준다고 하니 비슷하게 느껴집니다. 하지만 이 둘은 아예 성격이 다르며, 제대로 구분하지 못하면 프로그램을 잘못 구성하거나, 시간과 노력을 낭비할 수 있습니다. 이 글에서는 왜 이런 도구들이 필요하게 되었는지, 무엇이 같고, 무엇이 다른지, 실제 예시를 통해 자연스럽게 이해하실 수 있도록 정리해드리겠습니다. ..

✅ CSS란?CSS(Cascading Style Sheets)는 웹페이지에 디자인(스타일)을 적용하기 위해 만들어진 언어입니다.하지만 진짜 핵심은 CSS가 단순히 ‘디자인’을 위한 언어라는 점이 아니라, HTML만으로는 도저히 표현하거나 유지할 수 없는 웹의 복잡성과 시각적 다양성을 해결하기 위해 필요했다는 것입니다.🧩 CSS는 어떤 문제를 해결하려고 등장했는가?📌 문제 1: HTML 자체로는 시각적 표현력이 너무 부족했다HTML은 구조(Structure)를 정의하기 위한 언어입니다. 즉, “이건 제목이다”, “이건 문단이다”, “이건 이미지다”처럼 의미와 위치만 설명할 수 있었습니다.하지만 다음과 같은 질문에 HTML은 답을 줄 수 없었습니다:제목을 가운데 정렬하고 싶다면?문단의 양옆 여백을 30픽..

✅ 태그란?*태그(tag)**란, HTML에서 문서의 특정 부분이 어떤 역할을 하는지를 나타내는 표식입니다.예를 들어, "이건 제목입니다", "이건 문단입니다", "이건 이미지입니다"처럼 텍스트나 요소의 의미를 브라우저에 알려주는 기호가 바로 태그입니다.태그는 일반적으로 다음과 같은 형식으로 쓰입니다:내용예:이건 문단입니다.🧩 왜 태그가 필요한가?컴퓨터는 텍스트를 읽을 수는 있지만, ‘이게 제목인지, 문단인지, 링크인지’를 스스로는 판단하지 못합니다.그래서 사람은 문서의 각 부분이 어떤 역할을 하는지를 직접 지정해줄 필요가 있었습니다. 그 방식이 바로 태그입니다.즉, 태그는 브라우저에게 이렇게 말해줍니다:: “이건 제일 큰 제목이야”: “이건 문단이야”: “이건 링크야”: “이건 이미지야”🧱 태그의 ..