분류 전체보기83 cra 로 생성한 프로젝트에 빌드시 콘솔로그 코드 모두 제거하기 (eject 사용안함) * cra 로 생성한 프로젝트에 babel 재정의 하여 빌드시 콘솔로그 코드 모두 제거 (eject 사용안함) 1. 관련 컴포넌트 설치npm i -D customize-cra react-app-rewired babel-plugin-transform-remove-console 2. package.json 파일 내 react-scripts 를 react-app-rewired 로 변경 "scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired test", "eject": "react-scripts eject"} 3. 프로젝트 루트에 config-overrides.js .. 2025. 2. 26. nginx CORS 처리 nginx 에 특정 도메인에 대해 CORS 를 오픈해줄때 (mydomain.com) . . location ^~ /emoticons { # CORS 헤더 추가 add_header 'Access-Control-Allow-Origin' 'https://mydomain.com' always; add_header 'Access-Control-Allow-Methods' 'GET' always; add_header 'Access-Control-Allow-Headers' 'Authorization,Content-Type' always; # OPTIONS 요청에 대한 처리 .. 2025. 2. 26. mariadb : INSERT는 실패하였지만 auto_increment만 증가되는 현상 수정 해결방법innodb_autoinc_lock_mode를 0으로 설정 아래 파일을 열어vi /etc/mysql/mariadb.conf.d/50-server.cnf 아래 부분 수정## * InnoDB 항목에 아래 내용 추가#innodb_autoinc_lock_mode = 0.. 서버 재시작 service mariadb restart 끝. 2025. 2. 26. 니모닉(mnemonic) 코드 (BIP39) 1부터 2048까지의 숫자를 각각 단어로 정의 한글 니모닉 : https://github.com/bitcoin/bips/blob/master/bip-0039/korean.txt영어 니모닉 : https://github.com/bitcoin/bips/blob/master/bip-0039/english.txt 2025. 2. 26. 애플 앱스토어에 플러터 앱 배포 하기 ios build & deploy : 빌드 및 배포 순서 (맥 기준) 1. 버전 올렸는지 확인 (pubspec.yml) 2. 디버깅 중이면 디버깅을 중단하고, xcode 가 실행중이면 종료한다. (중요) 3. 프로젝트 디렉토리에서 아래 명령 으로 빌드한다.flutter build ipa 4. 빌드가 성공하면 아래 경로에 파일이 생성됐는지 확인한다.build/ios/archive/Runner.xcarchivebuild/ios/ipa/tosomebody.ipa 5. 파인더에서 아래 파일을 우클릭하여 XCode 로 연 뒤 빌드한 앱 선택하고 validate, distribute 순차 실행build/ios/archive/Runner.xcarchive 6. 브라우저로 앱스토어 이동한 뒤 testFlight 에 .. 2025. 2. 26. 구글 플레이스토어에 플러터 앱 배포 하기 구글 플레이 콘솔에 계정은 있다고 치고, 1. 버전 올렸는지 확인 (pubspec.yml)..version: 1.5.5+55.* 버전 숫자 증가 : 위의 버전을 업데트하려면 1.5.6+56 으로~ 2. 프로젝트 디렉토리에서 아래 명령 으로 빌드한다.flutter build appbundle 3. 빌드가 성공하면 아래 경로에 파일이 생성됐는지 확인한다. build/app/outputs/bundle/release/app-release.aab 4. 플레이스토어 콘솔 접속하여 앱선택 > 내부테스트 에 위 파일 업로드 5. 디버그 정보 업로드./build/app/intermediates/merged_native_libs/release/out/lib 안의 디렉토리를 통째로 압축하여 하나의 zip파일로 만들어 올린다.. 2025. 2. 26. pm2 로그 관리 : pm2 logrotate pm2 로그를 효율적으로 관리하기 위해 pm2 logrotate 를 사용한다.로그파일을 용량설정에 따라 날짜별로 잘 분리해주며, 오래된 파일은 삭제도 해준다. pm2 logrotate 설치하기pm2 install pm2-logrotate@2.6.0 * 2.6.0 이 최신버전이 아니지만 최신버전인 2.7.0 에 문제가 있어 @2.6.0 버전으로 설치한다. (로그를 날짜별로 잘 분리해주지 못하는 버그 있음) logrotate 의 설정 상태 조회pm2 conf위 목록에 나온 명령셋을 실행하면 설정을 변경할 수 있다. ex) max_size 를 1M로 변경pm2 set pm2-logrotate:max_size 1M node 의 전반적인 상황 모니터링pm2 monit 끝 2025. 2. 25. mariaDB 계정 패스워드 변경하기 sql> SET PASSWORD FOR 'userid'@'localhost' = PASSWORD('mypassword');sql> SET PASSWORD FOR 'userid'@'%' = PASSWORD('mypassword');끝 2025. 2. 25. nodejs 무중단 서비스 : pm2 nodejs 로 서버를 구성하면, 오류발생시 node서버가 죽어버리는 경우가 생긴다. (죽으면 그대로 서비스 정지)pm2모듈은 위와 같은경우 자동으로 재시작하게 해준다. 그 외 클러스터, 로그 등등 편리한 점이 많으니 꼭 사용하자. pm2 설치npm install -g pm2 서비스의 실행 pm2 start {파일명} 서비스 실행 목록 보기pm2 list 상태 확인pm2 status 서비스 정지pm2 stop {파일명} 서비스 리스타트pm2 reload {파일명}또는pm2 restart {파일명} 프로세스 삭제pm2 delete {파일명} 로그 보기pm2 log {process name | process id] 끝. 2025. 2. 25. Linux : nodejs, npm 개발환경 구성 (+ 버전관리 : nvm) 설치하기 이전에 먼저 저장소 업데이트 진행apt update && apt upgrade nodejs, npm 설치apt install nodejs npm 설치된 node 버전 확인node -v버전을 확인 해보고, 원하는 버전이 아닌경우 아래에서 추가 설정한다. (디폴트로 설치된버전은 한참 아래 버전이므로, 대부분 원하는 버전이 아닐듯...) nvm 설치 (nodejs 버전 관리용)curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bashsource ~/.bashrc nodejs 최신 버전 목록 조회nvm list-remote 위에서 조회된 버전을 확인 후 원하는 버전으로 선택하여 설치 (아래는 20.18.3 를 선택하여 .. 2025. 2. 25. 간단한 모바일 카드 이미지 만들기 새해 카드 만들기 https://www.sketchmon.com 1. 새로 만들기 팝업에서 빈문서 > 모바일 메세지 선택하고 더블클릭 2. 흰 캔버스에 배경 이미지를 넣어보자새로 열린 문서 우측 탭메뉴 중 [배경 검색]을 선택하고, 상단에 "배경" 이라고 입력한 뒤 검색버튼을 클릭하거나 키보드 엔터 입력. 3. 우측탭에 검색된 이미지 중 마음에 드는 이미지를 골라 캔버스로 드래그하거나 더블클릭하면 캔버스 배경이미지로 적용된다. 4. 제목을 넣어보자 (이미지로)우측탭에서 [이미지 검색] 클릭하고 상단에 "2025" 라고 입력하고 검색한 뒤 마음에 드는 제목이미지를 캔버스로 드래그 한다.삽입된 이미지는 사이즈를 적당히 조절하여 캔버스에 맞춘다. 5. 메세지를 입력하자상단 [글상자] 아이콘을 한번 클.. 2025. 2. 15. [sketchmon canvas] 스케치몬 : 사각박스 및 글상자 그리기 https://www.sketchmon.com 1. 빈 문서를 생성하면 아래 화면이 열린다. 2. 박스 그리기 : 상단 [도형] 그리기 버튼을 클릭 후 아래 캔버스에 마우스로 드래그 한다. (1 ~ 2 번 순서) 3. 글상자 그리기 : 상단 [글상자] 그리기 버튼 클릭 후 아래 캔버스 특정 위치에 마우스로 클릭한다. 이후 내용을 입력한다. https://www.sketchmon.com 2025. 2. 13. 이전 1 2 3 4 5 ··· 7 다음
