전체 글8 gh-pages 배포 시 새로고침 404 Error가 뜨는 문제[React] 이전 문제 포스트 gh-pages 배포 시 빈 화면 나오는 문제 수정 [React]1. 문제 배경문제 발생 상황: gh-pages를 활용해 git hub page에 바로 배포를 하게 되면 빈 화면이 뜨는 문제기술 스택: "react": "^18.3.1", "react-dom": "^18.3.1", "react-router-dom": "^6.25.1developer-b.co.kr 1. 문제 배경문제 발생 상황: gh-pages를 활용해 git hub page에 바로 배포 후 서브 경로에서 새로고침을 하거나 직접 입력으로 해당 페이지에 접근하면 404 에러가 발생하는 문제기술 스택: "react-dom": "^18.3.1", "react-ro.. 2024. 7. 29. gh-pages 배포 시 빈 화면 나오는 문제 수정 [React] 1. 문제 배경문제 발생 상황: gh-pages를 활용해 git hub page에 바로 배포를 하게 되면 빈 화면이 뜨는 문제기술 스택: "react": "^18.3.1", "react-dom": "^18.3.1", "react-router-dom": "^6.25.1", "gh-pages": "^6.1.1", 배경 이야기를 간단히 하자면, 이미 2번째 겪은 문제로 처음부터 create-react-app을 통해서 생성한 폴더에서 작업을 시작하지 않을 때마다 겪은 문제인데. 1번째 문제를 겪은 시점에서는 깔끔하게 프로젝트를 처음부터 새로 만드는 것으로 해결하고 넘어갈 수 있었지만, 이번에는 기존에 만들어둔 포트폴리오 프로젝트를 통째로 react 환경으로 리.. 2024. 7. 28. 작은 브랜드는 '유기적 트래픽(Organic Traffic)'을 잡아야 하는 이유 웹사이트 유입을 만들어야 하는 입장에서는 쭉쭉 성장해가는 트래픽만 보고 일희일비하기 십상이지만, 정작 중요한 지표인 유기적 트래픽을 만드는 것을 놓치는 경우도 있는듯 하다. 무조건 트래픽 숫자가 높다는 것만으로 만족해서는 안된다는 것! 트래픽 유입은 여러 유형이 있지만 큼직큼직한것만 보자면 5가지 정도로 분류할 수 있다. 1. 유기적 트래픽 (Organic Traffic) : 사용자가 검색한 키워드를 통해 자연검색으로 유입된 트래픽2. 직접 트래픽 (Direct Traffic) : 직접 URL을 입력하여 방문하거나 즐겨찾기 메뉴로 들어오는 트래픽3. 추천 트래픽 (Referral Traffic) : 타 사이트의 글이나 댓글에 남겨진 링크를 통해 유입되는 트래픽4. 소셜 미디어 트래픽 (Social Med.. 2024. 7. 20. 스키마 마크업(Schema Markup)이란? (정의 / 적용 방법 / 예시) 스키마 마크업(Schema Markup)이 뭘까?검색엔진최적화의 방법 중 '스키마 마크업'이라는 것이 있는데,쉽게 말하면 스니펫(Snippet)*을 생성하기 위해 웹사이트를 좀 더 검색로봇이 이해하기 쉬운 형태로 작성해 두는 기술이라고 할 수 있다. 스니펫(Snippet)검색 포털에서 해당 페이지의 콘텐츠 중 사용자에게 필요한 부분만 간결하게 표기하는 UI. - Google의 스니펫 형태- Naver의 지식스니펫 형태구글과 네이버 모두 스니펫이라는 형태로 UI를 제공하지만, 구글의 경우 개발자가 스키마 마크업을 통해서 적극적으로 스니펫 생성을 요청할 수 있는 반면, 네이버는 자체엔진의 AI 알고리즘을 기반으로 자동으로 생성해 주는 영역이라고 할 수 있다. 스키마 마크업은 왜 해야할까?검색 결과에서 리치.. 2024. 7. 16. 이전 1 2 다음
