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

이번엔 비디오 삭제를 기능을 구현해보자. 역시 라우트에서 라우트를 id인자를 받는 함수로 바꿔준다. 그리고 id를 받으면 delete로 넘어가도록 라우트 설정을 해줌 그리고 컨트롤러 수정도 해주자 파라미터로 id를 받아준다. async await으로 역시 waiting을 해주고 mongoose methoddls findOneAndDelete로 해당 비디오를 삭제해주자 그리고 결과가 어떻든 홈페이지로 다시 redirect를 해주기 때문에 해당 코드는 try catch 스코프 바깥에 작성했다 그리고 edit.pug에서 delete링크에 라우트설정을 함수로 바꾸고 video.id 매개변수를 넣어주자. 마지막으로 비디오 라우터도 수정~ 이제 삭제가 된다. but@!!! 파일 uploads/videos 에는 업로..

공부하던중 오늘이 토요일이라 로또 사러가야지 ~~ 하는 순간 로또번호 생성기가 만들고 싶어졌다. 자 그냥 시작해보자 우선 html이 js파일 하나 만들어주고 button클릭하면 로또번호 만들어지도록~!~!~! 자 만들어보자 일단~~ 바디랑 인풋을 가져오고 번호가 찍힐 h3태그를 생성후 바디에 종속시켰다. 그리고 이벤트 리스너 하나 만들고 함수명 아무거나 하나 지었다. 이제 로또넘버만들기 함수를 만들어보자 뭔가 조잡하다.. ㅎㅎ 근데 처음 만들어보는 자바스크립트 로또번호 생성기이다.. 코드 리뷰를 해보자면 먼저 함수안에 로또 배열을 생성하고 임의의 i를 만들어줬다. 그리고 메인 포문으로 Math.floor와 Math.random()함수를 이용해 숫자를 생성하고 배열에 넣어줬다. 근데 발생한 문제가 중복값이..
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가 된다. 이게 프로그래밍을 처음 배우며 파라미터 아규먼트 .. 이상하게 헷갈렸다 그래서 다시 짚고 넘어가본다.

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

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