사이드 프로젝트를 다시 오픈한지 일주일이 채 안되었는데 잘 작동하던 사이트가 갑자기 죽어있다? 원인 파악을 위해 서버에 접속후 로그를 보는데 테이블이 존재하지 않는 오류를 발견 했습니다... 파악해보니 누군가 제 DB에 접근을 했고, 모든 데이터를 삭제한것! CTO는

회사 시스템을 개발하면서 서명이 필요한 경우가 생겼습니다.서명 시스템을 만들면서 경험한 상황들을 적어보겠습니다react-signature-canvas를 채택하였습니다이유 작은 용량의 library -> 다른 라이브러리 :signature_pad.js(240kb)서명

개요 배워볼것 MySql,Node,React,Nginx를 각각의 도커로 운영하고, 저장소 마스터 브랜치에 푸쉬할경우 CI/CD가 되도록 설정하는 것 도커 기본 도커를 사용하는 이유 어떠한 프로그램을 다운로드 받는 과정을 간단하게 만들기 위해 >기존 개발 과정 [no

리액트 모달 관리 방법에 대해 정리한 글입니다.직관적임한 컴포넌트 내에서 로직을 넣어 줄 수 있기에 모달과 컴포넌트간의 데이터 통신이 원활함직관적인 반면 그만큼 코드 재사용이 어려움 (Modal 여러개 일 경우)모달 하나를 생성하는데 하나의 상태, 작성해야되는 코드들이

회사 프로젝트 진행하며 개인 계정과 회사 계정이 분리가 되었습니다.두 잔디를 하나로 합치기 위해 회사 계정에서 작성한 커밋을 개인 계정으로 변경 해주는 작업을 진행할려고 합니다. 수정할 내용 WRONG_EMAIL= 변경전 emailNEW_NAME= 변경할 git Nam

플러터 개발을 하며 Assets에 접근해야될 많은 경우가 있엇다.이러한 점을 정리 해두지 않는다면 다음에 또 검색할 것 같아 예방 차~ 정리 해둡니다.assets에 등록할 파일은 크게 두가지가 있습니다.font,image 이다 이 둘중 image를 먼저 관리하는 방법을

환경 : Flutter/Web , vultr server , GitLab주 최소 1회 빌드 업무를 반복하며 최소 10분 이상 드는 빌드 업무를 없에고자 GitLab CI를 통해 버전 관리와 빌드 업무 자체를 푸시와 함께 진행하도록 설정 하였습니다.GitLab CI 는

BinaryBase64 \- 이미지 URL을 base64로 변환하기Blob(Binary Large Object) \- Blob 이미지 다루기 \- Blob -> ObjectURL 변환 \- Blob -> Base64 변환ArrayBufferBufferF

성능 최적화 - 이미지 두 키워드는 현대 사이트에서 빼놓을 수 없는 내용입니다. 웹 사이트에서 가장 많은 부분을 차지하는 이미지 요소를 최적화 한다는 것은 한명 한명의 유저가 소중한 Ypet 에서도 꼭 적용 되어야할 부분인것 같습니다. 잡설이 길었습니다. 본격적으로 이

왜 몽고디비를 사용할려고 하는가? >1. 회사 기술 스택이 MongoDB 라서 😊 RDBMS에서 벗어난 NoSQL이란놈이 궁금해서! 😎 몽고 디비란? 몽고 디비의 정의 NoSQL로 분류되는 크로스 플랫폼 도큐먼트 지향 데이터베이스 시스템 입니다. NoSQL? N

ElevatedButton : 기본적으로 그림자와 회색 배겨이 있는 플로팅 버튼입니다.TextButton : 배경이 투명하고 그림자가 없는 텍스트 버튼입니다.OutlineButton : 테두리가 있고 그림자가 없으며 투명한 배경이 있습니다.IconButton : 기본적

Text간단한 스타일 텍스트를 표시하는데 사용되며 테스트의 표시 스타일을 제어하는 몇 가지 속성이 포함되어 있습니다.텍스트 실행결과텍스트 실행결과 이미지textAlign : 텍스트 가로 정렬 기준, 기본값은 왼쪽정렬maxLines,overflow : 텍스트가 표시하는

플러터 예외 캡처에 도입하기 전에 Dart 단일 스레드 모델을 이해해야 하며 Dart의 코드 실행 프로세스를 이해해야만 예외를 캡처할 위치를 알 수 있습니다.JAVA및 Object-C에서 예와가 발생하고 catch되지 않으면 프로그램이 종료되지만 Dart,JS는 그렇지

Flutter APP 설치 패키지에는 코드와 자산의 두 부분이 포함됩니다. 자산은 프로그램 설치 패키지로 패키징되며 런타임에 액세스할 수 있습니다. 일반적인 자산 유형에는 정적 데이터(예: JSON 파일), 구성 파일, 아이콘 및 이미지가 있습니다.pubspec.yam

Flutter 패키지 관리를 알아 보기 위해선 pubspec.yaml 파일을 보면 됩니다. 아래에 추가 설명을 하도록 하겠습니다Pub는 Android jcenter 또는 Node의 npm 저장소와 유사한 Google 공식 Dart 패키지 저장소 입니다.로컬 패키지 패키

상태 관리는 반응형 프로그래밍 프레임워크에서 빠질 수 없는 주제입니다. 상태는 누가 관리할까요?위젯은 자체가 상태를 관리위젯은 하위 위젯의 상태를 관리하이브리드 관리(상위 및 하위 위젯 모두 상태 관리)응용 프로그램의 상태를 구성 요소 간에 동기화를 해야 하는 경우 위

Flutter의 거의 모든 객체가 위젯입니다.위젯 개념은 UI요소 뿐만 아니라 제스처 감지,App테마 데이터 전송등 넓은 의미 입니다.@immutable 어노테이션은 이 위젯이 불변하다는 것을 의미합니다.이는 위젯에 정의된 속성을 불변으로 제한합니다. Flutter에서

Flutter 는 Google에서 출시하고 오픈 소스로 제공하는 크로스 플랫폼 개발 프레임워크이며 Dart 언어를 통해 개발이 가능합니다.아래에서는 플러터 기술 전체의 주요 기능을 소개합니다.Flutter 자체 드로우 엔진을 활용해 성능, IOS/Android에서 일관

개요기술 개발의 흐름모바일 개발 기술의 진화를 소개하고 Flutter의 등장 배경에 대해 설명합니다.네이티브 어플리케이션은 해당 플랫폼에서 지원하는 개발도구 언어를 활용해 시스템에서 제공하는 SDK API를 직접 호출하는 모바일 플랫폼에 특화된 어플리케이션을 의미합니다

메모리를 디스크에 저장하거나 네트워크 통신에 사용하기 위한 형식으로 변환하는 것을 말한다역직렬화(desrialization)는 그 반대로 디스크에 저장한 데이터를 읽거나, 네트워크 통신으로 받은 데이터를 메모리에 쓸 수 있도록 변환하는 것이다.왜 쓰는것참조 형식 데이터