반응형

전체 글 42

라즈베리파이 MySQL 데이터 복구 삽질기

예전에 라즈베리파이에 API 서버를 올려서 사용했고 데이터는 MySQL에 저장되어 있었음. 기기 자체는 더 이상 부팅되지 않았고 SD카드만 남아 있는 상태였음.목표는 단순SD카드 안에 있는 DB 데이터 복구저장되어 있던 이미지 및 작성 데이터 확인처음에는 ibdata1 파일만 있으면 쉽게 될 줄 알았음. 1차 시도 - Docker로 바로 복구Windows 환경에서 Docker를 이용해 MySQL을 실행하고 SD카드 데이터를 마운트docker run -d \ --name mysql-recover \ -v C:\mysql_restore:/var/lib/mysql \ mariadb:10.5하지만 결과는 실패.로그에는 이런 내용이 나왔음InnoDB: Plugin initialization abortedU..

React Scroll Navigation 구조 설계 고정 헤더 환경에서 스크롤 이동 제대로 만들기

포트폴리오나 랜딩 페이지처럼 한 화면에 여러 섹션이 있는 페이지를 만들다 보면 상단 네비게이션을 눌렀을 때 특정 섹션으로 스크롤 이동하는 기능을 거의 필수로 구현하게 됨. 처음에는 단순히 anchor 링크만 걸면 끝날 것 같았는데 실제로 적용해보면 생각보다 자잘한 문제가 많이 생김. 나도 포트폴리오 작업하면서 가장 오래 잡고 있었던 부분이 바로 이 스크롤 네비게이션 구조였음. 특히 헤더를 fixed 또는 sticky로 잡아둔 상태에서는 섹션 상단이 잘려 보이는 문제가 계속 발생했고 처음에는 CSS 하나만 수정하면 될 줄 알았다가 결국 구조 자체를 다시 정리하게 됐음. 1. 처음 구조 - 단순 anchor 방식처음에는 메뉴 클릭 시 해당 id로 이동하도록 아주 단순하게 구성 About Projects...

티스토리앱에서 구글 애드센스 광고 노출이 안 될때 설정하는 방법

이상하게 PC에서는 구글 애드센스 광고 노출이 잘 되는 반면 위의 이미지처럼 티스토리앱에서는 구글 애드센스 광고 노출이 안되거나 새로고침을 해야 보이는 경우가 있습니다. 이것을 해결하는 방법에 대해 알아보겠습니다. 1. 티스토리 블로그 관리에서 수익 → 애드센스 관리 클릭 2. 광고 설정 본문에 마우스 호버를 하여 수정 버튼 클릭 3. 사이즈를 300x250으로 변경 4. 나머지들도 모바일은 반응형에서 300x250으로 변경 후 저장 5. 티스토리 앱에서 확인광고가 잘 나오는걸 확인 할 수있습니다.

티스토리 블로그 구글 검색에 노출 시키는 방법

원래 이 블로그는 공부용 블로그로 만든 거라서 방문자수를 신경 안 쓰다가 이번에 구글 애드센스를 신청하며 구글 검색에 내 블로그가 노출이 안 된다 걸 발견했다. 아래 내용은 티스토리 블로그가 구글 검색에 노출되는 방법이다. 1. 구글 서치 콘솔 사이트 접속 https://search.google.com/search-console/about Google Search Console Search Console 도구와 보고서를 사용하면 사이트의 검색 트래픽 및 실적을 측정하고, 문제를 해결하며, Google 검색결과에서 사이트가 돋보이게 할 수 있습니다. search.google.com 2. 시작하기 클릭 후 구글 로그인 3. URL 접두어에 내 블로그 url 입력 후 계속 버튼 클릭 4. 소유권 인증 클릭 소..

티스토리, 구글 애드센스 '애드센스에 연결하기 위해서는 Tistory상에서 셋업이 제대로 되어 있는지 다시 확인해 주세요.' 해결 방법

