[꼼꼼한 개발자] 꼼코더

🧹 간단 정리 호이스팅이란 선언한 변수 및 함수가 단순히 코드 최상단으로 올라오는 것을 의미한다. var, let, const 모두 호이스팅 방법이 다를뿐 호이스팅이 이루어진다. var 호이스팅 방식 : 메모리에 변수 선언 + 'undefind'값으로 초기화 하여 접근가능 let/const 호이스팅 방식 : 메모리에 변수 선언 단 TDZ에 있어 접근 불가 (자세한 내용은 아래에..👀 마무리 글도 꼭 읽는다면 도움이 무조건 될 것이다!) 📈 호이스팅(Hoisting)이란? 호이스팅(Hoisting)은 선언한 변수 및 함수가 선언 범위의 최상단으로 올라가 작동하는 '자바스크립트(JS)의 행동'이다. 이는 변수나 함수가 실제 코드에서 작성된 위치와 관계없이 선언 단계에서 메모리에 저장되기 때문에 발생한다. 호..

🧹 간단설명함수 선언식 : function add () {}함수 표현식 : var add = function() {}(위 설명은 정말로 너무 간단하게 설명한 것이고 자세한 내용을 확인하려면 아래로..👀) ✌🏻 자바스크립트 함수 생성 2가지 방법자바스크립트에서 함수를 만드는 방법에는 주로 두 가지가 있다. 함수 선언식(Function Declarations)과 함수 표현식(Function Expressions).  이 두 방법은 유사해 보일 수 있지만, 몇 가지 중요한 차이점을 알아보자. 🏭 함수 선언식(Function Declarations)함수 선언식은 'function' 키워드로 시작하고 함수 이름을 명시한다.함수 선언식은 호이스팅이 된다. 함수가 선언되기 전에도 호출할 수 있다. 🧑🏻‍?..

🧹 간단정리 TDZ란? 임시사각지대라고도 부르며 변수가 선언되기 전의 코드 영역을 말한다. JS에만 있는 개념이다. (자세한 내용은 아래참고 👀) 🥡 TDZ란? 변수가 선언되었지만 아직 초기화 되지 않는 상태를 말 한다. 쉽게 말 해 '선언만 되고 아직 초기화 되지 않는 변수가 머무는 공간'이라고 생각하면 될 거 같다! JS에서 'let'이나 'const'로 선언한 변수들이 TDZ을 거쳐 간다. 이 공간에 있는 변수를 참조하려고 하면 'ReferenceError'를 마주할 것이다. 그럼 TDZ가 왜 필요한데? TDZ의 주요 목적은 프로그래밍 오류를 줄이는데 있다. 대표적으로 초기화 되지 않는 변수를 사용하는 것을 방지할 수 있다. 🏃🏻‍♂️ TDZ의 동작(작동) 방식 TDZ의 동작 방식은 '변수 선언 전..

🧹간단정리 var, let, const는 값을 저장하는 '변수'를 불러오는 키워드이다. var : 재선언 가능, 재할당 가능,함수 레벨 스코프 *블록 레벨 스코프 무시 let : 재선언 불가능, 재할당 가능, 블록 레벨 스코프, const : 재선언 불가능, 재할당 불가능, 블록 레벨 스코프 스..스코프가 뭐지?? [JS] - 스코프란? 간단하고 쉽게 이해하기 (예제코드, 글로벌 스코프,블록 레벨 스코프, 함수 스코 🧹 간단정리 스코프(Scope) : 변수와 함수가 접근 가능한 범위를 의미 글로벌 스코프(Global Scope): 전역 변수로 선언. 코드 어디에서든 접근 가능. 함수 스코프(Function Scope): 함수 내부에서 선언. 해 ccomccomhan.tistory.com (자세한 내용은 ..

🧹 간단정리 스코프(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.com Date: 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 site a..

💁🏻‍♂️ 소개 CKEditor5는 텍스트 편집기(블로그 에디터) 라이브러리이다. 텍스트 에디터 중에서도 공식 문서가 잘 정리되어 있어 많이 사용되고 있다. ⚒️ CKEditor 5 종류 종류는 Classic 부터 ~ Super까지 존재한다. 각 빌드 종류에 따라 지원하는 기능들이 다르다.(빌드 별 지원기능) 무료 버전은 아래와 같다. 👉🏻 적용 방법 (3가지) 공식 페이지에서 버전을 선택한 후 적용 방법(3가지)을 선택하여 적용할 수 있다. Zip package 방법은 직접 커스텀하여(플러그인 등) 만들 수도 있다.(진행 방법 하단에 작성) Command line CDN * Zip package 🧑🏻‍💻 Zip package 방법 적용(커스텀 방식) 공식 빌드 커스텀 페이지 접속 (https://cke..

💁🏻‍♂️ 서론 현재 에러가 있어도 프로젝트는 생성이 되어 아래 명령어를 통해 실행이 가능하지만 에러 메시지가 추후 어떤 오류를 불러올지 모르니 해결 진행 cd ios && pod install && cd .. cd projectName cd 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.6 Installing rexml 3.2.6 Fet..