| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- 자바스크립트
- clonecoding
- Mongoose
- Session
- express
- JavaScript
- frontend
- react
- Component
- Flutter
- 리액트
- TypeScript
- DART
- backend
- heroku
- GRID
- CLONE
- form
- ES6
- nodejs
- API
- javscript
- NextJs
- MongoDB
- node.js
- graphQL
- pug
- ECMAScript
- HTML
- CSS
- Today
- Total
목록전체 글 (313)
Enjoy Programming
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에도 폴더가 생성된게 볼 수 있다~ 로컬에서도 뭐 이렇게 가져오는데 문제는 이게 아니고 로컬에서 작업할때는 내 파일시스템에 파일이 저장되도록 하고싶다는 것이다. 어찌 보면 간단한 문제였다....
이제 파일을 관리하기 위해 aws를 사용해본다. 먼저 aws란 무엇인가 아마존 닷컴에서 개발한 클라우드 컴퓨팅 플랫폼이다. Amazon Web Services 는 아마존에서 제공하는 클라우드 서비스로 네트워킹을 기반으로 가상 컴퓨터와 스토리지, 네트워크 인프라등 다양한 서비스를 제공한다. 비즈니스와 개발자가 웹서비스를 사용하여 확장 가능하고 정교한 애플리케이션을 구축하도록 지원한다. 클라우드 컴퓨팅의 장점을 이용하기 위해 많은 기업들이 활용하고 있다. 클라우드 컴퓨팅이란 인터넷을 통해 it리소스와 앱을 온디맨드로 제공하는 서비스이고 과금제이다. 기존의 물리적인 형태의 실물 컴퓨팅 리소스를 네트워크 기반 서비스 형태로 제공하는것. 사용자로 하여금 네트워크 상에서 클라우드 서비스의 자원을 사용하는 것을 의미..
앞서 깃헙 시크릿과 클라이언트 아이디 환경변수를 해로쿠에 등록했음에도 에러가 뿜어져 나왔다... 뭐가 문제일까. 문제가 저기있다.. redirect를 4000번 포트로 이동했다. 기억난다 callback url을 localhost:4000번으로 시작하도록 이걸 바꿔줘야 한다. mysitename.herokuapp.com 으로 ~ 배포시에는 이렇게 하고 테스팅할때는 다시 변경해줘야하는 번거로움이 있다~ 귀찮으면~ 그냥 oauth앱을 두개 만들어서 하나는 테스팅용으로 등록하고 하나는 heroku에 등록하면 된다~ 굳 까먹으니 지금 바로 해놓자. 자 다 제대로 해줬고 깃헙 로그인을 해보자~!~!~! 제대로 잘된다~!~!~!~! 오케이 그럼 로그인되었으니 유저가 생겼을 것이다~ 실제 데이터 베이스로 이동해보자~..