728x90 반응형 Back Side47 [VSCode] extensions 업데이트 자동에서 수동으로 바꾸기 확장 프로그램 자동 업데이트 불편해 https://bcoding-lab.tistory.com/368 [VSCode] Gitmoji Extension 클릭해도 안나오는 오류 방안 Gitmoji는 git을 통해 협업하는데 편리성을 제공해주는 Extension입니다. git commit 맨 앞에 약속된 type의 이모지를 넣어 팀원들에게 commit message를 파악하기 쉽게 만들어주죠. 계속 바뀌는 commit 규칙이 bcoding-lab.tistory.com VSCode 확장프로그램 중에서 아직도 에러가 잡히지 않은 Gitmoji 때문에 버전을 낮춰 사용한다. 하지만 VSCode 확장프로그램 업데이트가 자동으로 되어져 있어 아이맥을 끄고 가면 알아서 최신 버전을 깔리게 된다. 그럼 또 Gitmoji 눌.. 2023. 3. 13. [Axios] query를 보내고 싶은 그대, 이것만 기억하기 query 그거 어떻게 하는건데? 백엔드 개발자가 axios를 쓴 이유가 뭐냐고 궁금해 할 수 있다. 단일 레포 즉, Monolithic 서비스라면 axios를 백엔드에서 사용할 이유가 없을테지만, MSA로 서비스를 운영해야한다면 나눠진 A라는 서비스에 B라는 서비스가 통신하기 위해서 axios를 사용할 수 있다. 현재 우리 회사에서는 MSA와 클라우드 아키텍처로 인해 axios를 사용하고 있고, API를 전적으로 담당하는 나는 점점.. axios 장인이 되어가고 있다 🤣 이번에는 axios에서 query를 보내고 싶을 때 어떻게 하는지 알아보도록 하자. { params: } 필수 body나 param을 보낼때는 그리 신기하지 못해 포스팅 할 필요성을 못느꼈다. 하지만 query는 익숙하지 않아 잘 까먹.. 2023. 3. 9. [VSCode] 단축키 변경하기 VSCode 똑똑하게 쓰는 방법: 단축키! VSCode는 Top IDE index에서 무려 2위를 달성할 정도로 많은 개발자들이 사용하는 툴입니다. 저도 벌써 1년 이상 사용하고 있는데, 단축키를 생활화 할수록 개발 속도가 빨라져 좋더라고요. 기본적으로 VSCode에서 제공하는 단축키들이 있습니다. VSCode 단축키 확인하기 왼쪽 하단에 있는 톱니바퀴를 누르시거나 단축키를 사용하셔서 Command Palette에 들어가주세요. keyboard shortcuts를 검색하시면 위 캡쳐와 같이 나옵니다. 그중 Open Keyboard Shortcuts를 눌러주세요. 그럼 상당히 많은 단축키를 볼 수 있습니다. 대체로 여러분들이 많이 사용하는 단축키는 미리 입력이 되어져 있을 겁니다. 단축키 수정하기 예를 들.. 2023. 3. 6. [MongoDB] 오늘 작성한 글만 나오게 하기 $regex 쓰면 되지 않을까? '오늘 작성한 글만 나오게' 라는 조건을 생각하자마자 MongoDB의 $regex 쿼리가 생각났다. $regex는 MongoDB에서 정규식을 쓰게 해주는 쿼리이고, 정규식은 문자열에 포함된 문자 조합을 찾기 위해 사용되는 패턴이다. const todayDate = new Date(); const getFullYear = todayDate.getFullYear(); const getMonth = todayDate.getMonth(); const getDay = todayDate.getDay(); const findDate = getFullYear + "-" + getMonth + "-" + getDay; const allBusinessData = await Bussiness.. 2023. 2. 8. [VSCode] Gitmoji Extension 클릭해도 안나오는 오류 방안 Gitmoji는 git을 통해 협업하는데 편리성을 제공해주는 Extension입니다. git commit 맨 앞에 약속된 type의 이모지를 넣어 팀원들에게 commit message를 파악하기 쉽게 만들어주죠. 계속 바뀌는 commit 규칙이지만 Gitmoji는 좋아서 계속 사용하고 있었습니다. VSCode에서 Extension 설치해 쓴다면 commit 바에서 맨 위에 있는 웃고 있는 이모지를 클릭하면 이모지와 이모지들의 설명이 차르륵 나옵니다. 하지만 언제부터인가 클릭이 되지 않아 불편했습니다. 알고보니 1.2.0 버전은 클릭해도 나오지 않는 오류가 있다고 하네요. 버전을 낮춰주면 해결되는 문제이기 때문에 Uninstall을 눌러주시고 Install Another Version을 눌러 v1.2.0 .. 2023. 1. 12. [CSS] 내가 다시 볼려고 작성한 CSS 모음집 테두리 동그랗게 만들기 border-radius: 10px; 공백처리 속성 태그 줄바꿈 가능하게 만들기 white-space: pre-wrap; 컨테이너 요소 오른쪽 배열 float: right; Link 밑줄 없애기 style={{ 'text-decoration': 'none' }} css 파일에서는 불가능 Link 태그에 직접 입력해야 가능 \n까지 나오게 하기 white-space: pre-wrap; css에 위 코드를 넣어줘야 \n까지 잘 나온다. 2023. 1. 6. 백엔드 개발자라면 아묻따 필독서 - 데이터 중심 애플리케이션 설계 주니어 개발자가 추천하는 개발 도서는?! 현재 10개월된 백엔드 개발자, 벨루가입니다 🐬 1년도 안된 햇병아리지만 언제나 성장하고 싶은 주니어 개발자이기 때문에 최근에는 이거저거 개발 도서를 읽고 있습니다. 그러다가 최근에 백엔드 개발자라면 꼭 읽어보면 좋을 책을 찾아 추천해드리기 위해 왔습니다. 바로 바로 라는 책입니다👍 이미 '신입 백엔드 개발자 9개월 후기'에서 읽고 있다고 말씀드렸는데 어느순간 다 읽어버렸더라고요. 500페이지가 넘는 책이기 때문에 빠르게 읽지는 못했지만 매일 1시간씩 꾸준하게 읽었더니 완독을 할 수 있었습니다. 개발자라면 누구나 한 해 목표로 개발서적 한 권 완독하기를 원하잖아요? 12월이지만 좋은 개발서적을 결국 완독했다는 것이 기분 좋았습니다. 그래서 이 책으로 말 할 것 같.. 2022. 12. 26. [HTML/CSS] 자동으로 조절되는 세로줄 긋기 Start! 프론트엔드 개발자는 아니지만 태그를 이용해서 가로선을 만들 수 있다는 것을 알고 있었다. 개인 프로젝트에서 화면정의서를 만들다가 연출면에서 선을 세우면 좋겠다는 생각을 했다. 물론 피그마로 디자인을 할 때까지만 해도 이 선 세우는게 그렇게 오래걸릴 줄 몰랐다. 시행착오 끝에 세로줄 긋기에 성공한 나의 과정을 시작하도록 하겠다. 혹시 하는 방법만 알고 싶은 사람은 맨 아래 '정리'에 간략하게 정리해두었으니 참고하길 바란다. 예..? 선을 세우라고요? 현재 개인 프로젝트로 만들고 있는 에는 스레드(내용)를 한 번에 볼 수 있는 List가 존재하고 디자인 요소를 넣기 위해 세로선이 필요했다. 처음엔 가로선을 그을 수 있는 태그로 만들 수 있다고 생각했는데.. 아니었다. 찾아보니 현재까지 세로선을 손쉽게 만들 .. 2022. 12. 13. [Date] UTC to KST - 우당탕탕 요란스러운 여정기 문제의 시작 현재 우리 회사에서는 하나 이상의 노드들을 이용해서 서버를 손 쉽게 만들어주는 솔루션을 개발 중이다. 나는 모듈을 전반적으로 담당하고 있는데 현재 JavaScript의 Date들을 모듈로 하나씩 개발하고 있다. 그런데! getHours() 모듈을 만들 중 이상한 점을 발견했다. 위 캡쳐처럼 호출 일시에 나온 14시라는 시간과 아래 getHours를 이용해 출력한 05시라는 시간이다. 둘 다 같이 14시가 나와야 하는것이 맞는데 어째서 getHours는 새벽 5시가 나왔을까? UTC라고 들어봤니? 이유는 바로 newDate 모듈이 한국 표준시간이 아닌 UTC 표준으로 나왔기 때문이다. Date를 생성해주는 모듈을 new Date()가 아닌 Date()로 생성하여 출력해보았다. 그랬더니 맨 뒤에.. 2022. 12. 7. 이전 1 2 3 4 5 6 다음 728x90 반응형
