본문 바로가기
반응형

테크 세미나51

vscode 매번 code . 등록해야하는 번거로움 해결 vscode 사용하다보면 잘 사용하던 code . 명령어가 있습니다. 저는 분명 제 맥북 프로에서 code . 를 사용해 여러 프로젝트 생성하고 옮겨다니면서 작업을 잘 했던 거 같은데, 제 맥북 에어로 오니 이게 어떨 때에는 잘 먹히는데, 그렇지 못한 경우가 있었습니다. vscode 켜서 설정 들어가서 code 활성화 이걸 매번 하는데, 맥북을 재시동을 하거나, 새로운 폴더를 만들때마다 이걸 등록해야하니 참 이상했습니다.. 이 문제는 결국 해결 방법이 있었음.. Finder 를 켜서 지금 내 노트북 혹은 pc 에 vscode 가 Downloads 폴더에 있다면 vscode를 "응용 프로그램" 으로 드래그 해 옮겨놔야 합니다.이렇게 하고 vscode 에서 command shift p 로 code 를 활성화.. 2025. 3. 31.
js 한글 입력 막기 javascript 로 한글입력을 방지하기 (영어만 허용하기)  See the Pen Untitled by Junho Yoon (@junhoyoon95) on CodePen.해당 코드는 1. input 에 입력을 하면 영어, 띄어쓰기 를 제외한 모든 입력을 제한2. 첫 글자는 대문자로 치환  의 기능을 가지고 있습니다. 저는 성, 이름을 2칸을 통해 입력하도록 하고 있으니, 필요하시다면 해당 input 을 2개 만들어서 First name, Last name 을 하면 되겠네요. 오늘은 간단하게 js 로 영어와 공백을 제외한 모든 입력을 제한하는 것을 알아보았습니다 2025. 2. 18.
mysql2 설치시 library 'zstd' not found 문제 mysql2 gem 을 설치하여 잘 쓰다가, 다른 프로젝트에서 전역전인 설정을 건드려 갑자기 서버가 끊겼었습니다... 진짜 심하게 화가 났지만 결국 문제를 찾아냈습니다 Gem::Ext::BuildError: ERROR: Failed to build gem native extension.An error occurred while installing mysql2 (0.5.6), and Bundler cannot continue.  에러들을 전부 찬찬히 잃어보니 결국에는 ld: library 'zstd' not found 라는 오류문구를 찾았습니다.  처음에는 brew install zstd 를 해하고 다시 bundle install 을 했지만 여전히 오류는 같았습니다 zstd 경로를 제대로 찾지를 못해 없다.. 2024. 7. 15.
프로젝트 깃허브 연결하기 로컬에서 작업하던 프로젝트들을 github 연동을 하는 방법을 알려드리겠습니다 1. github 로그인 - 우측 상단 프로필 아이콘 - Your repositories - New2. 생성된 저장소 주소 복사 3. 프로젝트의 콘솔에서 (터미널로 cd 로 찾아 들어가거나, vscode 기준 control + shift + ~ 로 켤 수 있음)  git init 으로 지금 이 프로젝트를 깃 저장소로 설정$ git init이후 git 저장소를 연결$ git remote add origin 깃헙에서HTTPS복사한주소 4. 해당 프로젝트의 내용들을 깃에 올리기 git add . : 현재 프로젝트의 모든 변경 내용을 다음 push 내용에 담는다$ git add . git commit -m "올릴 내용" : 담아진 변.. 2024. 7. 9.
gitlab 에서 한 작업들을 github 으로 가져오기 (gitlab 잔디 옮겨심기) GitHub에 Gitlab 잔디 연동회사마다, 프로젝트마다 github 을 쓸 수도 있고, gitlab 을 쓸 수도 있습니다. 그런데 이렇게 하다보면 내 잔디심기가... 일정 구간이 펑 빠지는 느낌이 들 수 있겠죠. 깃허브에서 볼 때에 gitlab 으로 관리했던 기간이 공백기처럼 보이는 탈모 구간을 채워보는 시간을 가져보도록 하겠습니다  내 Github 에 들어가서 우측 상단 프로필을 클릭합니다. Your repositories 로 이동, New 를 눌러 새로운 저장소를 만들어 두겠습니다 저장소의 이름을 입력하고, private 으로 만들도록 합니다. 저는 간단하게 mirroring 이라고 하겠습니다. gitlab 에 있는 저장소를 미러링을 하는 작업이라 이름을 그렇게 지어봤습니다ㅎㅎ 이제 깃랩으로 이동.. 2024. 6. 14.
개발자가 할 수 있는 간단한 SEO 설정 - robots.txt, sitemap robots.txt 파일은 웹사이트의 루트 디렉터리에 위치한 텍스트 파일로, 검색 엔진 크롤러(로봇)에게 어떤 페이지나 파일을 크롤링할 수 있는지 또는 크롤링해서는 안 되는지에 대한 지침을 제공합니다. 이 파일은 "로봇 배제 표준" (Robots Exclusion Protocol)의 일부로, 웹사이트의 크롤링 정책을 정의합니다. robots.txt 파일의 주요 개념위치: robots.txt 파일은 웹사이트의 루트 디렉터리에 위치해야 합니다. 예를 들어, http://www.example.com/robots.txt 와 같이 접근할 수 있어야 합니다. (app 폴더가 아닌 public 폴더 등) ex. public/robots.txt구조: robots.txt 파일은 여러 개의 규칙 블록으로 구성될 수 있으며.. 2024. 6. 12.
ruby on rails 언어별 url 설정 방법 내가 운영중인 혹은 제작중인 사이트가 다국어를 지원해야하는 상황이 오게 된다면 우리는 i18n 을 사용하게 될 때가 있습니다 i18n이란 internationalization(국제화) 라는 단어를 축약한 것입니다. i부터 n까지 18개의 문자수를 축약해서 i18n으로 나타냅니다. 국제화는 다양한 언어 및 지역에 적용할 수 있도록 프로그램을 설계하는 프로세스이죠.  rails 에서 i18n 설정하는 방법https://guides.rubyonrails.org/i18n.html Rails Internationalization (I18n) API — Ruby on Rails GuidesRails Internationalization (I18n) APIThe Ruby I18n (shorthand for inter.. 2024. 5. 29.
내 커스텀 이메일 주소 사용하기 최근 지인의 좋은 글을 보고, 저도 사용해 보려고 작업하다가 이러한 내용은 블로그에 작성해 공유를 하면 좋을 것 같아 작성합니다. 전제 조건으로는 나의 도메인이 필요합니다. 소유하고 있는 도메인 주소를 가지고 커스텀 이메일을 만들 수 있습니다 자신의 도메인을 만들고 싶으시다면 저의 '도메인 구매하기' 포스팅을 먼저 확인해주세요 도메인 구매하기 - 가격 부터 방법 까지. 연 만원대 도메인 오늘은 작업중인 프로젝트에 연결할 도메인을 구매하는 방법에 대해서 포스팅 해보려 합니다. 저는 심심하면 새로 사이트를 만들고, 이에 대해서 내가 원하는 url 도메인을 사서 연결합니다. 물 kyurasi.tistory.com 여기서부터는 도메인을 가지고 있다는 전제 하에 진행하도록 하겠습니다 https://improvmx.. 2024. 4. 5.
드래그 가능한 테이블 만들기 https://jqueryui.com/sortable Sortable | jQuery UI Sortable Reorder elements in a list or grid using the mouse. Enable a group of DOM elements to be sortable. Click on and drag an element to a new spot within the list, and the other items will adjust to fit. By default, sortable items share draggable prope jqueryui.com 오늘은 jquery 를 사용한 드래그 가능한 테이블을 만드려고 합니다 See the Pen Untitled by Junho Yoon (@j.. 2024. 3. 22.
깃허브 꾸미기 Readme 꾸미기 어느정도 프로젝트가 안정되어서 할 일이 적어졌을 때에는 깃허브 저장소를 꾸미고 싶어지는 욕구가 생기기 마련입니다. 오늘은 그 방법에 대해서 포스팅 하겠습니다 위와 같이 Readme 를 꾸미는 두 가지 방법을 알아보려고 합니다. (public 으로만 해야하는 자신의 개인 프로필과는 다른, private 에도 할 수 있는 방법입니다) 1. Capsule Render https://capsule-render.vercel.app/ [Capsule-Render capsule-render.vercel.app](https://capsule-render.vercel.app/) 해당 페이지에서 타입(테마)을 정하고, 색상과 사용할 텍스트 등을 고릅니다. 글자에 애니메이션을 줄 수도 있습니다. + 헤더에 사용할 것인지, .. 2024. 3. 20.
맥북 마우스 버튼에 기능 매핑 평소에는 mx 마우스를 사용해 윈도우 넘기기를 사용했는데, 간만에 재택근무를 하려니 집에는 게이밍 마우스밖에 없었습니다ㅠ저는 마우스 왼쪽 측면에 있는 위아래 두 개의 버튼으로 화면 넘기기 기능을 사용하고 있었습니다 (ctrl + 방향키) 저는 맥에서 오른쪽 command 키를 한/영 변환 키로 사용하려고 Karabiner 을 사용하고있습니다. 한/영 변환 키 설정 방법https://kyurasi.tistory.com/entry/2024-%EA%B8%B0%EC%A4%80-%EB%A7%A5%EB%B6%81-%EC%B4%88%EA%B8%B0-%EC%84%A4%EC%A0%95 서버를 돌리는 순간 비행기 이륙하는 소리가 남 2021 맥북 프로 M1 모델 구매 : 상당히 혹사시킴.. 하지만 괜찮은" data-og-.. 2024. 2. 14.
ERD 그리기 프로그램 추천 설계 단계에 있어, 그리고 새로운 기능을 만드는 단계에 있어 너무나도 중요한 DB 설계. 언제까지 노트에만 적어서 할 순 없겠죠. 더욱이 협업을 하는 중이라면 더더욱 ERD 를 그려 공유를 할 필요가 있겠습니다. 오늘은 ERD 를 그리는데 있어 툴을 정한 기준을 나열하고, 해당 툴의 장점에 대해 이야기를 해 보겠습니다. 이번에 소개할 ERD 그리기 툴은, 현재 사용하는 DB 의 구조를 그대로 바로 그려주기, 관계 연결까지 다 할 수 있는 툴입니다. 하나하나 그리면서 퀄리티 낮은 ERD 를 할 필요가 전혀 없습니다  https://dbdiagram.io/home dbdiagram.io - Database Relationship Diagrams Design Tool dbdiagram.io 1. 제한적이지 않.. 2024. 1. 30.
반응형

티스토리툴바