[꼼꼼한 개발자] 꼼코더

👀 코드 스니핏이란?프로그래밍에서 자주 사용되는 코드의 작은 조각을 의미한다.코드 스니핏 템플릿을 설정한다면! 자주 사용되는 함수 또는 메서드 미리 정의하여 반복적으로 작성해야 하는 불편함을 줄여준다.또한 팀 간 코드 스타일 및 사용 패턴을 통일하기 위해서도 사용하기도 한다. 🤦🏻‍♂️ 개발자 A : “함수 선언시'const, function, () ⇒ {}'들을 매번 입력하기 귀찮아! 이 모든걸 쉽게 딸깍하면 짜잔하고 나타났으면 좋겠어!!” ⇒ 그걸 해결해 주기 위한 것이 ‘코드 스니핏’이다. 🏄🏻 사용흐름 간단 설명코드의 스니핏 ‘단축어’를 정의 => 정의한 단축어를 입력 => 자주 사용하는 작은 코드가 즉시 작성’예시 1) 딸깍 ⇒ useEffect 기본 작성 틀 자동완성(의존성 배열, ..

🚨 Error 발생(GitLab SSH 연결 오류)GitLab에서 프로젝트 clone 도중 This key is not known by any other names.가 확인되었다.번역하면 ‘이 키는 다른 이름으로 알려져 있지 않습니다.’ 쉽게 말해, 연결할 GitLab에서 사용하는 SSH 키가 사용자 쪽에 연결되어 있지 않음을 확인하는 메시지"Are you sure you want to continue connecting (yes/no/[fingerprint])?"→ 당신은 이 서버가 신뢰할 수 있는 서버라 믿고 연결을 계속할 건가? / yes를 눌렀지만 오류가 나왔다…👀 "yes"를 입력하면 어떻게 되는가'yes'를 입력하면 해당 서버의 SSH 키가 로컬 머신에 저장이후부터 동일한 GitLab 서버..

🧹간단 정리CI는 지속적인 통합(Continuous Integration)이라는 의미로 작업한 코드를 주기적으로 빌드 -> 테스트 -> 병합하는 과정CD는 지속적인 제공(Continuous Delivery)과 지속적인 배포(Continuous Deployment)라는 2개의 뜻으로 불림지속적인 제공은 '수동 배포'지속적인 배포는 '자동 배포'결론은 CI를 거쳐 CD가 진행되기에 CI와 CD를 따로 말하지 않고 CI/CD라고 불린다. (아래에서 계속 👀 엄청 쉽게 설명) 🔁 CI/CD란?CI/CD는 애플리케이션 개발부터 배포까지 모든 단계를 자동화하여 효율적이고 빠르게 사용자에게 빈번히 배포할 수 있도록 하는 개념.이는 DevOps 엔지니어의 핵심 업무이기도 하다.👨🏻‍💻 CI(Continuou..

💬  인사말 (생존신고)오랜만에 [개발일지]를 작성해 본다. 마지막 일지를 확인해 보니... 헉... 벌써 1년 하고도 1개월이 지났다.(아래 링크참고)물론 '개발일지'만 1년 1개월간 작성하지 않았고 다른 글들은 작성하고 있었다.  제목을 보면 알겠지만..그렇다.. 드디어 취업에 성공했다 🥹 (오늘부로 약 10개월 차가 되어간다)(회사 내용을 pulbic한 공간에 자세하게 적고 싶지는 않으니 이해를 부탁한다!!) 53. [개발일지] - 깊은 학습이 필요하다, 스터디의 시(겉핥기는 그만, 기본기의 중요성)🏄🏻 평온한? 일상 어느 날 수업을 듣던 도중 교수님께서 나에게 질문을 하셨다. 상황 1 👨🏻‍🏫 교수님 : "Equals와 '=='의 차이점은 무엇인가요? 👨🏻‍🎓 나(본인) : "그..

🧹 간단 설명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..