분류 전체보기 (7) 썸네일형 리스트형 [SSOP] 졸업 프로젝트 회고록 | 1020 MZ 세대들의 자기소개를 도와주는 앱 서비스 2024년 3월 ~ 12월앱의 기획부터 개발, 배포까지 모두 함께했던 내새끼다. 기존 프로젝트에서 나는 프론트엔드 개발자로서 역량을 쌓아왔지만,이번 프로젝트에서는 백엔드 개발자가 없는 관계로개발자 4명이서 ERD 설계, 백엔드 개발, 프론트엔드 개발, 배포까지 모두 진행하게 되었다. 우리 앱 'SSOP'은 1020 MZ 세대들을 위한 자기소개 도움 플랫폼으로써,나를 소개하는 프로필 카드를 제작하고 공유할 수 있다. 요즘 한 사람임에도 다양한 페르소나를 가지고 있는 경우가 많기 때문에이러한 서비스를 기획했다. 프로젝트 진행 일정 3-4月 기획5-6月 와이어프레임 프론트엔드 개발7月 백엔드 - 인프런 강의 수강8月 백엔드 - API 설계9-10月 GUI 개발 및 API 연결11月 추가 파트 분배 및 프론트엔.. [React native - Expo] Bluetooth-Classic (2) 데이터 전송 및 수신 데이터 전송자꾸 이런 오류가 뜬다... 싸늘하다...buffer도 해보고 arrayBuffer도 해보고 아 근데 진짜 오랫동안 붙잡고있었는데.. - Bluetooth.jstry { // 디바이스 연결 시도 const connectionStatus = await connectToDevice(id); console.log("연결 상태:", connectionStatus); if (connectionStatus) { const sendResult = await sendData(id, cardId); console.log("전송 결과:", sendResult); --- } - UseBluetoothClassic.js as.. [React native - Expo] Bluetooth-Classic (1) 디바이스 스캔 BLE는 내가 추가하는 기능을 해낼 수 없어 Bluetooth-Classic으로 재도전 한다. 1. 패키지 설치하기npm install react-native-bluetooth-classicnpx expo install expo-build-propertiesnpm install expo-dev-client 2. 디바이스 스캔 및 연결useBlutoothClassic.jsimport { useEffect, useState, useRef } from 'react';import axios from "axios";import AsyncStorage from "@react-native-async-storage/async-storage";import BluetoothClassic from 'react-native.. [React Native - Expo] BLE 블루투스 기능 _ (3) 디바이스 연결, 데이터 전송 이전 포스팅에서 얘기했다시피저는 블루투스를 통해발신자 - 정수 ID값 전달수신자 - 받은 ID값으로 API 요청을 구현하고자 합니다 (제발🙏) -> 결론 : BLE 는 휴대폰과 장치의 연결에 최적화 되어있어 연결과 데이터 전송을 테스트할 수 없었어요....하단의 소스코드는 저의 발악입니다..- useBLE.js 이전 코드에서 추가import { useEffect, useState, useRef } from 'react';import { BleManager } from 'react-native-ble-plx';import BluetoothRequestPermissions from './BluetoothRequestPermissions';const useBLE = () => { const [connect.. [React Native - Expo] BLE 블루투스 기능 _ (2) 권한 설정, 디바이스 스캔 제가 원하는 기능은스마트폰 디바이스끼리 블루투스 연결해서 정수를 전달하는 기능입니다. 자세히는발신자 - 정수 ID값 전달수신자 - 받은 ID값으로 API 요청하기 - 권한 설정 전 패키지 다운로드import * as Device from 'expo-device'; - App.json - 안드로이드에 블루투스와 위치 권한 추가 -> 재빌드 해야함{ "expo": { "android": { "package": "com.teambenu.ssop", "adaptiveIcon": { "foregroundImage": "./assets/adaptive-icon.png", "backgroundColor": "#ffffff" }, "permission.. [React Native - Expo] BLE 블루투스 기능 _ (1) 환경설정, 안드로이드 폰에 앱 설치 React Native Expo CLI를 활용하여 졸업프로젝트 앱을 개발하고 있다. 앱 내에서 블루투스 기능을 구현하고자 하여Expo에서 Bluetooth Low Energy (BLE) 사용한다. 구현 과정에 대해 한국어 레퍼런스가 없어서 내가 포스팅을 시작했다.제발 내가 성공하길.. 우리 프로젝트에 블루투스 꼭 할 수 있기를🙏 - 패키지 다운로드npx expo install react-native-ble-plx - App.json{ "expo": { "plugins": [ "expo-font", "react-native-ble-plx", { // BLE가 백그라운드에서도 작동하고 "isBackgroundEnabled": true,.. [24/03/23-24] 벚꽃톤 회고록 나의 첫 교내 개발 동아리에서의 첫 해커톤인 벚꽃톤을 끝마쳤다. [24.03.03 ~ 07] 1차 팀빌딩 비교적 빠르게 3월 5일, 나는 팀빌딩이 완료되었다. 다른 팀원들까지 모두 매칭되는데는 시간이 걸려 3월 12일에 첫 전체 회의를 대면으로 진행했다. 서비스 소개 " N분의 1 " 이라는 서비스에 참여하게 되었고, 나의 과거가 생각났다. 홈카페의 취미가 있는 나는 유명한 브랜드의 파우더가 갖고싶었는데 무려 1.59kg에 3만원 상당이었고 하나도 아닌 두 개의 파우더를 구매하고 싶었다. 그래서 당근마켓에서 공동구매자를 찾았는데, 당근마켓의 주 목적이 공동구매가 아니다보니 공동구매 인원을 모집하는데 꽤 오랜 시간이 소요되었다. 그래서 당근마켓에서 벗어나 공동구매를 주 기능으로 하는 서비스 "N분의 1"에.. 이전 1 다음
