내맘대로 핫한 카페 구스프레소, 추천
애들 등원시키고, 구스프레소에서 핫도그와 커피 한잔 하자 ~ 얼마 전 오픈한 우리 동네 내맘대로(?) 핫한 카페인 구스프레소를 소개해볼까 한다. 위치주소: 서울 관악구 봉천로 281 1층 1호 구스프레소커피 당곡역에서 500m, 신림역에서 550m... 그냥 내 동네 맛집 카페다. 메뉴판아메리카노 3,500원 카페라떼 3,900원 바닐라 빈 라떼 4,900원 생과일 수박주스 4,700원 초콜렛 라떼 4,500원 등등 가격은 찍어내는 공장카페보단 비싸도 나쁘지 않다고 생각한다. 내부 내부 인터리어는 전반적으로 깔끔하고, 귀욤스타일자리는 테이블이 6~7개(?), 옹기종기 모여 앉는다면 17명정도 앉을 수 있을 것 같다. 굳이? 테이블당 2명씩 계산한다면, 12~14명(?)이 좋을 듯 하다. 주차장은 카페 전..
맥북 용량(저장소) 관리 방법 - 맥은 프로그램 어떻게 지워? 삭제 방법
해당 글은 맥 초보자들을 위해 작성되었다. 아직도 프로그램을 어떻게 지워야 하는지 모르는 사람들을 위한 팁이다. "저장 공간 관리" 2024년인데, 아직도 2013년 맥북 에어를 사용하는 사람이 나다. 사용하면서 항상 새로나온 버전으로 인해 호환이 되지 않는 문제와 앱 연동 문제 등으로 스트레스를 받고 있지만, 또 그 부분만 잘 우회해서 사용하다보면, 아직도 쓸만은 하다. 쓸때 없는 말이 길었는데, 위에 캡쳐한 게 전부이긴 하다. spotlight (단축키 control + space)을 호출하여 "저장 공간 관리"를 치면, 위 캡쳐와 같이 "저장 공간 관리"앱이 뜬다. 열어서 메뉴를 보면, 사용자 환경에 따라 가변적인데, 개발자, 메시지, 문서, 사진, 응용 프로그램, 휴지통 등등이 노출된다. XCod..
초간단 lodash 사용하여 list 배열 정렬하기(feat. react)
#Lodash Document Lodash Documentation_(value) source Creates a lodash object which wraps value to enable implicit method chain sequences. Methods that operate on and return arrays, collections, and functions can be chained together. Methods that retrieve a single value or may return a primitilodash.com 지난 번에 lodash를 사용하여 배열의 중복을 제거하는 방법을 알아봤는데, 이번에는 lodash를 이용하여 초간단 배열 정렬하는 방법에 대해서 알아볼까 한다. 지난 번..
list 배열을 reduce로 묶기 (feat. javascript, js)
api에서 처음부터 데이터를 묶어서 전달해주면 좋겠지만,api에서 하는 일이 많거나 해당 데이터를 난잡하지 않고, 간결하게 등등 여러가지 이유로 화면에서 데이터를 묶어서 처리를 해야 할 때,reduce를 사용하여 묶는 방법에 대해서 알아보겠다. 예제const list = [{word: '가', no: 1}, {word: '나', no: 3}, {word: '나', no: 2}]const rtnList = list.reduce((acc, val) => { const { word, no } = val; if (!acc[word]) acc[word] = []; acc[word].push(no); return acc;}, {});// { 가: [1], 나: [3, 2] } 배열 내, 중복제..
키보드 한글 자음, 모음을 영문으로 변환하기 (feat. react)
간혹 영문자를 입력해야 하는 상황에서 한글로 되어 있어서 한글로 써진 매우 안타까운 상황이 발생하곤 한다.누가 옆에 있다면, "한글한글"을 외쳐본 적이 있다거나 외침을 받아본 적이 있을 것이다.그래서 준비해봤다.바로 치환할 수도 있겠지만, 한글을 입력해야 하는 상황도 있을 수 있으니 유틸로 한번 만들어봤다.모든 케이스를 적용하진 못했지만, 이렇게도 할 수 있다는 걸 보여주기 위해 작성해봤다.해당 예제는 react로 작성했지만, ref로 dom을 받아서 처리한 부분을 제외하곤 거부감이 없으리라 생각된다. 1 import { useRef } from 'react'; 2 3 const ConvertUtils = () => { 4 const inputRef = useRef();..
리스트 정렬하기(feat. js)
JavaScript에서 배열을 정렬하는 방법은 Array.prototype.sort() 함수를 사용한다. 해당 함수는 배열의 요소를 정렬할 때, 기본적으로 요소를 문자열로 변환하고 유니코드 코드 포인트 순서로 정렬한다. 보편적인 예제// test list const list = [ { data: '가', seq: 2 }, { data: '나', seq: 1 } ]; // 오름차순 정렬 list.sort((a, b) => a.seq - b.seq); // 결과: [{data: '나', seq: 1}, {data: '가',seq: 2}] // 내림차순 정렬 list.sort((a, b) => b.seq - a.seq); // 결과: [{data: '가', seq: 2}, {data: '나',seq: 1}]위..