전체 글92 웹 애플리케이션 동작 과정 오늘은 웹 애플리케이션 동작 과정에 대해 설명할게요 웹 애플리케이션 동작 과정을 설명하기 전 알아야할 용어들이 있습니다 HTML / CSS / JAVASCRIPT / 웹 서버 / 데이터베이스 등 용어들에 대해서 우선 기초적인 개념부터 잡고 갈게요 HTML (Hyper Text Markup Language) hyper 는 최고의, 초과하는 등을 의미하는 접두사로 과도한 이라는 뜻을 쓰이기도 한다고해요 Markup 은 크게 2가지 의미로 사용되는데1. 상품 가격을 책정할때 원가의 추가 이윤을 붙이는 것을 의미가격책정에서 마크업은 상품 판매 가격에서 원가를 뺀 이윤을 의미하는데옷의 원가가 10,000원이고, 20%의 마크업을 적용하면 판매가는 12,000원이 됩니다. 2. 문서나 데이터의 구조를 표현하기 위해.. 2025. 6. 17. meta 태그를 활용하여 SEO 최적화와 OG(Open Graph) 태그 1. meta 태그를 활용하여 SEO 최적화와 OG(Open Graph) 태그를 설정할 수 있는가?태그는 웹 페이지의 메타 정보를 제공하는 데 사용되며, SEO 최적화와 OG(Open Graph) 태그 설정에 매우 중요한 역할을 합니다.SEO 최적화의 경우:태그는 검색 엔진이 페이지를 인덱싱하고, 웹 페이지의 내용을 이해하는 데 도움을 줍니다.주요 SEO 최적화 항목으로는:: 페이지 설명을 지정합니다. 이 설명은 검색 결과에 표시되어 사용자가 클릭할 가능성을 높이는 중요한 요소입니다.: 페이지와 관련된 키워드를 지정하는 태그입니다. 최근에는 중요도가 낮아졌지만 여전히 사용될 수 있습니다.: 검색 엔진의 로봇에게 페이지를 어떻게 크롤링할지 명시하는 태그입니다. 예를 들어, noindex를 사용하여 특정 페.. 2025. 3. 9. REST API 란 무엇인가요 REST API 란 무엇인가요 *REST API (Representational State Transfer API)**는 클라이언트와 서버 간의 통신을 위해 HTTP를 사용하는 아키텍처 스타일입니다. REST는 특정한 규칙을 따르며, 이를 통해 시스템 간 데이터 교환을 간편하고 효율적으로 처리할 수 있습니다. REST API는 웹에서 데이터를 송수신할 때 흔히 사용되는 방식으로, 다음과 같은 주요 특징을 가집니다.REST API의 주요 특징무상태성 (Stateless)각 요청은 독립적이며 이전 요청의 상태를 저장하지 않습니다. 클라이언트의 상태는 클라이언트 측에서 유지되며, 서버는 클라이언트의 상태를 추적하지 않습니다.클라이언트-서버 구조 (Client-Server Architecture)REST는 클라.. 2025. 3. 9. 브라우저 저장소 이해하기 1. 로컬스토리지 (LocalStorage)개요: localStorage는 웹 브라우저의 저장소 중 하나로, 웹 페이지의 데이터를 영구적으로 저장합니다.한 번 저장된 데이터는 브라우저를 닫고 다시 열어도 유지됩니다.특징:영구적으로 데이터를 저장 (브라우저 세션 종료 후에도 데이터가 유지됨)용량: 보통 5MB 정도의 데이터를 저장할 수 있습니다. (브라우저마다 다를 수 있음)동기식 API를 제공하며, 데이터를 키-값 쌍으로 저장합니다.보안: 클라이언트 측에서 데이터를 저장하므로 민감한 정보(예: 비밀번호)는 저장하지 않는 것이 좋습니다.사용법:저장: localStorage.setItem('key', 'value');읽기: localStorage.getItem('key');삭제: localStorage.re.. 2025. 3. 9. [git] 깃 충돌 해결 방법 같은 브런치에서 두사람이 작업을 하고있습니다 b가 작업하던 부분을 a가 이어받아서 작업을 해야합니다.그럼 a는 지금 작업하던 부분과 이어받아서 작업을 해야하는 부분이 생기게됩니다. 이 경우 어떻게 해결을 하나요? 두 사람이 같은 브랜치에서 작업하고 있을 때, 작업을 이어받아 작업해야 하는 경우(예: A가 B의 작업을 이어받는 경우),충돌(conflict)이 발생할 수 있습니다.이를 효율적으로 해결하려면 Git을 사용한 몇 가지 방법을 통해 작업을 이어받고 충돌을 해결할 수 있습니다.1. 최신 상태의 브랜치를 가져오기먼저 A는 B가 작업을 마친 후의 최신 상태를 반영하기 위해 리모트 저장소의 최신 브랜치를 가져와야 합니다.이는 B가 작업한 부분을 통합하고 A의 작업을 이어갈 수 있게 합니다.1.1. g.. 2025. 3. 9. 검색 엔진 최적화 SEO 💡 SEO(Search Engine Optimization)란?SEO(검색 엔진 최적화, Search Engine Optimization)란,웹사이트가 검색 엔진(구글, 네이버, 빙 등)에서 더 높은 순위에 노출될 수 있도록 최적화하는 과정을 의미합니다.즉, 사용자가 검색했을 때 내 웹사이트가 상위에 나타날 수 있도록 구조와 콘텐츠를 최적화하는 기술입니다.1. SEO가 중요한 이유✅ 검색 유입 증가 → 검색엔진에서 상위 노출되면 방문자 수 증가✅ 광고 비용 절감 → 유료 광고 없이도 트래픽 확보 가능✅ 웹사이트 신뢰도 향상 → 상위 노출된 사이트는 신뢰도가 높아짐✅ 사용자 경험(UX) 개선 → 검색엔진이 선호하는 구조를 따르면 가독성과 접근성이 향상됨 💡 예시:"웹 퍼블리싱이란?"을 검색했을 때, S.. 2025. 3. 9. 이전 1 2 3 4 ··· 16 다음
