전체 글 75

[React-Native] 리액트 네이티브 Keyboard (키보드 제어 밑 속성)

Keyboard키보드 모듈의 이벤트를 감지하고 처리 (열리고 닫히는 것 혹은 크기 및 위치)import {Keyboard} from 'react-native';useEffect(()=> { const showSubscription = Keyboard.addListener('keyboardDidshow', () => { // 키보드 열림 감지 내용 작성 }); return () => { showSubscription.remove(); // 이벤트 리스너 제거 // Keyboard.removeAllListeners('keyboardDidShow'); 특정이벤트의 모든 리스너 제거 // Keyboard.dismiss(); 키보드 강제 닫기 // Keyboard.isVisible(); 키보드가 마지막..

카테고리 없음 2024.12.27

[React-Native] 리액트 네이티브 Dimensions (화면 크기 구하기)

Dimensions보통 현재 화면의 가로, 세로 길이를 구할 때 사용한다.import {Dimensions} from 'react-native';// 현재 앱이 표시되는 창의 크기를 반환하며 상태 바 및 네비게이션 바를 제외const windowWidth = Dimensions.get('window').width;const windowHeight = Dimensions.get('window').height;const {width, height} = Dimensions.get('window'); //장치 전체 화면 크기를 반환const screenWidth = Dimensions.get('screen').width;const screenHeight = Dimensions.get('screen').heigh..

React-Native 2024.12.27

[React-Native] React Native CLI 프로젝트 생성. (아무것도 없는 상태로 리액트 네이티브 시작하기)

이번에는 아무것도 없는 상태로(bareborn) 프로젝트를 만들어서 실행 할 수 있도록 해 볼 것이다.원하는 폴더 안에서 아래의 명령어로 프로젝트를 생성한다.npx @react-native-community/cli@latest init testpin20241226 명령어 실행 시 아래와 같이 설치가 친행된다.현재 기준 cli 버전은 15.1.3. react-native 버전은 0.76.5 이다. 원하는 버전이 있을 시 아래와 같이 생성한다.npx @react-native-community/cli@X.XX.X init testpin20241226 --version X.XX.X react-native-community/cli 란 리액트 네이티브 개발에 필요한 다양한 작업들을 간소화 해준 Command Lin..

React-Native 2024.12.26

[React] FCM 메세지 보내기 요청 to NodeJS ( firebase-admin )

리액트에서 node js로 요정을 하여 fcm 메세지를 보내는 코드를 작성 해보자. import { messaging } from 'lib/firestore/config';import { getToken } from "firebase/messaging";import db from 'lib/firestore';export const API_BASE_URL = process.env.REACT_APP_API_BASE_URL;export const getMessage = async (profile) => { let title = "타이틀"; let body="테스트"; try { const permission = await Notification.requestPermission(); if (..

React 2024.09.06

[NodeJS] FCM 메세지 보내기 서버 사이드 (firebase-admin, server side)

firebase-amin 라이브러리를 이용하여fcm 메세지를 보내는 api 를 만들어보자.const express = require('express');const path = require('path');const bodyParser = require('body-parser');const admin = require('firebase-admin');// Firebase Admin SDK 초기화const serviceAccount = require('./serviceAccountKey.json'); // Firebase 서비스 계정 JSON 파일admin.initializeApp({ credential: admin.credential.cert(serviceAccount), });exports.se..

NodeJS 2024.09.06

[NodeJS] Node + express api server (노드 + 익스프레스 API 서버 만들기)

오늘은 node + express 서버를 올려서 리액트와 통신 할 API 서버를 만들어 볼 것이다. 먼저 AWS 에 서버를 만들어야 한다.EC2 에서 인스턴스 시작 버튼을 눌러 인스턴스를 만들어 보자. 이름 및 태그에는 해당 서버의 이름을 써주자. 이제 어떤 서버를 올릴지 찾아 볼 것인데 더 많은 AMI 찾아보기를 눌러 서버를 찾아보자. ubuntu 를 검색 해 보면 여러가지 서버가 나오는데 여기서 프리티어가 사용 가능한 Ubuntu Server 22.04 LTS (HVM) 서버를 선택 해 준다. 보안 설정은 SSH, HTTPS, HTTP 모두 선택을 해준다. 스토리지는 변경 없이 그대로 만들어 준다. 이제 오른쪽의 인스턴스 시작을 눌러 인스턴스를 생성 해 보자. 인스턴스가 생성된 후 네트워크 및 보안에..

NodeJS 2024.09.06

[Node] 'process.env' only accepts a configurable, writable, and enumerable data descriptor

아래의 모듈을 받는데 문제가 발생.npm install --global --production windows-build-tools 'process.env' only accepts a configurable, writable, and enumerable data descriptor라는 에러가 발생했다.'process.env' only accepts a configurable, writable, and enumerable data descriptor 실행에서%temp% 를 입력하여 해당폴더에 txt 파일을 생성해준다. 이름은 dd_client_.log.txt 내용은Closing installer. Return code: 3010. 저장 한 후 node version 17.9.1 으로 설치 후 다시 모듈을 설..

NodeJS 2024.09.03

[Spring] 데이터베이스 연습 ( feat. mariadb, HikariCP)

만들어둔 커넥션 유틸로 Select 함수를 만들어보자. public List selectALL() throws Exception { String sql = "select * from tbl_todo"; @Cleanup Connection connection = ConnectionUtil.INSTANCE.getConnecton(); @Cleanup PreparedStatement preparedStatement = connection.prepareStatement(sql); @Cleanup ResultSet resultSet = preparedStatement.executeQuery(); List list = new ArrayList(); while(resultSet.next()){ ..

Spring 2024.08.29

[Spring] 데이터 베이스 연결 (feat. MariaDB, HikariCP)

tododb 라는 이름의 데이터 베이스를 생성사용자 비밀번호는 todo / todo1234 로 설정한다. CREATE USER todo@localhost IDENTIFIED BY 'todo1234';GRANT ALL PRIVILEGES ON tododb.* TO todo@localhost;FLUSH PRIVILEGES; 이후 워크벤치에 접속한다. 테이블을 만들어보자.create table tbl_todo( tno int auto_increment primary key, title varchar(100) not null, dueDate date not null, finished tinyint default 0); 이후 셀렉트가 잘 되는지 확인한다.select * from tbl_todo; 모두 잘 ..

Spring 2024.08.29

[Spring] Lombok 설정 및 사용.

패키지를 하나 만들어 Member.java 파일을 만든다.패키지명 : org.bagdata.domain Member.javapackage org.bigdata.domain;public class Member { private String id; private String passwd; private String name; private String phone; private String email;} 롬복 설정을 해주기 위해 pom.xml 파일을 열자dependencies 항목에 여러가지 dependency 가 들어가 있는데 가장 아래 부분에 롬복을 추가 해보자. 아래 홈페이지에서 1.18.24 버전의 롬복의 디펜던시 설정을 가져온다. https://mvnrepository.com/artifact/org..

Spring 2024.08.28