React Native에서의 내비게이션 기초와 React Navigation 라이브러리
안녕하세요! 오늘은 React Native 앱 개발에 필수적인 내비게이션에 대해 알아보려고 합니다. 이 글은 https://blog.logrocket.com/react-native-navigation-tutorial/ 의 내용을 바탕으로 작성되었습니다.변역과정에서 다르게 해석되거나 저작권에 문제가 될 수 있는 부분이 있다면 언제든 알려주시기 바랍니다.…
Study – 공부하는 모든것에 대한 기록
React Native BLE 라이브러리 비교
블루투스 로우 에너지(BLE), 스마트 블루투스라고도 불리는 이 기술은 근거리 무선 통신을 위해 고안되었습니다. 헬스케어, 피트니스, 보안, 홈엔터테인먼트 등 다양한 분야에서 혁신적인 활용이 가능합니다. BLE는 주파수 호핑 방식을 사용하여 2.4GHz 비면허…
차량용 CAN 통신 입문
차량 내에서의 통신은 차량의 다양한 시스템과 센서들이 서로 정보를 교환하며 원활하게 작동할 수 있도록 하는 핵심적인 역할을 합니다. 이 중에서도 CAN(Controller Area Network) 통신 기술은 자동차 산업에서 널리 채택되어, 차량의…
React Hooks 테스트 방법
이 글은 LogRocket 블로그의 글을 공부하며 한글로 옮긴 것입니다. 저작권에 관련된 문제가 있다면 알려주시면 감사하겠습니다. 여기에서는 Jest, Enzyme, 그리고 React Testing Library라는 세 가지 도구에 대해 좀 더 자세히 설명하고…
Tailwind CSS – 라이브러리 Top 10
Tailwind CSS는 최고의 유틸리티 우선 CSS 프레임워크 중 하나로 자리매김했습니다. 그 유연성과 간편한 유틸리티 클래스의 사용은 많은 개발자들에게 이 프레임워크를 원하는 선택지로 만들었습니다. 그러나 그 많은 장점에도 불구하고, 한 가지…
React에서 multi-level dropdown menu 만들기
"이 문서는 LogRocket 블로그에 게시된 'React에서 다중 레벨 드롭다운 메뉴를 만드는 방법' 글을 참조하여 작성되었습니다. 원문의 핵심 내용을 바탕으로 한글로 번역하고, 더 쉽게 이해할 수 있도록 내용을 재구성했습니다. 이 과정에서…
Next.js와 Electron을 이용한 앱 개발
Next.js와 Electron을 활용한 멀티 플랫폼 데스크탑 애플리케이션 개발 가이드 Node.js의 등장으로 HTML, CSS, JavaScript와 같은 기본 웹 기술이 크게 발전했으며, 이제는 이 기술들을 사용해 멀티 디바이스/멀티 플랫폼 애플리케이션을 손쉽게 만들…
“React Native에서 react-native-svg를 사용하여 SVG 파일 가져오는 방법”
React Native에서 SVG 파일을 사용하는 방법에 대해 알아보고 있는데, 여기서는 react-native-svg를 사용하여 React Native에서 SVG 파일을 가져오는 방법에 대해 설명합니다. 이 방법은 개발자가 모바일 애플리케이션에서 벡터 이미지를 효과적으로 사용할 수…
React Native용 Tailwind 시작하기: NativeWind
Tailwind CSS는 웹 개발 커뮤니티에 큰 영향을 미쳤다는 사실은 잘 알려져 있습니다. 이 유틸리티-퍼스트 접근 방식은 개발자들이 사용하는 프론트엔드 프레임워크에 관계없이 빠르게 사용자 인터페이스를 만들 수 있게 해줍니다. Tailwind의 디자인…
CSS – box model
웹 개발의 세계에서 CSS Box Model은 디자인과 레이아웃의 핵심을 이룹니다. 이 블로그 글에서는 CSS Box Model의 중요성을 탐구하고, 웹 페이지의 구조와 스타일을 정의하는 데 있어 필수적인 구성 요소인 패딩, 테두리,…