목록전체 글 (296)
[꼼꼼한 개발자] 꼼코더
🧹 간단정리 스코프(Scope) : 변수와 함수가 접근 가능한 범위를 의미 글로벌 스코프(Global Scope): 전역 변수로 선언. 코드 어디에서든 접근 가능. 함수 스코프(Function Scope): 함수 내부에서 선언. 해당 함수 내부에서만 접근 가능. 블록 레벨 스코프(Block Level Scope): 블록(중괄호 {} 내)에서만 접근 가능. * let 또는 const로 선언된 변수만 해당 스코프 체인(Scope Chain): 중첩된 함수 내부에서는 외부 함수의 변수에 접근 가능. (예제와 함께 쉽게 설명한 내용은 아래에...👀) 🛸 스코프란? 자바스크립트에서 스코프(Scope)란? 변수와 함수가 접근 가능한 범위를 의미한다. 이는 코드의 특정 영역에서 어떤 변수들을 사용할 수 있는지를 정의..
[기타] - 블로그 마우스 커서 이미지 변경, 마우스 효과 적용 방법 간단하게 알아보기(마우스 포인터 이미지 변경)
💁🏻♂️ 서사마우스 이미지 변경 방법에 대한 포스팅 요청이 있어 작성해 보겠다. 🖱️ 마우스 커서 다운로드 1. curors 홈페이지에 접속한다. https://www.cursors-4u.com/ Free Cursor Downloads - Cursors-4U.comDate: 28 Dec 2023, 00:37 By Tor With 1 Comments Haven't work on this site in years. But I finally checked up on it, and Google ads were bombarding almost the entire screen. O_O. I went back to how it used to be with 3 ads. Also speed up the si..
[React] - React에 ‘CKEditor5’ 적용하기(예제코드 포함, CKEditor5 흰색 화면오류 해결, CKEditor5 커스텀 파일 적용 방법, base64 이미지 적용)
💁🏻♂️ 소개 CKEditor5는 텍스트 편집기(블로그 에디터) 라이브러리이다.텍스트 에디터 중에서도 공식 문서가 잘 정리되어 있어 많이 사용되고 있다. ⚒️ CKEditor 5 종류종류는 Classic 부터 ~ Super까지 존재한다.각 빌드 종류에 따라 지원하는 기능들이 다르다.(빌드 별 지원기능) 무료 버전은 아래와 같다. 👉🏻 적용 방법 (3가지)공식 페이지에서 버전을 선택한 후 적용 방법(3가지)을 선택하여 적용할 수 있다.Zip package 방법은 직접 커스텀하여(플러그인 등) 만들 수도 있다.(진행 방법 하단에 작성)Command lineCDN* Zip package🧑🏻💻 Zip package 방법 적용(커스텀 방식)공식 빌드 커스텀 페이지 접속 (https://cked..
[RN] - error Fetching gem metadata 에러 해결방법(React-native 프로젝트 생성 에러 해결)
💁🏻♂️ 서론현재 에러가 있어도 프로젝트는 생성이 되어 아래 명령어를 통해 실행이 가능하지만에러 메시지가 추후 어떤 오류를 불러올지 모르니 해결 진행cd ios && pod install && cd ..cd projectNamecd npm run ios 🚨 에러 발생React-native 프로젝트 생성 명령어 실행 시 아래와 같은 에러 메세지 발생한다.npx react-native@latest init projectName💻 에러 코드(전체 보기)error Fetching gem metadata from https://rubygems.org/........Resolving dependencies...Fetching rexml 3.2.6Installing rexml 3.2.6Fetching CFP..
[ERROR] - While executing gem ... (Gem::FilePermissionError)에러 해결(Mac에서 Gem::FilePermissionError 에러 해결)
🚨에러 발생ERROR: While executing gem ... (Gem::FilePermissionError)You don't have write permissions for the /Library/Ruby/Gems/2.6.0 directory.👀 원인시스템의 ruby를 이용하고 있기 때문에 gem 설치 권한이 없어서 생기는 오류sudo를 통해 root 권한으로 실행하면 설치가 가능하나보안상 이유로 권장하지 않는다, 따라서 rbenv를 사용 💡해결 방법1. brew를 통해 rbenv를 설치brew updatebrew install rbenv ruby-build2. 설치된 rbenv 버전 확인rbenv versions3. 지금 나의 ruby 버전 확인 (본인은 2.6.10)rbenv vers..
[React] - useReducer()란 간단하고 쉽게 이해하기(예제코드, useReducer 사용예제)
🧹 쉬운 정리 1. useReducer()는 useState()와 같은 상태 관리, 상태 업데이트 훅(Hook)이다. 2. 변경할 값이 많을 때(상태 업데이트) 즉 상태 관리할 데이터가 많아질 때 사용을 고민해 볼 필요가 있다. 3. 좀 더 구조화된 방식으로 상태를 관리하고 싶을 때 사용할 수 있다. ( 예) "PLUS" 타입 은 무조건 더하기) 4. 선언형태 : const [state, dispatch] = useReducer(reducer, initialState); state : 상태 이름 (컴포넌트에서 사용할 상태) > 빵(재료) 담는 접시 dispatch : 상태(state)를 변경 시 필요한 정보를 전달하는 '함수' > 주문서 reducer : dispatch를 확인해서 state를 변경해 주..
[개발 관련 도움] - Mac 폴더에서 바로 IDE 열기, finder에서 코드 작업 프로그램 열기, 오픈인터미널 (OpenInterminal 에러 해결)
💁🏻♂️ 서론 평소 코드 작업 시 IntelliJ, Visual Studio Code, Android Studio과 같은 IDE를 실행하고 그 속에서 [폴더 열기] 같은 과정을 진행 했었다. 프로그램 설치 전 코드 작업 과정 : IDE 프로그램 열기 -> 폴더 열기 -> 작업할 프로젝트 폴더 선택 프로그램 설치 후 코드 작업 과정 : 작업할 프로젝트 폴더 우클릭 -> 원하는 IDE 프로그램 열기 따라서 이러한 불편한 과정을 줄여주는 프로그램을 아래 과정을 통해 설치하도록 한다. 🧱 준비과정 (brew 설치) 프로그램 설치 전에 우선 'brew'가 설치되어 있어야 한다. 1. 홈페이지 접속 Homebrew The Missing Package Manager for macOS (or Linux). brew...
[개발 관련 도움] - 블로그 글 드래그 막힘 해결, 드래그 방지 해결 (블로그 글 드래그 하는 방법)
💁🏻♂️ 서론 블로그 글을 확인하다 보면 '드래그 방지'를 설정해 놓은 블로그 들을 종종 확인할 수 있다.다른 글이면 괜찮지만 나는 개발공부 시 블로그도 참고를 하곤 한다. 그때마다 '드래그 막힘'으로 인하여 코드 복붙을 하지 못하여 불편한 점이 많았다.(물론 나도 드래그 방지를 설정하였다가 몇 달 전에 해제했다.😅) 따라서 나는 드래그 방지를 해결할 방법들을 찾아보았고 2가지 해결방법들을 공유하려고 한다.(2가지 방법 중 1개는 드래그 방지 필수적으로 해결가능) 🖱️ 드래그 방지 현상아래와 같은 블로그 글이 있고 복붙 혹은 마우스로 드래그하면서 읽으려고 '마우스 드래그' 시 드래그가 막혀있다. 💡 1번째 해결방법 1. 구글 크롬 웹 스토어에 접속한다. Chrome 웹 스토어Chrome에 사용..