본문 바로가기

분류 전체보기518

정용진 전국 맛집 리스트 지도(2024년 버전) # 정용진 전국 맛집 리스트 지도(2024년 버전) 이마트 직원들이 전국의 맛집을 정리했다는 일명 "정용진 맛집 리스트" 그러나 시간이 흐르면서 폐업하여 없어지거나, 다른 곳으로 이전한 경우가 많았습니다. 그래서 2024년 기준으로 새로 재정리한 버전을 공개합니다. 전국적으로 정리가 되어 있어서, 여행하실 때 참고하시면 도움이 될 것 같습니다. # 정용진 맛집 지도(전국) 전국의 정용진 맛집 리스트를 한눈에 확인할 수 있는 맛집 지도입니다. https://www.dogumaster.com/map/celeb?channel=jyj # 정용진 맛집 리스트(전국) 전국의 정용진 맛집 리스트 목록을 지역별로 정리한 도표입니다. # 정용진 리스트 - 서울 가게 메뉴 지역1 지역2 구찌라쿠 돈까스&우동&덮밥 서울 강.. 2024. 3. 26.
[리액트 next.js 테이블 에러] Expected server HTML to contain a matching <tr> in <table> # Next.js에서 React로 table 생성시 에러 해결 방법 - 문제 현상 Next.js 환경에서 React로 생성시, 아래와 같은 에러가 발생할 수 있다. Expected server HTML to contain a matching in . Uncaught Error: Hydration failed because the initial UI does not match what was rendered on the server. validateDOMNesting(...): cannot appear as a child of . Add a , or to your code to match the DOM tree generated by the browser. There was an error while hy.. 2024. 1. 17.
[React Native] ScrollView 수평(Horizontal) 스크롤 구현 방법 # 리액트 네이티브에서 Scroll View 수평 스크롤 구현 방법 1. 수평 스크롤 구현 방법 ScrollView 컴포넌트의 `horizontal` 속성을 true로 설정하면 된다. (그냥 속성을 표시만 하면 true가 된다) 2. 스크롤바 감추는 방법 혹시 수평 스크롤바가 생긴다면, `showsHorizontalScrollIndicator`을 false로 설정하여 숨길 수 있다. export function HorizontalScrollView() { return ( {/* ... */} ); } 2024. 1. 14.
[리액트 네이티브] Image에 외부URL / 로컬이미지파일 설정 방법 # React Native의 Image 컴포넌트에 외부URL 및 로컬파일 적용 방법 1. 로컬 이미지 파일 적용 방법 source 에 require("상대경로") 메서드 반환값을 세팅해주면 된다. 2. 외부 이미지 URL 적용 방법 source 에 { uri: "외부 이미지 URL" } 객체를 세팅해주면 된다. 2024. 1. 12.
[리액트 네이티브] Pressable 이벤트 버블링 막기(stopPropagation) # React Native에서 이벤트 버블링 막는 방법 Pressable 컴포넌트의 onPress 이벤트 핸들러 호출시, 이벤트가 더 이상 전달(이벤트 버블링) 되지 않도록 하려면 콜백함수의 인자로 들어온 event의 event.stopPropagation() 메서드를 호출해주면 된다. event의 Typescript 타입은 GestureResponderEvent 로 세팅해주면 된다. export default function RecipeItem({ recipe }: Props) { const pressButton = (event: GestureResponderEvent) => { event.stopPropagation(); // ... }; return ( {/* ... code ... */} ); } 2024. 1. 12.
[리액트 네이티브] Text에 borderRadius 적용 안될 때 해결방법 # React Native 에서 Text에 borderRadius 적용 방법 - 문제 현상 리액트 네이티브에서 Text 컴포넌트에 borderRadius가 적용되지 않는 현상이 있었다. - 해결 방법 Text를 View로 감싸주고, View에 borderRadius 를 적용해주면 된다. export default function RadiusText() { return ( // Text를 View로 감싸준다 카레유 ); } const styles = StyleSheet.create({ // View에 borderRadius 를 적용한다. textContainer: { borderRadius: 30, padding: 20 }, textContent: { fontSize: 12 } }); 2024. 1. 12.
[리액트 네이티브] ScrollView에서 flexDirection: row 좌우 수평 정렬 및 flexWrap 줄바꿈 적용 방법 # React Native - ScrollView 좌우배치 및 줄바꿈 적용 방법 - 문제 현상 리액트 네이티브에서 ScrollView의 스타일로 flexDirection: row를 적용해도 내부 요소들이 좌우로 수평 정렬되지 않는 현상이 있었다. - 해결 방법 ScrollView 내부에 중간 View를 만들어 flexDirection: row 를 적용하면, View 내부에 자식 요소들은 수평 정렬이 가능해진다. 줄바꿈까지 적용하려면 중간 View에 flexWrap: wrap 을 적용해주면 된다. export default function ItemList() { const itemList = getItemList(); return ( {/* 중간 컨테이너 View를 넣어줘야 함 */} {itemList.m.. 2024. 1. 12.
오늘 뭐해 먹지? 셰프 요리 레시피 추천 사이트: 쿠비 셰프 요리 레시피 사이트 추천 - 쿠비 오늘 뭐 해 먹지? 고민될 땐! 레시피 추천 사이트 쿠비를 이용해보세요! https://coovi.me 쿠비 유튜브 쿡방 요리 레시피 검색 사이트 www.coovi.me 백종원, 이연복, 빅마마 이혜정 선생님들의 유튜브 쿡방 요리 레시피를 추천 받을 수 있습니다. (레시피는 계속 추가 되고 있습니다!) 한식/중식/일식은 물론 재료별/종류별 레시피 검색도 가능합니다! 마음에 드는 레시피는 책갈피 버튼으로 저장도 가능합니다! 오늘 뭐 해 먹을지 고민일 때, 요리 레시피 추천 사이트 쿠비! 에서 셰프들의 맛있는 레시피 추천 받고, 즐겁게 요리해보세요~ 2024. 1. 9.
[최자로드] 전시즌 맛집 리스트&지도(시즌1~8 전체) 최자로드 맛집 리스트 & 지도 (전 시즌)맛집은 역시 최자로드라고 봐!최자로드 전시즌(1~8시즌) 전체 맛집 리스트를 볼 수 있는[먹방맵] 사이트  를 공유합니다. https://www.mukbangmap.com/list/kr/cjroad   최자로드 유튜브 영상도!식당마다 바로 확인할 수 있습니다.   지도에서 한눈에!최자로드 전체 맛집 지도도 제공됩니다. https://www.mukbangmap.com/map/kr/cjroad   최자로드 맛집 지도는먹방맵으로 보면 된다고 봐! 최자 로드와 함께즐거운 여행&맛집 즐겨보시길 바라겠습니다! 2023. 11. 11.