[꼼꼼한 개발자] 꼼코더

🧹 간단 정리JS에서는 ++, -- 말고 '+= 1'을 사용하자. (자세한 내용은 아래에.. 짧으니 읽어보길 추천한다! 도움이 된다 👀)😤 서론 (자바스크립트에서 ++와 -- 사용을 피해야 하는 이유)필자는 평소처럼 ++와 -- 연산자를 사용하던 어느 날 ESLint의 no-plusplus 규칙을 마주했다. 🤷🏻‍♂️🤷🏻‍♂?? 왜 왜 사용하면 안 되는데? 너 뭔데 도대체 왜? 정말 미추어 버리겠네!?!.. 진짜 너무 궁금하니 바로 알아보자... 👀 공식 페이지 확인위 링크를 클릭하면 공식 홈페이지에 친절히 나와있다(https://eslint.org/docs/latest/rules/no-plusplus)공식 페이지를 토대로 이야기하자면 아래와 같은 이유로 인하여 사용을 지양한다.     ✍..

🧹 간단 정리deprecated 어노테이션을 사용하면 미사용 코드라는 것을 안내할 수 있다.삭제 시 사용 중인 코드에 영향이 가는 것을 방지할 수 있다.함수 및 컴포넌트 사용 시 가로줄을 표시하기도 한다. deprecated의 원어 뜻은 '사용하지 않음'이다. (자세한 내용은 아래에 👀)🙂 서사개발을 하다 보면 가끔씩 '자동완성' 된 함수나 컴포넌트를 사용했지만가로줄로 표기된 화면을 경험한 적이 있을 것이다. (아래 사진 참고) Next.js로 (협업) 개발을 하던 와중 내가 만들었던 컴포넌트가 이제 사용하지 않는 경우가 생겼다.즉 이제 사용하지 않는 코드가 생긴 것이다. 뭔가 나중에 또 쓰일 거 같고.. 삭제하자니 마음이 아파오고..(사실 개발의 유명한 말 중에 하나는 '작성한 코드의 삭제를 두려..

🕵🏻‍♀️ 서사Node.js 버전을 변경해야 할 일이 생겼다.따라서 NVM으로 변경하기로 했다. node 버전 변경 내용은 위치 중간 부터 진행 (1번 : nvm 설치 확인, 2번 : node 버전 확인) 💡 nvm = node 버전 관리 해주는 친구(라고 이해하자 ^^) 👀 nvm 설치 확인1. 터미널 프로그램 열기 (본인은 iterm2를 열었다)2. nvm이 있는지 명령어로 확인 nvm ls 3. 없다면 설치 명령어 입력(brew도 없다면 우측 링크로 확인해서 후딱 다운로드 하고 오자 https://ccomccomhan.tistory.com/279 ) brew install nvm4. 설치 도중 'Please note that upstream has asked us to make ex..

🚨 오류 발생sh 파일을 실행시키려고 했던 나는터미널 프로그램이 정말 잠깐 실행되었다가 바로 사라지는 현상을 겪었다다행히 영상 촬영을 하며 돌려본 결과 'zsh no such file or directory'라는 에러 메시지가 발견됐다. 👨🏻‍💻 원인 발견과정에러메세지를 해석해 보면 "zsh 해당 파일 또는 디렉터리 없음"으로 확인된다.기존에는 잘 됐었고 수정한 적은 없었다. 그런데 왜..?? 우선 여러가지 해결방법들을 찾아봤다. 1. 정확한 파일 경로 확인: 실행하려는 .sh 파일의 정확한 위치를 확인.2. 절대 경로 사용: 파일을 실행할 때 절대 경로를 사용.(예시, /home/user/scripts/my_script.sh)3. 파일 권한 확인: 파일이 실행 가능한지 확인. (ls -l 명령..

🧹 간단 정리 호이스팅이란 선언한 변수 및 함수가 단순히 코드 최상단으로 올라오는 것을 의미한다.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라고 부르지만 개념 자체는 여러 언어에도 존재한다. (자세한 내용은 아래참고 👀) 🥡 TDZ란?변수가 선언되었지만 아직 초기화 되지 않는 상태를 말 한다.쉽게 말 해 '선언만 되고 아직 초기화 되지 않는 변수가 머무는 공간'이라고 생각하면 될 거 같다! JS에서 'let'이나 'const'로 선언한 변수들이 TDZ을 거쳐 간다.이 공간에 있는 변수를 참조하려고 하면 'ReferenceError'를 마주할 것이다.그럼 TDZ가 왜 필요한데?TDZ의 주요 목적은 프로그래밍 오류를 줄이는데 있다.대표적으로 초기화 되지 않는 변수를 사용하는 것을 방지할 수 있다. 🏃🏻‍♂️ TDZ의 동작(작동..

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