[꼼꼼한 개발자] 꼼코더

🧹 간단 설명git stash 명령어는 ‘임시저장’을 의미(자세한 내용은 아래 참고 👀) 🤔 Git Stash란 무엇인가?git stash 명령어는 Git에서 작업 중인 변경사항들을 임시로 저장할 수 있는 명령어이를 통해 작업 중인 코드를 잃지 않고 다른 브랜치로 안전하게 이동하거나 급한 작업을 처리할 수 있다.✍🏻 Git Stash 사용 예시 - 언제 사용해야 할까? [상황 1] : 'feature/add'라는 브랜치에서 'add 기능 유지보수' 작업 중 새로운 기능을 급하게 추가해야 할 때. 👨🏻‍🔧 요청자: "마이너스 기능 추가를 해야 해. 무조건 지금, 너무 급해!"🧑🏻‍💻 개발자: "음... 지금 'add' 기능 수정 중인데... 하긴 기능 추가가 급하긴 하지. 근데 지금까지 ..

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