일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- clonecoding
- 자바스크립트
- ES6
- backend
- javscript
- express
- form
- Flutter
- Component
- JavaScript
- frontend
- nodejs
- API
- DART
- CSS
- react
- heroku
- GRID
- Session
- CLONE
- NextJs
- ECMAScript
- 리액트
- pug
- Mongoose
- TypeScript
- MongoDB
- node.js
- HTML
- graphQL
- Today
- Total
목록JavaScript (192)
Enjoy Programming

앞서 모델들을 만들었고 이제 컨트롤러에서 모델들을 연결시켜줘야 한다. 지금은 가짜 데이터베이스가 삭제되었고 현재 홈화면에 진입하면 에러가 발생한다 이제 비디오 컨트롤러에 모델을 임포트 시켜주고 컨트롤러를 조정해줘야 하는데 이때 async와 await, throw를 사용한다. 우선 코드 작성부터 하자. models폴더에 Video모델을 임포트 해주고 홈화면에 진입시 async를 작성해주자 그리고 videos라는 변수에 await과 Video.find를 해준다. 이렇게 하면 Video모델에서 데이터들을 찾아와 videos에 담아주는데 현재는 데이터가 없으니 videos는 빈 배열이다. 이렇게 작성해주면 videos를 완료하기 전까지 home 페이지를 렌더링하지 않고 videos를 완료하면 넘어가게 된다. 기..

이번에는 댓글 모델을 만들어주자. 뭐 비디오 밑에 댓글다는 기능을 만들어야 하니~~~ 역시 models폴더에 Comment.js파일을 만들어 주고 코멘트 스키마를 정의해준다. 그리고 Comment라는 모델을 만들어주고 export한다 여기서 한가지 옵션이 더 들어가는데 comment가 어떤 비디오의 코멘트인지 연결될 지점이 없다는 것이다. 이부분은 video또는 comment모델스키마 정의부분에 정의해주면 되는데 두가지 옵션중 하나를 선택하면된다. 하나는 코멘트에 해당 비디오 id를 연결해서 보여줄 건지 아니면 비디오에 해당 코멘트들의 id를 배열로 넣어서 보여줄건지 이다. 둘중에 편한걸 쓰면 되는데 방법은 두가지중 하나를 쓰면 된다. mongoose.Schema.Types.ObjectId를 타입으로 주..

몽고 db의 장점은 document를 줄여준다는 것이다., document는 바로 JSONfile 몽고db에 개발자의 파일들이 어떤식으로 생겨야 할 지 알려줘야 한다. 일종의 validation이 필요하다. 예를 들어 파일들은 video라는 이름을 가지고 모든 비디오들은 string type이며 string의 이름은 title이다. 그리고 videos는 view를 가지게 되고view는 number type이다 라고~ 알려주는? 그런 것이다. 일단 models라는 폴더를 만들고 거기에 저장해주자. 그리고 Video.js파일을 하나 만들어주고 안에 model과 schema를 설정해주자 model은 document name이며 schema는 형태이다 여기서 잠깐... 잠시 몽고디비를 배웠을때 mongodb는 ..

음 작성을 하면서도 이걸 이 카테고리에 넣는게 맞나 싶다.. 만 차후에 카테고리 수정을 해주자.. 현재는 유튜브 클론코딩을 하면서 함께 진행하고 있으니 분리에 무리가 있다 ..내 머리론...ㅋㅋㅋ 이제 dotenv를 구성해보자. 먼저 root폴더에 .env파일을 생성해주고 변수를 만들어주자 현재는 많은 변수를 만들게 없다.. 어짜피 로컬호스트에서 진행을 하니까 .. 맛만 보는정도~ 이렇게 변수를 지정해주고 db파일로 가서 기존에 url주소를 삭제해준다. 그리고 dotenv를 임포트 해주자~ 그리고 dotenv.config()라는 함수로 .env파일에 있는 변수 정보들을 불러 올 수 있다. 그렇게 찾아온 모든 변수들을 process.env.key에 저장하게 된다. 아까 작성한 url 변수를 process...

음 작성을 하면서도 이걸 이 카테고리에 넣는게 맞나 싶다.. 만 차후에 카테고리 수정을 해주자.. 현재는 유튜브 클론코딩을 하면서 함께 진행하고 있으니 분리에 무리가 있다 ..내 머리론...ㅋㅋㅋ 이제 dotenv를 구성해보자. 먼저 root폴더에 .env파일을 생성해주고 변수를 만들어주자 현재는 많은 변수를 만들게 없다.. 어짜피 로컬호스트에서 진행을 하니까 .. 맛만 보는정도~ 이렇게 변수를 지정해주고 db파일로 가서 기존에 url주소를 삭제해준다. 그리고 dotenv를 임포트 해주자~ 그리고 dotenv.config()라는 함수로 .env파일에 있는 변수 정보들을 불러 올 수 있다. 그렇게 찾아온 모든 변수들을 process.env.key에 저장하게 된다. 아까 작성한 url 변수를 process...

이번엔 데이터 베이스 관련 코드를 짜고 유저에게 영상을 보고 검색, 수정 삭제할 수 있게 해보자. 자 mongoose가 설치되었고 dotenv를 설치하자. dotenv란 node.js로 개발을 하면 port, DB관련 정보등 전역으로 필요한 여러 정보들이 존재한다. node.js에서는 dotenv패키지를 통해 환경변수 파일을 외부에 만들고 관리할 수 있다. 특히 , 깃허브등에 오픈소스로 프로젝트를 공개할때 DB계정 정보를 소스코드내에 하드코딩 하지 않고, 외부환경변수 파일에 작성하고 gitignore를 통해 제외하면 노출되지 않고 안전하다. 참고 - 환경변수란 OS입장에서 해당 프로세스를 실행시키기 위하여 참조하는 변수 - 컴퓨터로 하는 모든 작업들은 OS를 통해 실행되는 자식 프로세스인데 이프로세스들을..