티스토리

CODEMIING BLOG

검색하기

블로그 홈

CODEMIING BLOG

pongdangovo.tistory.com/m

코드밍의 개발 기록 저장소

구독자: 4

방명록 방문하기

주요 글 목록

HTTP 통신 - CORS 에러 발생 시 해결방법 CORS (Cross-Origin Resource Sharing) 에러는 보안을 위해 웹 브라우저에서 구현된 정책으로, 한 출처에서 다른 출처로의 리소스 요청을 제한합니다. CORS 에러를 해결하는 가장 간단한 방법은 서버 측에서 적절한 CORS 헤더를 설정하는 것입니다. 서버가 클라이언트의 요청을 허용하도록 CORS 헤더를 포함시키면 웹 브라우저는 해당 요청을 성공적으로 수행할 수 있습니다. Express.js에서의 CORS 해결방법 - 'cors' 미들웨어 사용 'cors' 미들웨어 패키지를 사용하면 Express.js에서 CORS를 쉽게 설정할 수 있습니다. npm install cors 그 후 서버 설정에 다음 코드를 추가합니다: const express = require('express'); c.. 공감수 1 댓글수 0 2023. 9. 21.
[간헐적단식 2주플랜 도전기] 2주차 기록 아홉째날 (8월 21일 월요일) 아침 8시, 신체위험감지신호기에 적신호가 켜졌다. 그런게 있냐고? 그냥 몸이 아팠다. 여기저기 몸이 깎여나가듯이 아팠고 속이 쓰렸다. 전날 이미 어느정도 예상하고 글을 써두길 잘했다. 일이 어떻게 흘러가는지 파악하지 못하고 그저 룰을 어기는 사람이 되는 것보다는 확실히 상황에 문제가 있음을 감지하고 적절한 조치를 취하는 것이 나았다. 여러모로 계획보다 영양분 섭취가 부족한 상황이었기 때문에 이상하지 않았다. 그런 상황에서 사실상 오전 6시에 잠에들었다. 안그래도 점점 수면패턴이 뒤로 늦춰져서 위험했는데 하필이면 전날 아무생각없이 오후 5시 반에 커피를 마셨던 것이 생각났다. 심지어 평소에 먹던 가루커피가 아니라 커피숍에서 받은 에스프레소에다가 방탄커피를 해먹었다. 이때 했.. 공감수 1 댓글수 0 2023. 8. 28.
[간헐적단식 2주플랜 도전기] 1주차 기록 이 글은 8월 13일부터 시작한 간헐적단식 2주 플랜을 직접 실행해본 기록입니다. 완벽하든, 완벽하지 못하든 2주동안 할 수 있는 만큼 실천해보기로 결심했고 얼마나 실천했고 그 결과는 어땠는지 그 기록을 남겨보려고 합니다. 2주 플랜을 실천하기위한 교과서로는 다이어트 과학자 최겸님의 유튜브 영상 "2주만에 간헐적 단식 효과 보는 방법 (+실수 방지 팁)" 을 참고했습니다. https://youtu.be/BvdUwjMuRGk 다이어트를 시작하기 전의 상태 일단 다이어트 시작하기 전의 몸상태와 식습관에 대해서 간략히 서술하자면, 그동안 있었던 여러가지 일들로 인한 스트레스로, 먹는 걸로 스트레스를 꽤 많이 풀고 있었다. 특히 회사에 가서 썬칩, 포테토칩과 같은 봉지과자를 사서 그자리에서 혼자 다 먹는다던가 .. 공감수 1 댓글수 0 2023. 8. 21.
Flutter 프로젝트를 진행하기 위해 찾은 정보 모음8 - Path, CustonClipper, Explicit Animation - AnimationController https://medium.com/flutter-community/flutter-custom-clipper-28c6d380fdd6 Flutter: Custom Clipper Customize UI with Custom Clipper to make an attractive app medium.com https://docs.flutter.dev/codelabs/explicit-animations Explicit animations A codelab that uses interactive examples and exercises to teach how to use explicit animations in Flutter. docs.flutter.dev https://www.youtube.com/watch?v=n.. 공감수 0 댓글수 0 2022. 8. 18.
Flutter 프로젝트를 진행하기 위해 찾은 정보 모음7 - Stack 내부의 Align 조정, Positioned 로 겹쳐 있는 Container의 위치 조정 버튼도 좋고, 레이아웃도 좋고 이 다음은 input이 아닐까 싶었으나, 예상치 못한 복병은 언제나 존재하기 마련. 순서대로 쌓는 것은 비슷하다고 생각했던 Column, Row, Stack 이었으나 Stack에는 Alignment를 조정하는 파라미터가 없었다. 이때문에 따로 찾아본 결과를 기록해둔다. Stack의 child를 Align 위젯으로 감싸서 처리하는 방식이다. https://zionh.tistory.com/71 [flutter] Stack 에서 center horizontal 구현 1. 배경 이미지 위에서 텍스트들을 구현해야 할 일이 생겨 Stack을 사용하였는데 맨 위 중간(center_horizontal)에 제목을 구현해야했다. Stack의 children 안에서 어떤 Widget을 사용해야.. 공감수 0 댓글수 0 2022. 8. 17.
Flutter 프로젝트를 진행하기 위해 찾은 정보 모음6 - Button Button 정보를 찾던 중 발견한 새로운 Layout 종류들 https://yun-seyeong.tistory.com/6?category=849799 Flutter - Layout 만들기(2) (GridView, ListView, Stack, Card) [5] 1. GridView void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Welcome to Flutter', home: MainPage(), ).. yun-seyeong.tistory.com 이번에는 드디어 'Button'을 만들어 볼 차례.. 공감수 0 댓글수 0 2022. 8. 17.
Flutter - error: ADB exited with exit code 1 ios 시뮬레이터로 문제없이 첫번째 인트로 화면이 잘 구현되어서 기쁜 상태로 안드로이드에서도 똑같이 잘 돌아가는지 확인하려고 디바이스를 변경해보았지만, 무슨일인지 에러가 났다. 에러 코드가 저장공간 문제였기 때문에 처음에는 저장공간 문제인 줄 알았다. 실제로 저장공간 문제인 경우도 있는 것 같은데 그럴 때는 아래와 같이 저장공간을 확장하면 해결되는 문제일 것이다. https://ooz.co.kr/472 Flutter - error: ADB exited with exit code 1 오류 (안드로이드 스튜디오 애뮬 안뜰때) 안드로이드 스튜디오로 플러터(Flutter)를 공부하면서 앱을 만들고 있는데, 갑자기 아래와 같은 오류가 뜨면서 애뮬레이터가 구동이 되지 않았습니다. 정확히는 애뮬레이터는 떠 있는 상태.. 공감수 0 댓글수 0 2022. 8. 11.
Flutter 프로젝트를 진행하기 위해 찾은 정보 모음5 - Animated Splash Screen 구현하기(Timer, initState, AssetImage, AnimatedContainer, AnimatedOpacity) 기존에 만든 앱 내부에 애니메이션이 꽤 여기저기 적용되어 있어서, 이 부분들을 Flutter로 가져올 수 있을지가 의문이었는데 다행히 애니메이션 지원 라이브러리도 꽤 준비되어 있는 모양이었다. 우리 앱은 시작부터 출렁거리는 애니메이션 배경으로 시작하고, Fade in out이 자주 등장하기 때문에 이르지만 바로 애니메이션 작업에 필요한 정보들을 서칭하기 시작했다. 아, 먼저 그 전에 Splash 화면 구현에 필요한 내용부터 확인했는데 initState에서 Timer를 사용하면 쉽게 해결할 수 있었다. 자세한 내용은 아래 포스팅을 확인. 이전에 다른 내용으로도 도움 받은 적이 있는 코딩하는 범이님의 블로그이다. https://velog.io/@chb1828/%EC%B2%AB-%EB%A1%9C%EB%94%A.. 공감수 0 댓글수 0 2022. 8. 11.
Flutter 프로젝트를 진행하기 위해 찾은 정보 모음4 - MaterialApp, Scaffold, Cupertino Style 또, 플러터를 위해 아주 필수적이고 중요한 부분이 있다. 그것은 바로 Material App과 Scaffold인데 이것이 도대체 무엇인고 하니 얘네가 결국 플러터 앱 구조의 최상단에 위치한 조립용 조각들이다. https://velog.io/@hjhj6389/%ED%94%8C%EB%9F%AC%ED%84%B0-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0 플러터 시작하기 - MaterialApp과 Scaffold 플러터 입문 - MaterialApp과 Scaffold를 사용하여 앱 만들기 velog.io 플러터 앱은 최종적으로 Material App의 형태가 되고 플러터 앱의 각 페이지를 만들기 위해서 주로 사용하는 골자로 Scaffold가 제공된다. Flutter에서, 결국 앱이란 건 .. 공감수 0 댓글수 0 2022. 8. 10.
Flutter 프로젝트를 진행하기 위해 찾은 정보 모음3 - 화면전환(Navigator) 조금 더 진행하기 전에 또다시 막막한 부분이 생겼다. '화면 전환' SwiftUI에서는 화면전환이 별달리 없이 그저 새로운 화면을 ZStack으로 위에 덮어 씌워버리는 독특한 방식을 택했는데 플러터가 똑같은 방식이 가능할 리는 없을테고, 안드로이드랑 비슷한 방식을 채택했나? 라고 생각하며 구글 검색창에 조금 타닥거려보니 금세 Navigator를 이용한 화면전환에 대한 포스팅이 화면에 주루룩 떴다. 그 중에 Stack 자료구조에 대해 이미지까지 인용하여 잘 정리해주신 코딩하는 범이님의 포스팅을 가져왔다. https://velog.io/@cpcp127/Flutter-%ED%99%94%EB%A9%B4-%EC%9D%B4%EB%8F%99 [Flutter]-화면 이동 Navigator velog.io 자료구조를 공.. 공감수 0 댓글수 0 2022. 8. 10.
Flutter 프로젝트를 진행하기 위해 찾은 정보 모음2 - 정렬 어느 정도 기본 소양을 갖추고, 이제는 슬슬 정말로 실제 코드 작업을 해볼까 하고 손을 걷어붙이고나니 아직 해결해야할 문제가 많았다. 먼저, 레이아웃 내부의 위젯 정렬에 관해서는 정리가 좀 필요할 것 같은데 이 부분은 다시 코드팩토리님의 인프런 무료 강의를 통해 공부할 수 있었다. 정렬 관련 강의 - MainAxisAlignment 완전정복 - CrossAxisAlignment 완전정복 - MainAxisSize 완전정복 - Expanded 위젯과 Flexible 위젯 https://www.inflearn.com/course/%ED%94%8C%EB%9F%AC%ED%84%B0-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8?inst=8e073d05 [코드팩토리] [초급] Flutter 3.. 공감수 0 댓글수 0 2022. 8. 10.
Flutter 프로젝트를 진행하기 위해 찾은 정보 모음1 - Dart 기본 문법 / 레이아웃 / 위젯 / 상태관리 IOS MVP 앱 프로젝트를 마치고, 해당 프로젝트를 Flutter로 이식하기 위해서 또다시 아무런 정보도 없는 상황에서 빠르게 정보를 찾아 프로젝트를 완성해가야만 하는 상황이 되었다. 프로젝트 인원은 총 세명, 나를 포함해 두명은 플러터에 대해 전혀 모르고, 한명은 조금 알긴 하지만 능숙한 수준의 경험은 없는 상태이다. 일단 모든 프로젝트가 그렇듯이 가장 먼저 필요한 정보(기본 문법 및 환경설정, 간단한 프로젝트 작업에 대해 공부할 수 있는 자료)를 유튜브와 여러 강의 사이트를 뒤져 찾아냈다. 플러터는 Dart 언어를 베이스로 사용하는데, '코드팩토리' 라는 유튜버 분께서 아주 깔끔하게 기본기를 정리해주셔서 초기 단계에서는 이 분의 강의를 따라가기로 했다. https://www.youtube.com/w.. 공감수 0 댓글수 0 2022. 8. 9.
Pod Update / Install M1 환경 시 발생하는 ffi error 맨 처음 Pod 설치를 할 때에도 발생했던 문제였는데, 함께 작업하는 사람과 Pod version 문제가 발생하는 바람에 pod update를 실행했으나 ffi 문제가 생겨 이것 저것 만져보다가 또한번 ffi 설치 문제로 시간을 낭비했다. 앞으로도 이런 문제가 생길 가능성이 얼마든지 있는 것 같아서 정리해두려고 한다. M1 환경에서는 다음과 같은 명령어를 사용해야만 문제가 없다. ffi 설치 명령어 sudo arch -x86_64 gem install ffi pod 버전 업데이트 명령어 sudo arch -x86_64 pod update pod 재설치 명령어 sudo arch -x86_64 pod install 다음 번에는 부디 헤메는 일이 없기를.. 공감수 0 댓글수 0 2022. 5. 13.
MiniroomView Issue - Firebase 에서 받아온 정보로 다른 Collection 재조회 및 실시간 이미지 적용 (작업) 지난번 정리한 내용을 작업하는 과정을 기록하려고 한다. 오늘 작업할 내용은 아래와 같다. 1. Firebase에서 데이터를 받아오는 부분과, 받아온 데이터를 Published 변수에 입력하는 부분을 분리해서 비동기 처리한다. 2. 화면 출력 여부를 Member Array 하나 단위로 관리할 수 있도록 한다. 2. roomData까지 한번에 첫번째 OB(ChatRoomOB)에서 조회하는 방법도 생각해보도록 한다. 이 과정에서 찾은 별개의 정보도 함께 기록해둔다. > listener 제거 관련 https://fomaios.tistory.com/entry/Firebase-iOS-addSnapshotListener-여러번-호출되는-에러-해결하는법Detach-Listener [Firebase iOS] addSna.. 공감수 0 댓글수 0 2022. 4. 5.
MiniroomView Issue - Firebase 에서 받아온 정보로 다른 Collection 재조회 및 실시간 이미지 적용 (설계) 제목을 줄여서 쓰느라 머리가 좀 아팠다. 글로 정리하려니 역시, 현재 발생하고 있는 문제 자체도 한마디로 정의하기가 어려운 상황이라는 생각이 든다. 문제가 발생할 수 있는 부분, 그리고 바꿔서 적용해볼 수 있는 부분이 너무 많기 때문이다. 일단 기능적인 측면에서 현재 발생하고 있는 문제는 이렇다. # 채팅 대기화면에서 사람이 2명 이상 동시에 나갈 경우 에러 발생 # 카운트다운이 진행되는 동안 계속해서 깜빡거림 발생 이렇게 두가지인데, 위 문제들을 해결하는 과정에서 데이터가 너무 많은 단계를 거쳐서 이동하고 있기도 하고, 특히 문제가 되는 부분은 첫번째 정보(userEmail)를 넘겨서 두번째 정보(room setting) 를 받아오는 부분이다. 첫번째 정보가 단일 건이 아닌 Array로 존재하기 때문에.. 공감수 0 댓글수 0 2022. 4. 4.
Node.js - express 에서 Firebase 실시간 접속 상태 확인하기 (2) 3. 실시간 데이터베이스 실시간 접속 상태 수신 및 Firestore 적용 1) Cloud Function 을 사용하지 않기로 했다 모바일 클라이언트에서의 작업이 모두 끝나고, 이제는 서버에서 실시간 접속 상태를 수신 대기하고 변경될 때마다 누락된 정보를 업데이트해주는 일만 남은 상태이다. 마지막 코드내용을 확인해본 결과, 해당 코드는 이미 서버가 있는 경우에 사용하는 실시간 수신 대기 코드가 아닌 Cloud Function 기능을 이용한 것이었다. 또 새로운 기능을 사용하게 되는 것이 한편으론 기대가 되기도 했지만 한편으론 조금 귀찮았다. 내용을 주루룩 훑어보니, 한가지 문제가 있었는데 그건 함수 배포 위치가 Firestore 리전과 다를 경우 지연시간이 발생할 수 있다는 것이었다. 어차피 내용을 보니.. 공감수 0 댓글수 0 2022. 4. 4.
Node.js - express 에서 Firebase 실시간 접속 상태 확인하기 (1) 이 글은 Node.js - express 환경에서 사용자의 Firebase 실시간 접속 상태를 확인하기 위한 기능을 개발하는 과정에서, Firebase 연동 방법이 Firebase 공식 문서에 있는 내용만으로는 헷갈릴 수 있는 부분이 많다고 생각되어 작성되었다. 시작하기 전, 작업의 골자가 되는 Firebase공식 문서는 아래와 같다. https://firebase.google.com/docs/firestore/solutions/presence?hl=ko&authuser=1 1. 서버의 기존 초기화 코드 먼저, 이 글을 작성하기 이전 상태에 대해서 약간 서술하자면 Firebase 관련 초기화 설정은 아래와 같았다. const admin = require("firebase-admin"); // const .. 공감수 0 댓글수 0 2022. 3. 29.
Firebase Firestore 컬렉션의 문서를 삭제할 시 하위 컬렉션 삭제는 불가능한 문제에 대하여 현재 이 사람은 채팅 기능이 있는 앱을 만들고 있다. Realtime Database 사용을 위해 Firebase를 사용하고 있다. 그리고 현재 당면한 과제는 채팅방에서 모든 인원이 나가게 되면 이 채팅방을 어떻게 처리할 것인가? 이다. 일단 처음에는 해당하는 채팅방 Document를 Delete 처리하는 방식으로 해결했다. 그런데, 현재 작성하고 있는 데이터 구조는 이런 상태이다. 각 컬렉션의 문서에 똑같은 이름의 채팅 컬렉션들이 들어가 있는 구조. 하지만 Firestore에서 하나의 Document를 삭제한다고 해도 하위 Collection까지 함께 삭제해주지는 않는다. ( 그 이유는 Delete 명령 하나에 모든 하위 Collection의 문서들을 삭제하게될 경우, 엄청나게 방대한 양의 데이터 처리.. 공감수 5 댓글수 4 2021. 4. 15.
시작 항상 빨리 결과물을 만들어내기 위해 그 과정에 대한 기록은 전혀 하지 않았다. 그에 대한 반성이 조금 있었다. 살아보니 언젠가는 돌이키게 되더라. 그리고 돌아본 곳에 아무것도 없으면, 결국 아무것도 하지 않은 듯 잊혀지는 것이다. 발자취를 남기자. 공감수 0 댓글수 0 2021. 4. 14.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.