javascript

해당 페이지에서는 쿠키에 대해서 이해하기 위한 목적으로 작성한 글입니다. 1) 쿠키(Cookie)의 정의와 특징 💡 쿠키(Cookie) 란? - 웹 브라우저 상에 작은 ‘텍스트 파일’로 저장이 되는 만료 기간이 존재하는 저장소를 의미합니다. 💡 쿠키(Cookie)의 특징 쿠키는 브라우저를 종료하더라도 유지됩니다. 쿠키의 저장구조는 ‘cookie-name = cookie-value’ 형태의 구조로 저장이 됩니다. 쿠키는 하나의 String내에 속성을 세미콜론(;)을 기준으로 구분을 짓습니다. 쿠키는 텍스트 파일의 형태로 최대 4KB의 용량 제한을 가지고 있습니다. (value의 값의 제한을 의미합니다.) 쿠키는 개인정보가 포함된 보안정보를 사용해서는 안됩니다. Authentication 인증 정보 또는 세..

해당 글에서는 Node.js에 대한 환경 구성을 하는 방법과 Express와 Mongoose 라이브러리를 통해서 MongoDB와 연결하는 방법에 대해서 이해하는 글입니다. [참고] 이전에 작성한 ‘Node.js 이해하기-1(정의, 장단점)'을 이해하고 오시면 더 쉽게 이해가 가능합니다 [Node] Node.js 이해하기-1(정의, 장단점) 헤딩 글의 목적은 간단하고 빠르게 그리고 하나의 언어로 Back-end 환경(서버)을 구성할 수 있는 ‘Javascript’ 언어를 이용한 Node.js에 대해서 이해하는 글 입니다. 1) Node.js 란 무엇인가? 💡 Node.js는 adjh54.tistory.com 1) Node.js 환경 구성 💡 해당 환경 구성에서는 node.js로 간단히 구성하는 방법, ex..

해당 글의 목적은 타입 스크립트(Typescript)란 무엇이며, 왜 써야 하는지에 대해 이해를 돕기 위해서 작성한 글입니다. 1) 기술 동향 하단의 사진은 ‘Stack Overflow’ 커뮤니티에서 조사한 자료로 2020년과 2021년에 가장 인기 있는 언어에 대해서 조사한 자료입니다. 해당 그래프를 확인해보면, 2020년에 타입 스크립트는 25.4%라는 많은 관심을 받는 언어에서 근래 2021년에 와서는 30.19%라는 더 많은 관심을 받는 언어로 선택 되었습니다.이는 Node.js, java를 압도할 만큼의 관심을 갖는 언어가 되었습니다. [출처] StackOverflow 커뮤니티 Survey Stack Overflow Developer Survey 2020Nearly 65,000 took this..

해당 글은 Javascript 내에서 함수의 실행시간을 측정하는 방법들을 설명하는 글입니다. 1) Date()를 이용한 측정방식 💡 해당 방식은 함수 시작전에 도출한 new Date() 값과 함수 종료후에 도출한 new Date() 값을 이용하여 두개의 차이를 계산하여 함수 수행속도를 측정하는 방식입니다. 해당 방식은 '밀리초(ms)' 단위로 경과한 시간을 반환해 줍니다. const fn_methodDate = () => { let sum: number = 0; let loopCnt: number = 10000000; // 루프 수행 횟수 const _startTime: number = new Date().getTime(); // 시작시간 for (let i = 0; i < loopCnt; i++) { ..

해당 글은 React-native 내에서 AppState 라이브러리를 적용하는 사용법을 설명한 글입니다.1) 문제점💡 프로젝트를 진행하는 도중에 안드로이드 디바이스에서 홈 버튼을 눌렀다가 다시 앱으로 돌아오는 경우 아래와 같은 문제점이 발생하였습니다. ​해당 문제는 TensorCamera(expo-camera)를 사용하고 있는데, 앱을 벗어나는 경우에 'Unmount'를 수행하지 않고 나가고 다시 돌아온 경우에 발생하는 오류로 판단이 되었습니다.parameter specified as non-null is null: method kotlin.o0.d.t.e, parameter settings                         2) 해결책💡 이는 사용자가 앱을 벗어나는 경우에 TensorCam..

해당 글은 자바스크립트 라이브러리 'Prettier'에 대해서 이해하고 환경설정을 하기 위한 목적으로 작성된 글입니다. 1) Prettier 이해하기 💡 Prettier는 코드를 읽어 들여서 사용자가 지정한 '옵션'에 따라 코드를 다시 포맷팅(정렬)하는 "코드 포맷터"입니다. 코드 스타일에 초점을 맞추고 있기 때문에, 코드 품질을 위해 사용하는 ESLint와는 성격이 다릅니다 Prettier 지원 언어들 * JavaScript (including experimental features) * JSX * Angular * Vue * Flow * TypeScript * CSS, Less, and SCSS * HTML * JSON * GraphQL * Markdown, including GFM and MDX *..

해당 글의 목적은 배열에 대한 반복문으로써 필요한 데이터에 대해 도출해 내는 함수에 대해서 공부하는 목적으로 작성하였습니다. 루프와 반복 함수 요약본 함수 설명 함수 반환값 반복문 return 값 추가 시점 for 배열내에서 객체를 반환받기 위해서 순회를 하는 함수이다. undefined 속성(key), 속성값(value) 반환 ES5 이전 for/in 배열내에서 객체값을 반환받기 위해서 순회를 하는 함수이다. undefined 속성값(value) 반환 ES5 이전 for/of 배열내에서 객체를 반환받기 위해서 순회를 하는 함수이다. (배열 뿐만 아니라 이터러블한 객체를 모두 순회할 수 있음) undefined 속성(key), 속성값(value) 반환 ES6 forEach 배열내에서 객체를 반환받기 위해..

해당 글의 목적은 Javascript의 ES5와 ES6에 대한 기능들을 이해하며 사용법을 익히는 목적으로 작성하였습니다. 1) ES5 / ES6란 무엇인가? 💡 ES(ECMAScript)는 ECMA International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다. ECMAScript 버전은 ES1, ES2, ES3, ES5 및 ES6으로 축약이 되었으며, 2016년부터 새 버전의 이름은 연도별로 지정됩니다(ECMAScript 2016/2017/2018). Javascript ES5 ECMAScript 2009는 JavaScript의 첫 번째 주요 개정판입니다 Javascript ES6 ECMAScript 2015는 JavaScript의 두 번째 주요 ..

Javascript에 대한 변수를 이해하여, 필요 상황에 따라 적절하게 사용하는 방법을 익힘 ES5와 대비하여서 ES6에서는 const, let 변수가 추가 되었으며,var 변수보다는 const, let 변수를 사용하는것을 '지향'한다. 1) 변수 설명 변수란? 어떤 문자 혹은 숫자, 진위, 배열 등과 같이 하나의 공간에 담아두었다가, 필요할때 꺼내쓰기 위한것을 의미한다. 변수는 문자형, 숫자형, 진위형, 배열형, 객체형 등.. 다양한 변수 공간에 다양한 타입을 넣을 수 있다. // 문자형 (String) var userId = "adjh54"; const userId = "adjh54"; let userId = "adjh54" // 숫자형 (Number) var userAge = 20; const us..