'애드센스에 연결하기 위해서는 Tistory상에서 셋업이 제대로 되어 있는지 다시 확인해 주세요.' 해결 방법 애드센스에 사이트를 연결 시작하기를 누르면 이런 문구가 뜬다. 이것은 티스토리 관리 항목에서 애드센스를 연동을 하였는지 확인하라는 뜻이다. 찾아보니 원래 필수 항목이 아니었으나 작년 업데이트로 인하여 바뀐 항목이라고 한다. 해결방법은 아래와 같다. 1. 티스토리 관리 항목의 수익 메뉴 클릭 2. 구글 애드센스 연동하기 3.구글 로그인 클릭 4. 본인의 애드센스 가입한 계정을 입력이나 선택하여 로그인을 진행 애드센스 데이터 보기, 애드센스 데이터 보고 관리 체크 5. 티스토리 애드센스 관리 창을 확인 이제 티스토리 관리 메뉴항목의 수익 창에는 애드센스 항목이 보인다. 끝!

티스토리 구글 애드센스 신청 방법 / 티스토리 구글 애드센스 광고 신청 방법

티스토리 구글 애드센스 신청방법 1. 구글 애드센스 사이트 클릭 https://www.google.com/intl/ko_kr/adsense/start/ Google 애드센스 - 웹사이트에서 수익 창출하기 Google 애드센스의 웹사이트 수익 창출 기능을 사용하여 수익을 올려보세요. Google 애드센스에서 광고 크기를 자동으로 최적화하여 광고의 노출 및 클릭 가능성이 높아집니다. www.google.com 2. 로그인 3. 구글 애드센스와 구글계정 연결 구글계정과 구글 애드센스 계정이 연결되지 않았다 라는 창이 뜨면 구글 애드센스 계정에 가입을 클릭하고 다음단계로 진행 4. 정보입력 실적 개선을 위한 제안 메일을 받으면 추후 애드센스 관리할때 도움이 되므로 선택하는걸 추천 5. 애드센스 관리화면 정보입력..

Github page에 next.js 호스팅 하는 방법

Next.js, Nuxt.js, Gatsby, Hugo, Jekyll 및 HTML에 대한 starter workflows 가 있으니 필요한 파일 복사해서 붙여넣자 1. Next.js, Nuxt.js, Gatsby, Hugo, Jekyll 또는 HTML을 만들어 저장소에 저장한 후 해당 저장소의 설정 탭으로 이동 2. 왼쪽 사이드바에서 페이지를 클릭 3.빌드 및 배포에서 GitHub 작업을 선택 4. repository의 코드를 기반으로 몇가지 workflow가 제안된다. 코드 베이스와 호환되는 workflow를 선택 - 나는 지금 workflow가 하나라서 안보임 5. 구성을 클릭하면 미리 만들어진 workflow로 이동 자유롭게 yaml 파일을 조정하고 코드 커밋하기 - 나는 starter workfl..

JavaScript event prevent

event.preventDefault() 현재 이벤트의 기본 동작을 중단 event.stopPropagation() 현재 이벤트가 상위로 전파되지 않도록 중단 event.stopImmediatePropagation() 현재 이벤트가 상위뿐 아니라 현재 레벨에 걸린 다른 이벤트도 동작하지 않도록 중단 return false jQuery를 사용할 때는 위의 두 개 모두를 수행한 것과 같고, jQuery를 사용하지 않을 때는 event.preventDefault() 와 같다.

axios 오류처리(Error Handling)

axios.get('/user/12345') .catch(function (error) { if (error.response) { // 요청이 이루어졌으며 서버가 2xx의 범위를 벗어나는 상태 코드로 응답했습니다. console.log(error.response.data); console.log(error.response.status); console.log(error.response.headers); } else if (error.request) { // 요청이 이루어 졌으나 응답을 받지 못했습니다. // `error.request`는 브라우저의 XMLHttpRequest 인스턴스 또는 // Node.js의 http.ClientRequest 인스턴스입니다. console.log(error.request..

반응형