본문 바로가기

전체 글

(98)
[CSS] 텍스트 드래그 방지 홈페이지 텍스트 드래그 방지용 CSS 코드 div { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 드래그 재활성화를 원하거나 일부분 드래그를 허용하기 위해선 아래의 내용을 넣으면 된다. div { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }
[신사/티코스] 맥파이 앤 타이거 신사 티룸&단자리 팝업 한 번 방문 후 너무 만족스러워서 인스타그램을 팔로우 중이었던 맥파이 앤 타이거에서 단자리라는 한국식 디저트 브랜드와 봄맞이 팝업 프로젝트를 한다는 소식을 봤다. 2주간 월-화, 총 4일간 진행된다던데 너무 기간이 짧더라. 이번엔 인스타그램 링크 통해서 네이버 예약. 처음에 제공된 라즈베리 양갱과 작설차. 시원하게 제공된 작설차는 마침 낮의 열기로 불쾌했던 기분을 풀어주었고, 단자리에서 제일 잘 나간다던 라즈베리 양갱은 봄과 여름을 지나가는 시점에 잘 어울리는 상큼한 맛이었다. 2022년 단자리의 스프링 디저트 피크닉 팝업의 메뉴는 다음과 같았다. Savory 후르츠 쉬폰 샌드위치, 쿠스쿠스 & 찰보리 샐러드 Rice Cake 자색고구마 설기케이크, 벚꽃 밥알 찹쌀떡 Tart & Cookie 레어치즈 과..
[React] React-Router-Dom V6에서 useLocation(); 불러오기 오류 React Router Dom 사용 중 현재 열린 링크의 위치를 알아내기 위해 useLocation을 사용해야 하는데, React js: Error: useLocation() may be used only in the context of a component 위의 오류가 콘솔에 뜨고 화면 전체가 날아가서 안 보이는 현상이 발생. 기존 상태 Index.js import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); App.js import React, {..
[청담/오마카세] 스시카나에 런치 오마카세 스트레스에 따른 과소비의 형태는 다양하겠지만, 먹는 것을 좋아하다보니 아무래도 음식으로. 이번에 정말 화가 나는 일이 있어 밥이라도 좀 괜찮은 거 먹어야겠다 싶었기에 평이 좋아보이던 스시카나에 방문. 아무래도 미들급 정도의 스시야의 런치가 나한테 가장 부담스럽지 않은 가격대인 것 같다. 이번에도 예약은 캐치테이블로. 원래 대부분의 스시야에서 1인 방문을 그렇게 선호하진 않으나 좌석 수에 따라 이렇게 자리가 나기도 하나보다. 식기류를 굉장히 좋아하는데 카나에의 식기는 전부 만족스러웠다. 수저받침인 가죽은 이제 6월을 기점으로 풀리게 될 일본 여행을 가게 된다면 미친듯이 찾아내서 사올 것이라 다짐. 부엉이를 좋아하진 않지만, 모양에 맞게 채워진 간장이 너무 귀여웠다. 처음으로 서브된 것은 낙지머리 튀김과 시..
[청담/한식 다이닝] 밍글스 Mingles 디너 코스 미슐랭 2스타로 유명한 밍글스의 디너 코스를 생일 자축 겸 다녀왔다. 캐치테이블을 통해 한 달 전에 예약했고, 예약 당사자의 생일임을 요청사항에 적어놓으니 작은 케이크와 happy birthday 레터링 서비스까지 받을 수 있었다. 알러지나 못 먹는 음식이 있다면 요청사항에 미리 적으면 될 듯. 디너의 경우 메인인 한우++&전복 / 양고기 스테이크 디저트는 밍글스의 시그니처인 장트리오 / 22Spring시즌 한정 머그워트 중 골라야 하는데 둘 다 먹어본 사람으로서 한우와 장트리오를 추천. 우선 자리에 앉게 되면 각 코스의 설명이 적힌 종이를 볼 수 있는데, 디너 코스 이외에도 페어링할 주류나 추가 멸치국수를 주문할 수 있다. 마지막에 나갈 때 멸치국수용 육수 다시를 선물로 주는 것을 보면, 국수도 꽤나 ..
[React] favicon.ico 파비콘 바꾸기 파비콘을 바꾸는 작업이 필요해서 나중에 또 보려고 기록. 우선 가지고 있는 이미지(png, jpeg 등) 파일을 Convertio 홈페이지에서 ico 파일로 변환시켜주어야 함. 1. 하단 사이트 방문 Convertio — 파일 변환기 300가지 이상의 포맷 지원 저희는 300가지 이상의 서로 다른 파일 포맷 간의 25600가지 이상의 서로 다른 변환을 지원합니다. 다른 어떤 변환기보다 많은 수입니다. 신속 및 간단 페이지에 간단히 convertio.co 2. 파일 선택 클릭 후 ico 로 바꿀 이미지 선택 3. 영상 > ico 선택 4. 변환 클릭 5. 변환 후 다운로드 6. React 프로젝트의 public 폴더에 있는 favicon.ico와 교체해준다. 7. 적용 확인하기
[성수/와인] 코너룸 Corner Room 최근 취미래봐야 먹는 것 뿐이니 기록이라도 하자 싶어서 시작. 맛집은 좋아하는데 줄 서기는 싫어서 캐치테이블 앱을 잘 사용하는데, 압구정로데오쪽에서 퇴근 후 빨리 갈 수 있는 곳을 찾다보니 성수가 괜찮겠더라. 해서 이번에 방문한 코너룸. 이름 그대로 코너에 있는 식당인데, 역에서 조금 걸어야할 수도 있다. 매력적인 통창에서 나오는 오렌지 빛이 푸르스름한 저녁의 색과 잘 어울린다. 프렌치 베이스의 아담한 와인바라는 이름으로 캐치테이블에서 소개되고 있는 코너룸은 바 테이블과 룸 공간이 있는데, 캐치테이블 자체에선 바 테이블만 예약이 가능한 것 같다. 전화로 예약을 하던가 하면 될 듯..! 1인 쉐프가 운영하는 곳으로 가게 내부는 굉장히 협소하나 분위기가 깔끔해서 좋다. 요리를 하시는 모습도 볼 수 있어서 심..
[Git] 불필요한 파일이 git에 올라가지 않도록 방지 .gitignore 설정 React 프로젝트를 git에 올리는 도중 cache파일들이 자꾸 함께 올라가려고 하길래 해당 사항을 방지하기 위해 .gitignore의 설정이 필요하게 되었다. .gitignore에는 git에는 공개하지 않을 중요한 데이터를 가졌거나 올리지 않고 싶은 파일, 폴더 등을 정의하면, git에 push할 때 제외하고 올라가도록 한다. 프로젝트 진행에 맞춰 필요없는 폴더나 파일을 하나 둘 넣을 수도 있겠지만, 초기에 개발 언어 별, 프레임워크, 운영체제 등 기본 값에 맞춰 .gitignore의 값을 제공해주는 사이트가 있다. 1. gitignore.io 사이트 방문 gitignore.io Create useful .gitignore files for your project www.toptal.com 2. 운영..