분류 전체보기

[Axios] signal(AbortController)를 이용해 응답오지않는 요청 취소시키기

API 요청 취소시키는 방법 일반적으로는 아래와 같이 axios config에 timout만 넣어주면 설정해둔 시간을 초과하면 자동으로 취소시킬 수 있습니다. const testApi = async (jsonData) => { try { const res = axios.get('/api/data', { timeout: 5000 }) status = res.status; } catch (error) { console.error("데이터 불러오기 에러 - ", err); status = 500; } return status; }; 또 api 요청을 취소시키는 방법으로 CancelToken을 많이 이용해왔습니다. const testApi = async (jsonData) => { try { const canc..

[react/react-native] 특정 시간만큼 딜레이를 주는 커스텀 훅 만들기

sleep 함수 만들기 오늘은 특정 시간만큼 대기했다가 다음 문장을 실행해야 할 경우에 유용하게 쓰일 수 있는 함수를 만들어볼 거예요. 제 프로젝트에서 통신하는 장비에 특정 명령이 들어가면 2초 정도 대기했다가 다음 명령을 보내야 해서 필요했거든요. 저는 react native 프로젝트를 진행 중이지만 react에서도 똑같이 적용됩니다. setTimeout setTimeout을 이용하면 특정 시간만큼 딜레이를 준 후에 코드를 실행할 수 있습니다. setTimeout(() => { console.log("Delayed for 1 second."); }, 1000) 위와 같이 첫 번째 인수 값으로 함수를 넣고, 두 번째 인수 값으로 delay값을 넣습니다. delay값은 milliseconds단위입니다. 그..

[javascript] 랜덤 문자열 생성하는 방법

랜덤으로 영어 문자열을 생성하고 싶다면?? 오늘은 자바스크립트에서 랜덤으로 문자열을 생성하는 방법을 간단하게 알아보겠습니다. 구글 같은 곳에서는 페이지별로 다른 비밀번호를 사용할 수 있게끔 자동 비밀번호 생성 기능을 제공해 주죠. 그런 자동으로 생성되는 문자열은 어떻게 만들 수 있을까요? 우선 자바스크립트에서 random함수부터 살펴보도록 하겠습니다. Math.romdom() Math.random() 메서드는 0에서 1 사이의 난수를 반환하는 기능을 가지고 있습니다. 그런데 특정 범위의 int값으로 난수를 받고 싶다면 어떻게 해야 할까요? function getRandomInt(max) { return Math.floor(Math.random() * (max+1)); } Math에는 올림, 반올림, 내림..

[칵테일 레시피] 베일리스(Baileys) 아이스커피

베일리스 아이스커피 여러분 술 좋아하시나요? 저는 술을 엄청 못 먹는 알쓰예요,,, 소주 한두 잔만 먹어도 얼굴이 빨개지고 술기운이 확 올라오는데요. 그래서 평소에 술을 즐겨 먹지 않지만 술맛이 크게 안 나는 칵테일은 가끔 먹어요. 처음 먹어봤던 칵테일은 이탈리아 여행 갔을 때 먹어본 걸로 기억하는데 아마 브랜디 알렉산더라는 칵테일을 마셨을 거예요. 칵테일에 대해 아무것도 모르고 그냥 이름만 보고 선택했었는데 제 생각보다 맛이 없어서 한동안 칵테일은 쳐다도 안 봤었죠 ㅋㅋ 그러다가 대학교 친구를 통해 깔루아 밀크라는 칵테일을 먹어보고 칵테일도 맛있구나 하고 생각하게 되었습니다. 엄마가 얼마 전에 블랙 러시안이라는 칵테일을 먹어보고 맛있다고 해서 블랙 러시안도 만들 겸 깔루아 밀크도 오랜만에 먹어볼 겸 깔..

[Notion/노션] 노션 소개 및 꿀팁 대방출

노션이란? 노션은 단순한 메모부터 협업 툴, 데이터베이스, 웹페이지 등 다양하게 활용할 수 있는 애플리케이션입니다. 데스크톱 애플리케이션뿐 아니라 휴대용 디바이스 어플, 웹앱으로도 제공되어 언제 어디서든 원하는 방법으로 사용할 수 있습니다. 예전에는 에버노트라는 프로그램이 많이 활용되었는데 유료화 정책 이후로 많은 사람들이 노션을 사용하기 시작했습니다. 노션도 물론 유료 정책들이 있지만 무료로도 충분히 활용할 수 있습니다. 에버노트는 연결가능한 기기의 제한이 있는 것이 너무 불편했는데 노션은 그런 부분 없이 사용가능한 것이 장점입니다. 또 메모장으로써의 역할도 훌륭하지만 그 외에 다양한 활용 방법이 있고 현재 그 기능이 점점 확장되어가고 있습니다. 특히 IT회사에서 협업 툴로 사용하는 곳이 점점 늘어나는..

[javascript] 객체가 빈 값인지 확인하는 방법

객체 안에 값이 들어있는지 확인하고 싶다면?? 먼저 단순하게 생각해 봤을 때 const obj = {}; if (obj === {}) { console.log("빈 객체입니다"); } 위의 경우에 if 조건문이 true가 될 것 같습니다. 하지만 자바스크립트에서 동등연산자(==)와 일치 연산자(===)는 Abstract Equality Comparison Algorithm를 사용합니다. 그리고 해당 알고리즘을 살펴보면 Return true if x and y refer to the same object. Otherwise, return false. 두 값이 같은 객체를 참조할 때만 true를 반환한다고 되어있습니다. 하지만 단순하게 obj === {}으로 비교한다면 안에 프로퍼티가 비어있다는 점은 동일하..

[부산/충렬사 맛집/안락동 맛집/카페] 국민생아구찜, 장스카페 - 불맛이 매력적인 아구불고기 맛집과 가성비갑 몽블랑 빵이 매력적인 카페 후기

국민생아구찜 아구불고기 리뷰 여러분 안녕하세요~ 혹시 여러분들은 아구찜 좋아하시나요 ㅎㅎ 아구찜 먹을 때 항상 아귀가 좀 더 많이 있으면 좋겠다는 생각이 들곤 했는데요~ 국민생아구찜에 있는 아구불고기를 먹으면 아귀가 푸짐하게 들어있다는 얘기를 듣고 찾아가 보았습니다! 미리 예약을 하려고 했는데 예약은 따로 안 되고 그냥 오면 된다고 하더라고요. 제가 찾아간 곳은 국민생아구찜 안락점입니다. 위치는 충렬사역 바로 근처에 있어요~ 이날 너무 너무 추워서 얼른 들어가보았습니다. 가게로 얼른 들어가봅니다! 메뉴는 아구찜, 아구불고기, 해물찜, 대구뽈찜등이 있는데 오늘은 아구불고기를 먹기 위해 찾아왔기 때문에 주저없이 주문했습니다. 와~~ 비주얼 어떤가요?? 아구찜에서는 콩나물이 주를 이룬다면 아구불고기는 아귀가 ..

[김치찌개 레시피] 쉽고 맛있는 김치찌개 끓이기

김치찌개 끓이기 한식 60분 이내 쉬움 [ 재료 ] 돼지고기 앞다리살 400g 양파 반 개 대파 적당량 김치 1/2 포기 청양고추 1개 두부 반모 멸치육수 [ 양념 재료 ] 다진 마늘 1큰술 고춧가루 1큰술 국간장 2큰술 설탕 1큰술 김치국물 1국자 참기름 1큰술 후추 약간 멸치액젓 2큰술 새우젓 1큰술 안녕하세요~ 오늘은 언제 먹어도 맛있는 김치찌개를 끓여보았습니다! 먼저 육수를 끓여놓는 것이 좋습니다! 멸치육수를 끓여주시면 되는데 저는 멸치와 건표고버섯, 양파껍질, 건새우를 넣어서 육수를 냈습니다. 그래서 색깔이 일반 멸치육수보다 노랗네요 ㅎㅎ 육수를 끓이는 동안 김치를 1/2 포기 정도 썰어줍니다. 그리고 양파, 대파, 청양고추를 썰어두고 고기도 썰어줍니다. 위에 양념 재료들을 넓은 그릇에 넣고 섞..

[부산/서면 맛집] 로운 샤브샤브 - 먹거리가 풍성한 샤브샤브 맛집

서면 NC백화점 맛집 로운 샤브샤브 리뷰 요즘같이 날씨가 추운 날에는 따뜻한 국물 요리가 땡기는데 그중에서도 저는 샤브샤브를 정말 좋아한답니다! 그래서 이번에 로운 샤브샤브를 갔어요~ 로운 샤브샤브는 서면 NC백화점 6층에 있어요 바로 옆에는 피자몰이 있네요 피크타임에 가면 사람이 많아서 대기를 해야 할 수도 있어요 그래도 대기를 입력해두면 카톡으로 알림이 날아오니 참 편리한 것 같아요 가격은 평일 점심에 가면 가성비가 좋고 그 외에는 조금 비싼 편인 것 같아요 아무래도 고기도 무제한으로 제공되다보니 그런 것 같네요 채선당 플러스도 고기를 무제한으로 하면 가격이 비슷하게 나올 거예요 특이한 게 훠궈처럼 냄비를 반반으로 나눠서 먹을 수도 있더라고요 육수가 다양하다 보니 저도 반반 냄비를 해보기로 했어요! ..

[부산 부전 카페] 스타벅스 - 독특한 맛과 향을 가진 차이티 라떼와 부드러운 생크림이 가득한 생크림 카스텔라 후기(+로이스 바닐라맛 감자칩 후기)

스타벅스 차이티라떼, 생크림 카스텔라와 로이스 감자칩 후기 안녕하세요~ 행복한 알파카입니다 오늘은 스타벅스에 왔어요 스타벅스는 안 가본 사람이 없다지만 오늘 소개해드릴 차이티라떼는 안 먹어보신 분들이 많더라고요 저의 스타벅스 최애 음료라서 소개드리고 싶어 글을 쓰게 되었습니다~~ 차이티라떼란? 정확히는 차이티라떼가 아니라 "짜이"라고 합니다. 일종의 밀크티인데, 우리가 흔히 먹는 밀크티를 생각하고 먹으면 당황하실 수 있어요. 왜냐하면 짜이는 향신료들이 듬뿍 들어가있기 때문이죠. 짜이는 향신료를 많이 사용하는 인도의 차인만큼 여러 향신료들이 들어간 것이 특징입니다. 그래서 다른 차들보다 레시피도 다양한 것 같아요. 계피, 팔각, 정향, 후추등등 차에 들어가는 것 치고는 맵고 강렬한 향을 내는 향신료들이 들..