기록장

📌퍼블리셔가 꼭 알아야 할 SEO 핵심 체크리스트✅ Title 태그 설정페이지마다 고유하고 핵심 키워드 포함✅ Meta Description 작성90~160자 이내 요약문, 클릭 유도 문구 포함✅ h1 태그 1개만 사용페이지 내 핵심 제목은 하나만, 키워드 포함✅ 이미지 alt 속성시각 정보 설명 + 키워드 고려✅ semantic 태그 사용, , 등 의미 있는 구조화✅ 링크에 rel 속성 사용외부 링크엔 rel="noopener noreferrer" 또는 nofollow✅ 내부링크 구조중요 페이지로 연결, 사용자 흐름 고려✅ URL 구조짧고 명확한 URL, 소문자 사용, 언더바 대신 하이픈(-)✅ 로딩 속도 최적화이미지 압축, 불필요한 JS 제거✅ 모바일 최적화반응형 구조, 터치 UX 고려✅ favi..

전에 집 와이파이?인지 sk 공유기 자체인지.. 문제가 생겨서 와이파이가 다 끊긴적이 있었다.그때 나스에서 DDNS로 들어가던 주소들이 전부 먹통이 되었고..(대략, https://gsbd.tistory.com/12 여기에서 DDNS로 들어갔던내 웰컴페이지, sub폴더에 넣어뒀던 다른 index.html들이 안불러와짐) 당시 Quickconnect 까지 접속이 안돼서.. 해결했던 방법은sk모뎀에 꼽았던 렌선을 빼고 와이파이 공유기에 렌선을 꼽기 (원래렌선이 문제있던거 같아서 버림)였음. 그래서... DDNS 연결이 안됐는데..해결방법은 아래와 같다.  1. 원래 DDNS 등록했던거 삭제하고 새로 넣기(원래 호스트이름을 hee 라고했다면 그걸 삭제후 hee2라고 바꾸고, 지금업데이트 버튼+확인 클릭) 2...

✅이전의 넘버링 프로그램에 이어서 작성https://gsbd.tistory.com/83  | bat 파일 만들기 (매우 간단한 방법)1. 메모장을 열고 아래 내용을 입력:@echo offpython "C:\Users\내_폴더\python_test\rename_files.py"pause 2. Rename.bat으로 저장 (파일 형식을 .txt가 아니라 .bat으로 변경)주의 : bat파일 실행경로에 한글이 있으면 인코딩 오류로 경로가 이상해지기 때문에txt에서 bat으로 바꿀때 인코딩을 꼭 ANSI로 함3. 바탕화면에 바로가기 아이콘 생성run_python.bat 파일을 마우스 우클릭 → 바로 가기 만들기원하는 아이콘으로 변경 가능 (속성 → 아이콘 변경)          | exe 파일 만들기 (buil..

1. 파이썬 설치 확인1. 사이트에서 파이썬 다운로드  Download PythonThe official home of the Python Programming Languagewww.python.org     2. 설치할 때 "Add Python to PATH" 옵션 체크하기   3. VS Code 터미널(또는 cmd 창)에서 아래 명령어 실행 (설치되어 있다면+아래 환경변수까지 잘 적용됐다면 버전이 나옴.)python --version   4. 환경변수 편집 진입  5. 윈도우 cmd -> 아래 명령어 실행 -> 파이선이 설치된 경로 복사 후 위 환경변수에 추가해줌where python      2. VS Code에서 파이썬 실행 방법   VS Code에서 새 폴더 생성 (예: folder_name)그..

1.카카오 개발자 사이트에서 web용 애플리케이션 만듬사이트 도메인은 로컬이라 로컬로 지정 2. 등록하러가기 버튼을 눌러, 로그인 성공후 갈 곳 지정   3. 아래의 동의항목 넣음(더하려면 비즈니스 계정 변환 필요)    4. js 앱키 복사 해놓고 html 둘 다에 넣음         | 폴더구성  | index.html (로그인 할 곳 코드) 해당 Live Demo는 테스트용이기 때문에 반드시 소스 코드에 '본인 API 키'를 넣어야 제대로 사용할 수 있습니다.   | kakao_login.html (로그인 한 후 redirection 될 곳 코드) 로딩 중... 로그아웃 | 탈퇴    | 파일 다운

1. 깃 데스크탑을 통해 new repo를 함 (깃헙 데스크탑을 통해!! 해야함, 나중에 관리 어려워짐) 2. new repo로 만들어진 폴더안에서 아래 코드로 리액트 설치npx create-react-app . * 버전 낮다고 오류뜨면 최신버전으로 생성 npx create-react-app@latest . 3. npm start로 잘 나오는지 확인 (바이탈 오류뜨면 그 파일 찾아서 삭제) 4. 깃헙에 페이지 셋팅 main 과 docs 로 변경      5. 코드 파일에서 bulid 를함 (이 파일들이 배포에 필요한 파일이 됨)npm run build 위에서 docs로 변경했기 때문에 bulid라고 생긴 폴더명을docs로 바꿈OR이게 매번하기 번거로우면애초에 빌드시 docs 폴더 안에 만들어지도록 설정함..

만약 내가(AllContext.jsx) 파일에 있는공지사항 의 제목, 연도를 가져오고 싶다고 가정하면 아래와 같은 코드이다  | Main.jsximport React, { useContext, useState } from "react"; //useContext 를 가져오기위한 코드import { Link } from 'react-router-dom'; //이건 링크를 달기위한코드 (a href같은 코드)import AllContext from './AllContext'; // context가 있는 파일을 가져오는 코드function Main() { return( 총 {noticeData.length}건 // 몇 건인지 context파일안의 ..

| 설치 https://react-icons.github.io/react-icons/ React Icons react-icons.github.iohttps://icons.getbootstrap.com/  이 사이트에서 미리 볼 수 있고 아래 code로 설치 //yarn 용 라이브러리yarn add react-bootstrap bootstrapyarn add react-icons//일반 용 라이브러리npm install react-bootstrap-icons --savenpm install react-icons --save // npm   | 기본 사용 예import { MdLogin, MdOutlineLogout, MdOutlineAccountCircle } from "react-icons/md"; 사용..

1. 아래와 같이 classNames를 설치함npm install classnames 혹은 yarn add classnames   2. 상단에 import , 설치후에는 아래와 같이 두가지를 동시에 넣을 수 있음 import classNames from 'classnames';      --- 라이브러리 사용하지 않는, 다른 방법 : 템플릿 문자열 사용 ---

| 설치 및 기본 사용 예https://swiperjs.com/react#use-swiper-slide Swiper - The Most Modern Mobile Touch SliderSwiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.swiperjs.com 1. React와 React-DOM 패키지를 아래 버전으로 설치 npm install react@18 react-dom@18 ※ 만약, 이전 버전이 낮거나 높아서 사용이 안된다면, 아래 코드로 삭제후 위 코드로 다시 설치npm uninstall react react-dom  2. Swiper 설치..