복잡한뇌구조마냥

✅ 개요Visual Studio Code(이하 VS Code)는 확장 프로그램(Extensions)을 통해 생산성과 개발 경험을 극대화할 수 있는 에디터입니다.이 글에서는 프론트엔드, 특히 React + Tailwind 개발자에게 유용한 확장 프로그램을 추천합니다.🔹 기본 추천 (React/Tailwind 개발자라면 필수)Extensions 이름설명🧩 ES7+ React/Redux/React-Native Snippetsrfc, rafce 등 빠르게 컴포넌트 템플릿 생성 가능🔧 Auto Rename TagHTML/JSX 태그 수정 시 자동으로 짝 태그까지 변경🎨 Tailwind CSS IntelliSenseTailwind 클래스 자동완성, Hover 미리보기, 에러 감지🧼 Prettier코드 자동..

📌 Gitmoji란?Gitmoji는 Git 커밋 메시지에 이모지를 접두사로 사용해 변경 내용을 직관적이고 시각적으로 구분할 수 있도록 도와주는 표기법입니다.예시:✨ feat: 로그인 기능 추가🐛 fix: 배포 시 환경 변수 오류 수정🎯 왜 Gitmoji를 사용할까? 장점 설명👀 가독성 향상이모지를 통해 커밋 메시지가 한눈에 들어옴🧭 목적 구분커밋 타입을 명확하게 표현 가능🤝 팀 협업커밋 스타일을 일관성 있게 유지📦 changelog 자동화릴리즈 노트 도구와 쉽게 연동 가능🚀 자주 사용하는 Gitmoji 목록이모지태그설명✨feat:새로운 기능 추가🐛fix:버그 수정♻️refactor:코드 리팩토링 (기능 변화 없음)🔥remove:코드나 파일 제거💄style:코드 포맷팅, 세미콜론 누락 ..

✍️ 협업을 위한 Git 커밋, 브랜치, PR 네이밍 규칙 정리스터디 또는 팀 프로젝트에서 효율적인 협업을 위해 커밋 메시지, 브랜치 명명, PR 작성 방식에 대해 아래와 같이 정리했습니다.정해진 규칙을 바탕으로 일관성 있게 관리하면 커뮤니케이션 비용도 줄고, 나중에 변경 내역을 추적하기도 훨씬 수월해집니다. 📌 1. 커밋 메시지 규칙 (Conventional Commits)커밋 메시지는 다음과 같은 형식을 따릅니다:(optional scope): [optional tag]🗒️ 대표적인 커밋 prefix 정리표타입 (type)의미예시feat:새로운 기능 추가feat: 사용자 로그인 기능 구현fix:버그 수정fix: 계산 오류로 인한 결과값 이상 수정refactor:리팩토링 (동작은 동일, 구조만 개..

IntelliJ로 자바로 코딩 테스트 문제 풀이도 해보고, API 구현도 연습하고 있는데, IntelliJ를 유료로 사용하고 있을 때 유용하게 쓸 수 있는 기능이라고 들어서 설치 방법을 정리하려고 한다. 1. 설정 > 플러그인 > 마켓플레이스 > JetBrains AI Assistant 검색 > 설치단축키인 Ctrl + , 를 사용해서 설정을 열어준 뒤 검색해서 설치 2. 우측에 새로 생성된 아이콘을 이용해서 채팅기능 사용 우측에 아이콘을 누르면 바로 채팅 AI를 사용할 수 있도록 제공한다.해당 기능을 이용하면 유용하게 코딩이나 간단한 질문사항을 검색해 볼 수 있다.

백준 문제를 여러개 풀다보니까 실행도 시켜보지않고 문제를 해결할 때, 런타임 실패나, 오답을 출력하는 경우가 생겨서 찾아보니까VS Code에서 extension에 BOJ만 검색해도 백준 테스트를 지원하는 항목이 많이 보인다. 추천하는 건 아니고 사용해본 extension에 대해 가볍게 정리만 해보려고 한다.해당 extension을 설치했고 설치하면좌측 하단에 해당 extension을 사용할 수 있는 아이콘이 생기고 클릭하면 다음과 같이 나온다.레포지토리를 만들고 vs code에서 해당 레포를 연결한 후, 워크플로우를 생성하고, git push를 진행하면간단하게 연결할 수 있다. 워크 플로우가 git action으로 적용되어 있어서 해당 레포에 토큰으로 권한을 줘야한다.Setting에서 좌측 Secrets..

코드 리뷰를 간단하게 공유하면서 인식할 수 있는 약어가 있다고해서 블로그를 참조하여 가져왔다.PR 템플릿 적용도 좋지만 간단한 약어로 실무에서 적용하기에 유용할 것 같다.✍️ AFAIK ( as far as I know )내가 알기에는, 내가 기억하는 한 ✍️ IMO ( in my opinion )내 생각에는, 개인적인 의견 입니다만. ✍️ IMHO ( in my humble opinion )제 견해는... ( IMO 보다 조금 더 격식있음 ) ✍️ LGTM ( look good to me )내가 보기엔 괜찮아 ✍️ SGTM ( Sounds Good to Me )나에게는 좋다. PR(Pull Request)를 날리면 Reviewer가 LGTM 대신 SGTM으로 작성하는 경우도 있다. ✍️ PTAL ( P..

vscode에서 코드를 작성하다가 커서가 고장(?)이라서 계속 작성할 때마다 지워지고 새로작성해야하는 문제가 발생했다.이거 해결방법을 못찾아서 그냥 쓰려다가 도저히 못참겠어서 찾아보니 나와 같은 문제가 있는 사람이 있더라... 간단하게 키보드의 insert 버튼을 누르니 해결되었다. 해결하니 현타가... ;; 혹시나 같은 문제로 애를 먹고있다면 도움이 됐으면 한다. 참조 블로그:https://velog.io/@skdhu3i2/%EB%B9%84%EC%A5%AC%EC%96%BC%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A4-%EC%BB%A4%EC%84%9C-%EB%B2%84%EA%B7%B8%EC%98%A4%EB%A5%98-%EA%B3%A0%EC%B9%98%EA%B8%B0 비쥬얼스튜디오 커서..

기존에 세팅되어있는 개발환경보다 버전이 낮은 개발환경의 코드를 불러와서 작업하게 되었음. angular 버전은 재 설치를 하였으나 node 재설치 없이 이전 버전의 node 데이터를 이용하여 동작되기를 원함 node:internal/crypto/hash:71 this[kHandle] = new _Hash(algorithm, xofLen); ^Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:71:19) at Object.createHash (node:crypto:133:10) at module.exports (C:\Users\a..