Mi Lugarcito

Proxy 란? - 아이피를 프록시 서버에서 임의로 바꿔 버릴수 있다. 그래서 인터넷에서는 접근하는 사람의 아이피를 모르게 된다. - 보내는 데이터도 임의로 바꿀 수 있다. - 방화벽 기능, 웹필터 기능, 캐쉬 데이터, 공유 데이터 제공 가능 Proxy 서버 사용하는 이유? - 회사/집 인터넷 사용 제어 - 캐쉬를 이용해 더 빠른 인터넷 이용 제공 - 더나은 보안 제공 - 이용 제한퇸 사이트 접근 가능

인스턴스 메서드를 만들어서 this를 사용하는 경우 function 키워드를 써줘야 한다. 그래야 자신이 속한 객체, 여기서는 this가 userSchema 도큐먼트를 가르킨다. 즉, 화살표 함수랑 일반 함수에서 this의 바인딩 차이점이 있다 (Arrow functions explicitly prevent binding this, so this method will not have access to the document and the above example wil not work!) ryusm.tistory.com/15 자바스크립트 THIS 일반 함수와 화살표 함수의 차이 This 정재남 님의 인프런 강좌, JS FLOW를 참고 하여 정리했습니다. This Binding 은 실행 콘텍스트가 활성화 ..

github.com/jaewonhimnae/boilerplate-mern-stack jaewonhimnae/boilerplate-mern-stack Boilerplate when you use REACT JS, MONG DB, EXPRESS JS, REDUX - jaewonhimnae/boilerplate-mern-stack github.com npm init npm i express --save npm i mongoose@5.4.20 --save mongodb+srv://admin:1234@simpleblog.uhhst.mongodb.net/myFirstDatabase?retryWrites=true&w=majority 여기에서 id_rsa, id_ras.pub이 없다면 ssh가 없는것이다. docs.g..

github.com/jaewonhimnae/boilerplate-mern-stack jaewonhimnae/boilerplate-mern-stack Boilerplate when you use REACT JS, MONG DB, EXPRESS JS, REDUX - jaewonhimnae/boilerplate-mern-stack github.com npm install //back npm install //client server / config / dev.js module.exports = { mongoURI:'mongodb+srv://admin:1234@myproject.uuqzp.mongodb.net/myFirstDatabase?retryWrites=true&w=majority' } server 에서 ..

webpack.config.ts에서 설정하는 historyApiFallback:true는 아주 중요하다! 폴더 구조 npm i react-router react-router-dom npm i -D @types/react-router @types/react-router dom //페이지 단위로 코드 spliting 하기 //알아서 코드 spliting, 알아서 코드 불러온다. npm i @loadable/componentnpm i @loadable/component //style npm i @emotion/react

BACKEND setting cd back -> npm i backend 폴더 안에 .env COOKIE_SECRET=sleactcookie MYSQL_PASSWORD=1234 BACKEND db setting npx sequelize db:create npm run dev했다가 ctrl + c로 끄기(테이블 생성) npx sequelize db:seed:all(기초 데이터 넣기) npm run dev localhost:3095에서 서버 돌아가는 중 백엔드 개발자가 API.md와 typings/db.ts를 남겨둔 상황 Front Setting..... TIP : npm init 할때 name명을 설치한 package 명이랑 다르게 하기 alecture 폴더 비우기 alecture 들어와서 cd alect..

npx create-react-app 생성할 폴더이름 1. readme 안에 내용 지우기 2. yarn.dock 파일 삭제 3. package.json 에서 블럭 된 2개 삭제 git init git remote add origin https://github.com/dmstlf292/movie_app_2021.git git add . git commit -m "setting" git push origin master App.js import React from 'react'; function App() { return ( ); } export default App; index.js import React from 'react'; import ReactDOM from 'react-dom'; import A..

velog.io/@godori/DOM%EC%9D%B4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80 DOM이란 무엇인가? DOM MDN 에서 말하는 DOM의 정의는 다음과 같습니다. > 문서 객체 모델(The Document Object Model, DOM) 은 HTML, XML 문서의 프로그래밍 interface이다. 그래서 DOM이 정확히 뭐라고요? 옳은 것을 모두 골라보세요. velog.io webclub.tistory.com/218 자바스크립트 DOM 이란 DOM(Document Object Model) 자바스크립트를 세분화하자면 4가지 요소로 구성되어 있습니다. 자바스크립트 Core 문법 기본 문법과 구조, 데이터타입, 조건문, 반복문, 함수, 객체, 클래스(..

hae-ong.tistory.com/17 [JavaScript] ES6 Rest Parameter Rest Parameter란? Rest 파라미터(Rest Parameter, 나머지 매개변수)는 매개변수 이름 앞에 세개의 점 ... 을 붙여서 정의한 매개변수를 의미한다. Rest 파라미터는 함수에 전달된 인자(argument)들의 목록을 hae-ong.tistory.com developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax#spread_in_object_literals Spread syntax (...) - JavaScript | MDN Spread syntax (...) Spread syntax (...) a..

Let's Started! http://api.weatherstack.com/current?access_key=45414f424050aa1983f68568c943b7d1&query=37.8267,-122.4233 www.mapbox.com/ Maps, geocoding, and navigation APIs & SDKs | Mapbox Integrate custom live maps, location search, and turn-by-turn navigation into any mobile or web app with Mapbox APIs & SDKs. Get started for free. www.mapbox.com docs.mapbox.com/api/search/geocoding/ Geocoding ..