반응형 전체 글160 맥북에어 모니터 2개 연결하기 신혼여행 도중 너무 급하게 업무를 봐야 할 거리가 있어 이탈리아에서 급하게 맥북 에어를 구매해 작업을 한 적이 있습니다.이때 사 두었던 맥북 에어로는 카페에서 정말 간단한 문서작업이나 서칭 할 때에만 사용했었습니다. 하지만 새로운 프로젝트를 하고 싶ㅇ어 이 에어를 다시 켜게 되었습니다ㅋㅋ 코딩 작업을 하려고 모니터를 두개 준비하고 연결하려 보니 알게 된 한 가지 놀라운 점이 있었습니다...! 맥북에어는 기본적으로 여러개의 모니터에 연결할 수 없습니다!백만원 넘게 주고 산 맥북인데 문서나 인터넷 용으로만 사용할 수는 없으니 어떻게든 맥북에어에서 여러 모니터로 연결하는 방법을 찾아봤습니다. 이제부터 그 방법을 소개해드릴게요 1. 쿠팡가서 4K 이상, HDMI to HTMI 선을 3000원짜리 혹은 5000.. 2025. 1. 23. 소셜 공유 버튼 구현, 공유하기 버튼 내가 초대코드를 보내 다른 사람이 가입을 하는 주소를 보내거나 할 때에, 언제까지 내가 주소복사로 공유를 할 수는 없습니다내 기기에 깔려있는 Social 앱들을 통해 공유하는 방법을 알아보겠습니다 See the Pen social share button by Junho Yoon (@junhoyoon95) on CodePen. 이렇게 하면 항상 클립보드에 주소 넣고 복사해 보내는 것과 다르게, 곧바로 share를 할 수 있어 편합니다 2024. 12. 5. 리뷰 별점주기 구현하기, Star rating ui html See the Pen Untitled by Junho Yoon (@junhoyoon95) on CodePen. 위는 1점씩 줄 때의 ui 입니다. 만일 0.5 단위로 주고 싶다면 See the Pen star rating half by Junho Yoon (@junhoyoon95) on CodePen. 여러운게 아니니, 빠르게 해결하고 다음 문제를 해결하러 가시죠 2024. 11. 27. Firebase function 으로 Nest 백엔드 프로젝트 배포하기 저희 회사에서 사이트를 하나 더 만들 것을 고려하면서, 여러 프론트엔드 프로젝트에서 API 요청으로 사용 가능한 기능을 제공하는 백엔드 프로젝트를 만들기로 하였습니다.저는 저희 팀에서 Nest, Typescript 를 사용하고, Firebase 를 통해 배포하기로 결정했습니다.Firebase 선정 이유 : Google 의 여러 기능들을 사용중인데, Google 의 firebase 를 사용하면 연결이 훨씬 수월하고, $300 의 크레딧을 3달동안 지원하기 때문에 메리트가 확실하다고 판단했습니다. Firebas functions 로 백엔드 프로젝트를 API 사용하기 위해 배포하면 유료 요금제인 Blaze 플랜을 사용해야만 합니다! 물론! Firebase functions 배포도 3개월 무료 사용을 할 수는.. 2024. 10. 18. Rails - 데이터 저장시에 함수 실행하기 가끔 데이터를 저장함과 동시에 어떠한 확인 절차 혹은 그에 따른 어떠한 행위가 실행이 되어야 하는 경우가 있습니다. Rails 에서는 해당 기능들을 어떻게 구현하는지 간단하게 설명하겠습니다 해당 기능은 "데이터"가 저장이 되었을때 이므로, 일반적은 controller마다 전부 작성해서 관리하는 방식이 아닌, model 에서 해당 테이블에 대한 기능을 짜두는 방식으로 개발해야 합니다 Rails 공식 active record callback 가이드 문서https://guides.rubyonrails.org/active_record_callbacks.html Active Record Callbacks — Ruby on Rails GuidesActive Record CallbacksThis guide teac.. 2024. 10. 17. 맥북 전체화면 창 순서 자동정렬 기능 끄기 맥북을 활용하다보면 전체화면을 해, 여러 윈도우 창을 쓰는 것 처럼 쓸어넘기며 사용합니다. 그런데 가끔 여러 창으로 옮겨가며 작업하다보면 자기 마음대로 전체 화면 순서가 자동 정렬되서 짜증났던 적이 있을 것입니다. 이 기능을 한번 꺼보겠습니다 이 창들을 Spaces 라고 부르는데, 일단 설정에 들어갑니다설정 - 왼쪽 스크롤바 내리기 혹은 데스크탑 검색 후 들어가기 스크롤을 내려 Spaces 를 최근 사용 내역에 따라 자동으로 재정렬 기능 Off 해결 완료 2024. 8. 6. 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. 스페인 여행 후기 #5: 바르셀로나 (3) - 가우디 투어 (까사 밀라, 까사 바트요, 구엘 궁전, 사그라다 파밀리아), 사그라다 파밀리아 예약방법, 바르셀로나 스냅 사진 스페인 바르셀로나 여행은 가우디가 반이라고 해도 아주 틀린 말은 아닌 것 같았습니다ㅠ 투어는 아침부터 시작하기 위해 9시 반 정도에 레이알 광장에서 모였습니다. 바르셀로나 고딕지구 특유의 멋스러운 분위기가 있었습니다! 여기는 밤에 오면 그렇게 예쁘다는데 저희는 안타깝게 시간이 맞지 못해 방문을 못했습니다가우디의 첫 작품(?)이라고 불리는 가로등 밑에서 기념적으로 사진을 찍고 시작했습니다! 다른 투어들도 그랬는데, 저런 목걸이 형태의 음성 수신기를 나눠줍니다. 여행사에서 미리 말해준 것 처럼 진짜 가우디 투어는 엄청 걸을 수 있으니, 부디 꼭 편한 신발을 착용하세요! 저는 불편해보일 수 있겠지만 아주 편한 크록스를 신었습니다 처음 방문한 곳은 구엘 저택 입니다 상당히 웅장하고, 루프 쪽에는 굴뚝 쪽 여러 .. 2024. 6. 27. 전기세 아끼는 에너지 캐시백 결혼을 하면서 가족과 살던 집에서 독립하자 이런저런 관리비 전기세 자동차세 등 별의별 돈 나갈 곳이 엄청나게 많다는 걸 알게되었습니다ㅋㅋ 일단 전기세가 봄 가을에는 그렇게 신경이 쓰일 정도는 아니었으나, 여름과 겨울에 너무 많이 나와 힘들었던 기억이 있습니다. 일단 캐시백을 주는 기준 자체가 당월 사용량이 직전 2개년 동월 평균에 대비해서 계산한다고 합니다. 공식 홈페이지에 나온 기준입니다 이러다보니 캐시백을 매달 무조건 받는다는게 아닌거죠ㅎㅎ 0원 ~ 900원 정도인 때도 있고, 어떤 때에는 7000원 ~ 10000원 까지도 나올 수 있습니다. 신청은 한전 홈페이지가 아닌 에너지마켓플레이스 페이지에서 신청을 할 수 있습니다https://www.en-ter.co.kr/ 한전 에너지마켓플레이스 www.e.. 2024. 6. 26. 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. 이전 1 2 3 4 ··· 14 다음 반응형
