| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
- 플러터앱개발
- 웹해킹
- 하단탭바알림
- BottomTabBarNavigator
- 선언형프로그래밍
- 명령형프로그래밍
- 데이터베이스의기본
- Object~
- 화면이동
- 정보보호
- 플러터
- date-fns
- 면접을위한CS전공지식노트
- 알고리즘
- BottomTabNavigation
- 플러터공부
- 날짜포맷팅
- tabBarBadge
- 앱개발
- OpenWeatherApi
- Navigation
- Flutter
- 플러터앱개발공부
- RectQuery
- ReactNative
- 앱개발공부
- react
- Flutter공부
- 모두의딥러닝
- 딥러닝
- Today
- Total
목록전체 글 (51)
기록하기
opencv 영상 파일 읽는 법 1. 우선 OpenCV 라이브러리를 설치해야합니다. 다음 명령어를 입력하여 설치할 수 있습니다. pip install opencv-python 2. OpenCV를 가져옵니다. import cv2 3. 영상 파일을 읽을 땐 'cv2.imread()' 함수를 사용해야합니다. 이 함수는 이미지 파일의 경로를 입력으로 받고 이미지를 반환합니다. import = cv2.imread('영상파일경로.jpg') 4. 읽은 이미지를 화면에 표시하거나 다른 작업을 수행 할 수 있습니다! 영상 파일을 읽어서 OpenCV로 다양한 영상 처리 작업을 수행할 수 있습니다. 예시 코드 cv2.imshow('이미지 창 제목', image) cv2.waitKey(0) cv2.destoryAllWindo..
아나콘다란? 아나콘다는 머신러닝이나 데이터 분석 등에 사용하는 여러가지 패키지가 기본적으로 포함되어 있는 파이썬 배포판입니다. 때문에 해당 분야를 파이썬으로 접근하고자 할 때 세팅이 매우 간단해집니다. 또한 아나콘다는 파이썬 가상 환경을 구축하는데도 유용하게 사용할 수 있습니다. 내부적으로 conda라는 환경/패키지 관리자가 존재하며 이 conda를 통해 패키지를 설치하거나 가상 환경을 관리할 수 있습니다. 아나콘다 가상환경 독립적인 작업환경에서 패키지 및 버전관리를 하기 위한 가상의 환경 가상환경 세팅법 가상환경을 생성할 환경의 이름과 Python 버전 등을 설정한다. conda create -n 가상환경이름 python=버전 가상환경 활성화하기 conda activate 가상환경이름 가상환경에 라이브..
안녕하세요! 오랜만에 정보보호를 주제로 글을 적어봤습니다... 학교 과제이지만 이번 글은 최신 사이버보안 동향에 대하여 다뤄보겠습니다. 딥페이크 무기화 사이버보안 컨설턴트 마그다 켈리는 딥페이크가 올해부터 계속 뜨거운 보안 이슈가 될 것이라고 전망했다. 딥페이크는 지금까지 한 배우의 얼굴을 다른 배우를 대체한 비디오와 같이 주로 엔터테이먼트 분야에서 사용됐다. 정치인이 실제로 하지 않은 말을 한 것처럼 만든 딥페이크 비디오도 있다. 켈리는 공격자가 다른 사람의 얼굴을 도용해 생체 엑세스 제어를 침해하기 위한 방법으로 딥페이크 기술을 무기화할 것으로 예측했다. 특히 엔터프라이즈 영역에서 AI 기반 딥페이크를 여러 측면으로 악용할 수 있다. 사기범이 CEO의 목소리를 도용해 직원을 속여 위조 계정으로 큰 돈..
게시물을 작성한 시간에 따라 '방금 전', '3분 전', '1시간 전', '3일 전' 이런 형식으로 날짜가 나타나도록 수정하는 방법! 이때 사용한 라이브러리는 date-fns 라이브러리! 코드 function formatDate(date) { const d = new Date(date); const now = Date.now(); const diff = (now -d.getTime()) / 1000; if(diff < 60 * 1) { return '방금 전'; } if(diff < 60 * 60 * 24 * 3) { return formatDistanceToNow(d, {addSuffix: true, locale: ko}); } return format(d, 'PPP EEE p', {locale: ko..
Error non-std C++ exception React Native 개발 도중 이런 짧은 에러 발생... 해결 방법은 아주 간단했다! 해결 방법 npm run --reset-cache 터미널에 명령어 입력하고 필요한 명령어 입력하기 저는 expo start --ios 입력하니까 에러 해결 되더라구요!
코드는 엄청 간단하지만 예전에 프로젝트를 진행하며 구현하는데에 어려움을 겪었던 경험이 있어서 이번에는 까먹지 않게 기록을 해보려고 한다! 구현 방법 간단하게 숫자로 나타내고 싶으면 tabBarBadge : 5, 텍스트로 나타내고 싶으면 tabBarBadge : 'new', 그냥 알림으로 나타내고 싶으면 tabBarBadge : true, 결과 깔끔하게 나타난다! 근데 왜 알림은 저렇게 크기가 큰건지 잘 모르겠다.. 바꾸는 방법은 조금 더 찾아봐야할 것 같다.. ㅎㅎ
tabBarActiveTintColor 활성화된 항목의 아이콘과 텍스트 색상 tabBarActiveBackgroundColor 활성화된 항목의 배경색 tabBarInactiveTintColor 비활성화된 항목의 아이콘과 텍스트 색상 tabBarInactiveBackgroundColor 비활성화된 항목의 배경색 tabBarShowLabel 항목에서 텍스트의 가시성 설정(기본값 : true) tabBarShowIcon 항목에서 아이콘의 가시성 설정(기본값 : false) tabBarStyle 하단 탭 스타일 tabBarLabelStyle 텍스트 스타일 tabBarLabelPosition 텍스트 위치 'beside-icon' 아이콘 우측 / 'below-icon' 아이콘 하단 tabBarAllowFontSca..
React Native에서 라이브러리를 적용하기 위해 NavigationContainer 컴포넌트를 불러와서 앱 전체를 감싸주어야 한다. 네이티브 스택 내비게이터 화면 전용 컴포넌트 screens 디렉터리를 하나 만들고 그 안에 파일들을 저장한다. 만드는 이유는 ? 화면 전용 컴포넌트를 모아서 관리할 수 있기 때문에 편리함! 간단하게 HomeScreen이랑 DetailScreen 만들었다. HomeScreen.js import React from 'react'; import {View, Button} from 'react-native'; function HomeScreen({navigation}) { return ( navigation.navigate('Detail')} /> ); }; export de..
너무나도 곤란한 오류가 발생함. 오류 원인을 몰라서 구글링도 해보고 찾아 봤는데 결국 답을 찾지 못했다.. 그런데 적었던 코드에서 조금 어색한게 보였음.. 원래 코드는 저렇게 입력 되어 있지 않았음. 오류 났을 때 function Counter(count, onIncrease, onDecrease) { } 해결 방법 -> 중괄호도 입력해주기 function Counter({counter, onIncrease, onDecrease}) { } 소괄호 뒤에 중괄호가 없었다.. 오류를 찾은거지..!! ✨ 소괄호 뒤에 중괄호를 입력해 주니까 오류가 없어지고 결과 값이 제대로 나타났다!
React에서 상태를 관리하는 가장 기본적인 방법은 useState라는 함수를 사용하는 것이다. React에는 use로 시작하는 다양한 함수가 있는데, 그 함수들을 Hook 이라고 부른다. Hook을 사용하여 상태 관리, 최적화, 컴포넌트 작동 흐름 관리 등 다양한 기능을 구현할 수 있다. 그 중 useState는 상태 값을 관리하는 함수이다. 컴포넌트에 버튼을 하나 만들고 Box 컴포넌트를 숨기고 다시 보여주는 기능을 구현해 보았다. useState 사용하기 App.js import React, {useState} from 'react'; import {SafeAreaView} from 'react-native'; import Box from './components/Box'; const App = (..