소소하냐

React로 관리자 사이트를 만들게 되어, 기록할 겸 남겨보기로 합니다. 실제 프로젝트를 공유할 순 없으니, 실 프로젝트를 하면서 겪은 내용들을 테스트 프로젝트에 풀어내 볼 계획입니다. (계획대로 될지는.... 모르겠습니다. ) [ 작업자 환경 ] * Window 사용 * Git : 2.37.1 버전 * Node.js : 18.11.0 * 에디터 : WebStorm 1. 프로젝트 생성 : sosohanya-react-admin 1-1. 프로젝트가 생성되길 원하는 디렉토리로 이동 ( 예: c:\project\react ) 1-2. 우클릭 > Git Bash 열기 (또는 명령 프롬프트열고 해당 폴더로 이동) 1-3. 프로젝트 생성 명령어 실행(CRA) : `npx create-react-app sosohan..

잘 사용하던 페이지에서 오류가 발생했습니다. (.NET Framwork, 2.0 web form) (다른 곳에서 관리하는 API를 호출하여 하루에 한번 데이터를 갱신하는 페이지) 오류는 아래와 같습니다. - 전송 스트림에서 예기치 않은 EOF 또는 0바이트를 받았습니다. - WebException: 기본 연결이 닫혔습니다. 보내기에서 예기치 않은 오류가 발생했습니다. 소스 수정도 없었고, 로컬 서버와, 프로덕션 서버는 정상적으로 동작하고 있었기에 소스 수정은 생각하지 않고 있었습니다. 서버 환경 문제로 생각하고 IIS 설정을 맞춰보았지만 별 소용이 없었습니다. 여러 검색 결과에서, TLS 버전 문제를 이야기합니다. (이것도 서버 환경 문제로 발생한거 같긴 합니다. 언제, 왜 변경이 되었는지는 여러 명이 ..

1. 프로젝트 생성 npx create-react-app cra_for_ie11 2. 생성된 폴더로 이동 cd cra_for_ie11 3. 실행 npm start 4. 크롬 / IE 11 브라우저에서 확인 5. IE 11에서 동작하도록 설정 5-1. package.json 파일 수정 : "IE 11" 추가 ( browserslist 편집 시, 변경 사항이 바로 적용되지 않을 수 있습니다. babel-loader가 package.json의 변경 사항을 감지하지 못하는 문제 때문으로, node_modules/.cache 폴더를 삭제 후 재 실행 ) "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development":..

for 문으로 ajax 여러 번 호출, 모든 호출이 끝난 후 처리 var precessData = []; var processCount = 0; precessData.push(1); precessData.push(2); precessData.push(3); var processCount = precessData.length; var areaResult = document.getElementById('areaResult'); for (var i = 0; i < precessData.length; i++) { callAjax(precessData[i]); } function callAjax(data) { $.ajax({ type: 'POST', url: '호출URL', data: JSON.stringify(..

이 실습의 목적은 'Front End' 개발에 필요한 환경 구축에 필요한 부분들을 하.나.씩. 추가해 보는 것입니다. jQuery에 길들여진 나에게, Front End 환경 구축 설정할 것이 너무 많아 뭐가 뭔지, 어디부터 해야 할지 방황하며 앞으로 나아가지 못하는 나에게. 하.나.씩. 해보자는 의미의 실습입니다. 어디에선가 다시 멈출 지도, 전혀 잘 못 된 방향으로 갈지도 모르지만 우선 하.나.씩. 해보겠습니다. 1. index.html / index.js 파일 생성 * index.html * index.js : backtick(`) 사용(ES6문법)으로 IE에서는 오류 발생하도록 작성 * 크롬 / IE에서 동작 확인 (IE에서는 오류 발생) git branch : https://github.com/s..

작업을 하다 보면, IIS 등의 서버 구성을 따로 하지 않고 간략하게 확인 용도로(샘플 코드 등) 짧게 사용할 일들이 있습니다. 그럴 때 사용할 수 있는것이 http-server입니다. http-server 설치 및 실행 1. 설치 (-g는 전역 설치) > npm install http-server -g 2. 웹 서버로 열고 싶은 파일들이 있는 폴더로 이동 3. http-server (기본 포트 8080) 또는 http-server [-p 포트번호] (포트번호 지정) > http-server (또는) > http-server -p 8080 보안(https) 웹 서버로 확인이 필요할 때 1. key.pem 및 cert.pem을 생성 > openssl req -newkey rsa:2048 -new -node..

안드로이드용 하이브리드 앱 프로젝트 중, 안드로이드 앱(apk)과 web 사이의 기능을 맞추기(분기) 위한 협업 과정에서 apk 설치, PC와 연결 및 디버깅을 위한 준비를 기록 (안드로이드 개발자에서 기능을 맞추기 위한 함수가 든 apk를 받았습니다.) 1. adb 명령어 사용을 위한 SDK 플랫폼 도구 다운로드 : developer.android.com/studio/releases/platform-tools [새창] 접속 -> [Windows용 SDK 플랫폼 도구 다운로드]로 다운로드하기 (ADB : Android Debug Bridge) 2. 해당 폴더에 디버깅할(연결할) apk 파일 넣기 (path 설정하기 귀찮아서, 복사해서 넣음) 3. 안드로이드 폰 > 개발자 옵션 > USB 디버깅 > ON ..

그전에 만든 Hello World를 실제 안드로이드 폰에 넣어보기 1. 해당 프로젝트 위치(디렉터리)에서 명령어 $ expo build:android 1-1. app.json > android에 package가 지정되어있지 않으면 사용할 package name을 지정하라고 나옴, 1-2. 그냥 'first'만 입력하니 'Please Enter A Valid Value' 1-3. 역 도메인 형식으로 com.sosohanya.first 로 입력 1-4. Expo 계정이 없으니 만들기 : expo.io/signup [새창] 1-5. 다시 명령어 $ expo build:android --> 'Log in with an existing Expo account' 선택 > 로그인 1-6. apk / app-bundl..

[ 개발 환경 : Windows 10 ] 참고 공식 문서 : reactnative.dev/docs/environment-setup [새창] 1. node 설치 Download : https://nodejs.org/en/ [새창] 설치 중 Chocolatey 설치하도록 CheckBox 선택 (Chocolatey 필수 아니지만 혹시 모를 나중에 추가 설치가 귀찮아서 같이 설치 설치 확인 : $ npm -v 2. Expo CLI 설치 $ npm install -g expo-cli 3. 원하는 위치(디렉토리)에서 프로젝트 초기화(만들기) $ expo init AwesomeProject 오류 발생 + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualif..

※ 예전에 작업했던 내용들을 기억/기록하기 위해 남기는 포스팅입니다. SQL Server에서 데이터 가져오기 ( Excel -> SQL Server ) 중 오류가 발생하였습니다. 오류 내용은 아래와 같습니다. - 실행 중 (Error) Messages * 오류 0xc020901c: 데이터 흐름 태스크 1: 원본 - Sheet1$.출력[Excel 원본 출력]의 원본 - Sheet1$.출력[Excel 원본 출력].열[컬럼명]에 오류가 있습니다. 반환된 열 상태는 "텍스트가 잘렸거나 하나 이상의 문자가 대상 코드 페이지와 맞지 않습니다."입니다. (SQL Server 가져오기 및 내보내기 마법사) * 오류 0xc020902a: 데이터 흐름 태스크 1: 잘림이 발생했기 때문에 "원본 - Sheet1$.출력[Ex..