주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

크롬 확장 프로그램을 아시나요? 크롬 확장 프로그램 프로젝트를 진행하기 위한 셋팅을 알아보겠습니다. 1. 프로젝트 CRA(create-react-app)로 시작 npx create-react-app extension-project 설치가 완료되면 구조가 이러합니다. 2. manifest.json 파일 수정 public > manifest.json { "name": "your project name", "icons": { "16": "icon-16x16.png", "48": "icon-32x32.png", "64": "icon-64x64.png", "128": "icon-128x128.png" }, "permissions": [], "manifest_version": 3, "version": "0.0.1"..

CSS만 사용하다가 SASS, SCSS로 작업을 해보고 싶다는 생각을 종종하고는 했었다. 하지만 컴파일이 필요했었던터라 실제로 행동으로 옮기는데 까지는 시간이 좀 걸렸다. gulp로 테스트 작업을 해본적은 있었으나 그게 전부였다. 그러던 중에 VSCode 에디터에 extension이 있어서 진짜 쉽게 작업할 수 있는 것을 찾았다! VSCode Extension 다운로드 - Sass - Live Sass Compiler (실시간 컴파일한 것을 확인) -> Live Server (라이브 서버, Live Sass Compiler를 다운로드 받으면 종속성으로인해 같이 받아집니다!) 필수는 아니지만 문법을 도와주는 Extension - Sass lint Extension을 다운로드받게되면 우측 하단의 파란색 바에..

이번에는 페이지 제작하기 위한 빌더를 다운로드 받도록 하겠습니다.빌더가 뭐쥬 ~? 페이지 제작 툴 정도로 알면 됩니다. 설치 및 예시를 보여드리겠습니다. 플러그인 설치 합니다. [Page builder by siteOrigin] 이 전 게시글에서 확인 할 수 있듯 검색을 통해 설치하고 > 활성화까지 해 줍니다.이제 플러그인 설치, 활성화는 기본이죠? tip별점, 최근업데이트, 버전호환 확인 필수! 별점이 낮음 - 뭐든 평점이 낮으면 별로겠죠? 최근 업데이트- 오래되었을 경우 잘 관리되는 플러그인이 아닐 확률이 높습니다.버그가 발견되면 대응이 늦을 수 있습니다. 워드프레스 호환- 충돌이 나거나 사용하지 못하는 경우가 생길 수 있습니다. 무료 플러그인들은 일반 사용자가 만들어 배포하는 것들도 있기때문에 특히..

페이지를 꾸미기 전에 플러그인을 설치를 해보도록 하겠습니다. 테마는 집 전체 구조라 생각하면 플러그인은 가구라고 생각하면 됩니다.슬라이드 플러그인, 사이드 메뉴 플러그인 등등.. [플러그인 > 새로추가] 추천, 인기, 추천됨, 즐겨찾기에서 플러그인 확인 및 다운로드 받을 수 있고 키워드 검색을 통해 다운받을 수 있습니다. 1. WPS Hide Login 관리자 페이지 접속할때www.okayoon.com/wp-admin으로 들어오는데, 이게 보안에 안좋다고 합니다. 다 똑같은 wp-admin 이기 때문에 일반 사용자도 관리자 로그인 페이지 접근이 수월하다는거죠.이것 만으로도 보안에 문제가 있기 때문에 일단 저 부분을 수정하는 플러그인을 다운 받겠습니다. 검색창에 WPS Hide Login 검색지금설치 후 ..