소소하냐

MDN 원문 참조: https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB 날짜 : 2022.11.09 (문서 내용은 계속 변경되는 부분이라 정리한 날짜를 함께 기록) 위 참조 링크 내용을 정리하였습니다. - IndexedDB : 사용자의 브라우저에 데이터를 지속적으로 저장하는 방법. - 네트워크 가용성에 관계 없이 온라인/오프라인 모두에서 작동 가능 이 문서에 대하여 - 이 문서는 IndexedDB의 비동기(asynchronous ) API 사용을 안내 - IndexedDB에 익숙하지 않다면, IndexedDB의 주요 특징과 기본 용어(원문) 문서 참고 - IndexedDB API 참고 문서는, IndexedDB AP..

MDN 원문 참조 : https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API#see_also 날짜 : 2022.11.08 (문서 내용은 계속 변경되는 부분이라 정리한 날짜를 함께 기록) 위 참조 링크 내용을 정리하였습니다. 설명 IndexedDB API는 강력하지만 복잡합니다. 간단한 API를 선호하는 경우 IndexedDB를 프로그래머에게 더 친숙하게 만드는 라이브러리를 사용해 보십시오. Note: IndexedDB API is powerful, but may seem too complicated for simple cases. If you'd prefer a simple API, try libraries in See also section th..

MDN 원문 참조: https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API 날짜 : 2022.11.08 (문서 내용은 계속 변경되는 부분이라 정리한 날짜를 함께 기록) 위 참조 링크 내용을 정리하였습니다. IndexedDB - file/blob을 포함한 구조화된 데이터를 클라이언트 스토리지에 저장하기 위한 API - 저장된 데이터를 인덱스를 사용하여 고성능 검색이 가능 - 많은 양의 데이터를 저장 가능 (Web Storage는 적은 양의 데이터 저장에 유용) Note - Web Workers에서 사용이 가능 Note - IndexedDB API는 강력하지만, 복잡. 단순한 API를 원하면 라이브러리(원문) / 라이브러리(원문->정리) 참고 주요 개..

1. 설치 전 다운로드 Elasticsearch Windows 다운로드 [다운로드 링크] Kibana Windows 다운로드 [다운로드 링크] 2. 원하는 위치에 압축 풀기 Kibana는 압축 푸는데 시간이 오래 걸립니다. 다 풀린줄 알고, 실행했는데 경로 오류가 발생하여 확인하니 압축이 덜 풀린 문제였습니다. ;; 3. Elasticsearch 실행 (명령 프롬프트) * \elasticsearch-8.4.3\bin 이동 > elasticsearch.bat 실행 4. Elasticsearch 실행 확인 중 오류 발생 * http://localhost:9200/ -> 페이지가 작동하지 않습니다. 오류가 발생 5. 설정 변경 * \elasticsearch-8.4.3\config\elasticsearch.ym..

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":..

이 실습의 목적은 '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..

그전에 만든 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..

공식 사이트 URL : https://expressjs.com/ko/ [새창] (Node.js 가 설치되어있어야 함) 시작하기 > Windows 인스턴스에 원격으로 연결 > Command Prompt > 애플리케이션 폴더 생성 및 이동 > 해당 폴더에서 아래 명령어로 애플리케이션 설정 (저는 기본 설정 그대로 생성) $ npm init > 'package.json' 파일이 생성된 것을 확인할 수 있다. > 아래 명령어로 express 설치 $ npm install express --save * 저의 경우 기본 설정의 name; (express)로 되어있어 오류가 발생했습니다. package.json 파일에서 name을 변경하고 설치하니 제대로 설치가 되었습니다. > 'node_modules' 폴더 생성 ..

AWS EC2 Windows 인스턴스에 도메인을 연결한 상태에서 NodeJS 서버를 띄워보는 실습을 해보았습니다. 예제 코드가 local에서는 동작하는데 외부에서 IP를 치고 들어가면 연결이 되지 않는 문제가 있었습니다. 그에 대한 내용을 기록하고자 합니다. NodeJS 서버, AWS 인스턴스의 로컬에서 동작 확인 1. AWS 인스턴스에 원격으로 들어가서 Node.js 인스톨러를 다운로드하여 설치 ( 노드 공식 사이트 - 다운로드로 이동 [새창] ) 2. 원하는 위치에 노드 공식 사이트의 시작가이드의 예제를 작성 ( 노드 공식 사이트 - 시작 가이드로 이동 [새창] ) 2-1. 아래 예제 코드를 작성후 app.js 파일명으로 저장 const http = require('http'); const hostn..