일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- express
- clonecoding
- ECMAScript
- heroku
- Component
- graphQL
- react
- 자바스크립트
- MongoDB
- HTML
- Session
- JavaScript
- frontend
- javscript
- NextJs
- nodejs
- Flutter
- 리액트
- form
- Mongoose
- GRID
- TypeScript
- ES6
- DART
- API
- node.js
- backend
- CLONE
- pug
- CSS
- Today
- Total
목록JavaScript (192)
Enjoy Programming

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Proxy Proxy - JavaScript | MDN Proxy 객체는 기본적인 동작(속성 접근, 할당, 순회, 열거, 함수 호출 등)의 새로운 행동을 정의할 때 사용합니다. developer.mozilla.org proxy객체는 기본적인 동작(속성 접근, 할당, 순회, 열거 , 함수호출)의 새로운 행동을 정의할 때 사용한다. 쉽게 생각해 filter처럼 생각하면된다. 프록시 객체는 두개의 인자를 갖는다. filter하고싶은 target과 handler가 필요하다. hanlder는 trap들을 가지고 있는 placeholder객체 이다. https://develop..

generator 객체를 살펴보자. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Generator Generator - JavaScript | MDN Generator 객체는 generator function 으로부터 반환된 값이며 반복자와 반복자 프로토콜을 준수합니다. developer.mozilla.org https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/function* function* - JavaScript | MDN function* 선언 (끝에 별표가 있는 function keyword) 은 generator func..

https://developer.mozilla.org/ko/docs/orphaned/Web/JavaScript/Reference/Global_Objects/Map/Map Map() 생성자 | MDN Map() 생성자는 Map 객체를 생성합니다. developer.mozilla.org 자 map method가 아닌 Map()생성자 함수를 다뤄보자~ 헷갈리지 말자 생성자이다. Map객체를 생성해준다. Set은 value에 대해서만 작동을 한다면 Map은 key와 value모두 포함할 수 있다. key와 value의 저장소같은 느낌이다. Set은 add를 가지고 있지만 Map은 add가 없고 set을 가지고 있다. map을 하나 만들어서 key와 value를 set해보자. 오브젝트가 하나 만들어졌고 map에 ..

이번에는 Set 에 알아보자. 역시 mdn 부터 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Set Set - JavaScript | MDN Set 객체는 자료형에 관계 없이 원시 값과 객체 참조 모두 유일한 값을 저장할 수 있습니다. developer.mozilla.org set은 객체이다. set 객체는 자료형에 관계없이 원시 값과 객체 참조 모두 유일한 값을 저장할 수 있다. 매개변수로는 iterable한 객체가 전달된 경우, 그 요소는 모두 새로운 set에 추가된다. 만약 매개변수를 명시하지 않거나 null 을 전달하면 , 새로운 set은 비어있는 상태가 된다. return 값은 새로운 Set객체 Set..

자바스크립트는 여러 data-type을 가지고 있다. boolean, string, number, null, object, undefined등등 여기에 es6에서 symbol이라는 data-type이 추가 되었다. 아직 사용해본적은 없는듯 하다. 먼저 mdn을 살펴보자 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Symbol Symbol - JavaScript | MDN Symbol() 함수는 심볼(symbol) 형식의 값을 반환하는데, 이 심볼은 내장 객체(built-in objects)의 여러 멤버를 가리키는 정적 프로퍼티와 전역 심볼 레지스트리(global symbol registry)를 가리키는 정적 메..

이제 heroku & mongo atlas & aws를 이용한 배포까지 할 수 있게 되엇다. 물론 이과정을 몇번 더해야 익숙해질듯 하지만 중간중간 고민이 되었던~ production 할때와 development할때 코드 를 매번 어떻게 해야하나에 대해 풀어봐야겠다. 일단 production모드인 heroku에서 작업을 할때는 multer s3를 통해 업로드를 하고 컴퓨터에서 로컬로 테스팅 할때는 컴퓨터 파일 시스템으로 업로드 하도록 한다. 우선 이미지가 업로드될 폴더와 비디오가 업로드될 폴더를 따로 지정해주고~ aws에도 폴더가 생성된게 볼 수 있다~ 로컬에서도 뭐 이렇게 가져오는데 문제는 이게 아니고 로컬에서 작업할때는 내 파일시스템에 파일이 저장되도록 하고싶다는 것이다. 어찌 보면 간단한 문제였다....