본문 바로가기

Web Development7

요즘 웹개발 [코딩애플] https://youtu.be/ZM55pce2AkY 2023. 8. 3.
트위터나 페이스북의 컨텐츠는 일반적인 구글검색에 노출되지 않잖아. 그 이유는 뭐지? 트위터나 페이스북의 컨텐츠는 일반적인 구글검색에 노출되지 않잖아. 그 이유는 뭐지? Bard 트위터나 페이스북의 컨텐츠가 일반적인 구글검색에 노출되지 않는 이유는 다음과 같습니다. * 트위터와 페이스북은 공개 API를 제공하지 않기 때문에 구글 검색 엔진이 트위터와 페이스북의 컨텐츠를 크롤링하고 색인화할 수 없습니다. * 트위터와 페이스북은 컨텐츠의 공개 범위를 제한할 수 있습니다. 예를 들어, 트위터 사용자는 자신의 트윗을 공개, 친구만 볼 수 있도록, 또는 팔로워만 볼 수 있도록 설정할 수 있습니다. 페이스북 사용자는 자신의 게시물을 공개, 친구만 볼 수 있도록, 또는 특정 그룹만 볼 수 있도록 설정할 수 있습니다. * 트위터와 페이스북은 컨텐츠의 수명이 짧습니다. 트위터의 트윗은 보통 몇 분 만에 .. 2023. 7. 31.
fetch() API, 모듈화의 장점 이때 fetch() API를 사용하는 게 최선이라고 한다. 문법 구조는 아래와 같다. DOCTYPE html> Custom-made Request Form // Fetch API를 사용하여 header.html 파일 가져오기 fetch('header.html') .then((response) => response.text()) // 가져온 파일을 텍스트로 변환 .then((html) => { // 변환된 텍스트를 header 요소에 삽입 const headerContainer = document.getElementById('headerContainer'); headerContainer.innerHTML = html; }) .catch((error) => { console.error('Error fetch.. 2023. 7. 29.
SNS 사용자들의 일반적인 사용 목적이 뭐라고 생각하냐? [웹 개발, HTML] header, main, article, footer, aside, figuer 같은 섹션 태그들을 사용하면 시멘틱 차원에서 유리하다고 했잖아. 그런데 facebook, twiter, instagram 같은 SNS의 포스트나 글은 대부분 섹션 태그가 적용되지 않았을 거잖아? chatGTP 맞습니다, HTML5에서 도입된 header, main, article, footer, aside, figure 등과 같은 시멘틱 태그들은 웹 개발에서 의미론적인 구조를 나타내는 데 유리합니다. 이러한 시멘틱 태그들을 사용하면 웹 페이지의 구조와 의미를 더 명확하게 전달할 수 있고, 검색 엔진 등에서 페이지를 이해하고 인덱싱하는 데도 도움이 됩니다. 또한 웹 접근성 측면에서도 좋은 사용성을 제공합.. 2023. 7. 23.
npm 방식과 다운로드/설치 방식 장단점 선호하는 방식은 개발자들에 따라 다를 수 있으며, 상황에 따라 적절한 방식을 선택하는 것이 중요합니다. 각 방식의 장단점을 살펴보면 다음과 같습니다: 1. npm 방식: - 장점: - npm은 Node.js의 패키지 매니저로 매우 널리 사용되고, 다양한 라이브러리와 모듈들이 npm을 통해 제공되고 있습니다. - 의존성 관리가 용이하여 필요한 라이브러리를 쉽게 설치하고 관리할 수 있습니다. - 프로젝트의 빌드 시스템에 통합하여 사용할 수 있으며, 자동으로 최신 버전을 유지하거나 업데이트할 수 있습니다. - 단점: - npm을 사용하려면 Node.js를 먼저 설치해야 하며, 이는 추가적인 설치 과정이 필요할 수 있습니다. - 라이브러리를 설치하고 관리하는 과정이 조금 복잡할 수 있습니다. 2. 다운로드 방식.. 2023. 7. 20.
웹개발 로드맵 (드림코딩) https://youtu.be/TTLHd3IyErM 2023. 7. 13.
웹개발 코딩 전체 그림 https://youtu.be/3Cd6sKe7g5U 2023. 7. 13.