일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Session
- Mongoose
- Flutter
- heroku
- TypeScript
- clonecoding
- MongoDB
- express
- 자바스크립트
- API
- nodejs
- graphQL
- pug
- Component
- GRID
- backend
- DART
- 리액트
- ECMAScript
- form
- frontend
- javscript
- CSS
- JavaScript
- ES6
- HTML
- node.js
- CLONE
- react
- NextJs
- Today
- Total
목록JavaScript (192)
Enjoy Programming
라이브러리와 프레임웍에 대해서 알아보자. 1. Library 먼저 라이브러리는 단순 활용 가능한 도구들의 집합을 의미한다. 개발자가 만든 클래스에서 호출하여 사용, 클래스들의 나열로 필요한 클래스를 불러서 사용하는 방식이다. 2.FrameWork 프레임 워크는 기반구조를 의미하고 제어의 역전 개념이 적용된 대표적인 기술이다. 소프트웨어에서 프레임워크는 소프트 웨어의 특정 문제를 해결하기 위해 상호 협력하는 클래스와 인터페이스의 집합이라 할 수 있고 완성된 어플리케이션이 아닌 프로그래머가 완성시키는 작업을 해야한다. 즉 간단하게 프레임워크는 완성된 제품이 아닌 완성된 제품을 만들기위해 개발자를 도와주는 또는 기반이 되는 역할을 한다. 3. 이 둘의 차이점 프레임워크와 라이브러리의 차이점은 흐름을 누가 가지..
1. parameter 매개변수 : 함수와 메서드 입력 변수명 2. argument 인자 : 함수와 메서드의 입력 value ex> function parameter(a, b): return a + b; parameter(2, 3); parameter라는 함수가 있다 여기서 괄호안에 a,b를 전달하고 실행시 2와 3을 a와 b에 입력한다. 여기서 parameter는 정의된 함수에 괄호안 a, b이고 실행시 넣은 2와 3이 argument가 된다. 이게 프로그래밍을 처음 배우며 파라미터 아규먼트 .. 이상하게 헷갈렸다 그래서 다시 짚고 넘어가본다.

이번엔 비디오 수정페이지를 다루자. 먼저 routes.js로 가서 editVideo 라우트를 함수로 만들어주자 아이디를 인자로 받기로 하고 id값이 들어오면 /vidoes/id/edit으로 접속하고 id가 없다면 edit_video url으로 라우트 한다. 이제 함수로 만들어줬으니 videoDetail 템플릿에서 링크에 routes.editVideo()함수로 바꿔주고 video controller에서 받은 video에 id를 받아온다. 그리고 videoRouter상에 editVideo도 함수로 바꿔준다 그리고 할 일은 get을 통해 url은 routing했으니 post를 통해 업데이트 하는 컨트롤러를 하나더 만들어주자 기존 editVideo는 getEditVideo로 수정했고 이제 postEditVide..

비디오 재생까지 이루어졌다. 이제 비디오링크를 클릭하면 비디오 상세정보 페이지로 이동하게 되고 url에 video의 id를 받고 있는 것을 확인 할 수 있다 이제 할 일은 video의 자세한 정보를 생성하는 일이다. 컨트롤러상에 videoDetail 컨트롤러는 만들어져있고 이제 파라미터로 id를 받으면 된다. 저번에 짚고 넘어갔어야 할 쿼리스트링을 좀더 알아보자. 기본적으로 url에 접근하면 path를 통해 결과를 페이지에 로딩 해준다. 예를 들어 http://google.com/taeeon으로 접속하면 taeeon이라는 path에 결과를 뿌려준다. 언제나 같은 결과를 보여주는 것이다. 유저프로필 페이지라면 접속자가 다른 경우에는 다른 결과를 보여줘야 하는데 그렇다면 같은 url에서 어떻게 여러 결과를 ..

비디오 업로드는 되지만 비디오가 재생이 되지는 않는다 현재 링크가 제대로 이루어지지 않았기 때문이다. 일단 생성된 videos폴더를 지우고 다시 upload/videos로 변경해주자 주의할 점은 /upload/vidoes로 하면 컴퓨터상의 root로 설정이 되기때문에 프로젝트상의 폴더로 꼭 지장해주자. 그리고 몽고db에서 업로드한 파일을 지워주는데 터미널에서 mongo를치고 mongodb에 접속 후 use를 이용해 생성한 we-tube db에 접속하자 use we-tube>> mongodb 명령어는 mongo로 접속후 help를 치면 자세히 나온다 접속했으면 데이터들을 삭제 ( db.videos.remove({}) ) 그리고 exit 그리고 업로드를하면 .. 역시 파일이 재생되지 않는다. 아직 한가지 빼..

저번에 db를 홈컨트롤러에 연결했다. 근데 upload를 해야 db에 쌓든 불러오든 할 수 있으니 upload controller도 손보자 저번에도 포스팅 했듯이 파일 자체를 데이터베이스에 저장하지 않는다. 파일의 url을 텍스트로 넣는 일을 한다. 먼저 우선 유저가 videoController에서 upload할때 무슨 일이 일어나는지 알아보자. 우선 시험 삼아 파일 하나를 업로드 하고 콘솔을 찍어보면 file name, title, descritption이 찍힌다 하지만 파일 네임을 원하는게 아닌 파일의 주소가 필요하다. 자 우선 upload.pug에 가서 이미지파일이나 다른 파일이 아닌 video파일만 허용해주자 accept 속성을 이용해서 video만 allow해줬다. 이제 파일을 업로드하면 url..