minlog
article thumbnail
[ Node.js ] Node 설치
FrontEnd/Node.js 2023. 8. 15. 13:35

Node.js chrome v8 javascript 엔진으로 빌드된 javascript 런타임 자바스크립트 문법해석 및 동작하는 자바스크립트 프로그래밍 언어 동작하는 컴퓨터 환경이다. 동작 환경은 node.js 컴퓨터 환경과 브라우저이다. 모듈들을 가져와서 웹페이지를 작업할 때 node.js 를 사용해 모듈을 동작시킨다. 1. Node.js 설치방법 1-1. Node.js 홈페이지 설치 하나의 버전만 설치 할수 있다. 안전성있는 짝수 버전 설치를 권장한다. 하지만 설치한 버전 말고 다른 버전의 node.js 환경에서 개발을 진행해야할 수도 있다. 때문에 해당 페이지에서 하나의 버전을 다운 받는 것보다 노드 버전 메니저를 설치하는 것을 권장한다. Node.js Node.js® is a JavaScript ..

[ Javascript ] Storage 활용
FrontEnd/Javascript 2023. 8. 14. 18:44

Stroage 활용 key, value 형태로 저장된다. stroage에는 Local Stroage와 Session Stroage가 존재한다. Window.localStorage - Web API | MDN localStorage 읽기 전용 속성을 사용하면 Document 출처의 Storage 객체에 접근할 수 있습니다. 저장한 데이터는 브라우저 세션 간에 공유됩니다. localStorage는 sessionStorage와 비슷하지만, localStorage의 데이 developer.mozilla.org 1. Session Stroage 페이지 세션이 끝날때 사라진다. (브라우저 닫을때) 2. Local Stroage 스토리지 객체에 접근 할수 있고 브라우저 세션 간에 공유된다. 데이터가 만료되지 않는다...

[ Javascript ] JSON 데이터 변형
카테고리 없음 2023. 8. 14. 18:21

JSON 파일 JSON 파일은 문자 데이터이다. { "name": "heropy", "age": 85 } 1. json을 활용한 데이터 타입 변형 1-1. 객체 => 문자 JSON.stringify(객체) = 문자 const user = { "name": "heropy", "age": 85 } const str = JSON.stringify(user); console.log(typeof str) //==> string 1-2. 문자 => 객체 JSON.parse(문자) = 객체 const obj = JSON.parse(str); console.log('obj',obj); ※ JSON 을 사용한 비동기통신 [ Spring ] JSON 객체 타입을 리턴하는 비동기식 처리방식 동기식 처리방식과 비동기식 처리방..

[ Javascript ] Lodash 기능 사용하기
FrontEnd/Javascript 2023. 8. 14. 18:01

Lodash 기능 사용하기 기본 통로를 사용해서 가져온다. import _ from 'lodash' 1. 중복 제거 1-1 .중복내용 제거 .uniq() _.uniq([2,1,2]); 1-2 .중복 배열 내용 고유하게 만들기. _.uniqBy(중복 배열 데이터 ,고유 속성) const usersA = [ {userId : '1', name : 'HEROPY'}, {userId : '2', name : 'Neo'} ] const usersB = [ {userId : '1', name : 'HEROPY'}, {userId : '3', name : 'Amy'} ] //배열 합치기 const usersC = userA.concat(usersB); console.log(usersC); //결과 : {userId ..

728x90
반응형