# clone coding

58개의 포스트
post-thumbnail

[JS] Chrome App 클론 코딩 (Momentum)

[JS] Chrome App 클론 코딩 (Momentum)

약 9시간 전
·
0개의 댓글
post-thumbnail

⭐️ Starbucks Clone Coding (5)

[Mini Project] WeBucks Mission 6 구현

어제
·
0개의 댓글
post-thumbnail

[Project] Webucks Clone Coding #2 [커피 리스트 페이지 레이아웃 구현]

HTML 태그를 적절하게 사용하여 페이지 레이아웃을 스스로 구현할 수 있다.CSS 기초 개념을 활용하여 원하는 디자인을 요소에 적용할 수 있다. 개발자 도구를 활용하여 실제 페이지 레이아웃의 구성과 적용된 스타일을 확인할 수 있고 필요한 정보를 얻을 수있다.로그인 기능

2일 전
·
0개의 댓글
post-thumbnail

⭐️ Starbucks Clone Coding (4)

WeBucks 2차 Refactoring

4일 전
·
0개의 댓글
post-thumbnail

⭐️ Starbucks Clone Coding (3)

[Mini Project] WeBucks Mission 4~5 구현

4일 전
·
0개의 댓글
post-thumbnail

⭐️ Starbucks Clone Coding (2)

WeBucks 1차 Refactoring

6일 전
·
0개의 댓글
post-thumbnail

⭐️ Starbucks Clone Coding (1)

[Mini Project] WeBucks Mission 1~3 구현

2021년 11월 22일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (15. video comment)

Comment Model 만들기comment는 만든사람이 한명밖에 존재 안한다.video는 comment가 여러개 존재 할 수 있다.user은 comment가 여러개 존재 할 수 있다.watch.pug에 comment에 대한 html만들기로그인한 유저만 댓글 달 수 있

2021년 11월 13일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (13. express-flash)

express-flash는 메세지를 보여주기위한 도구이다.npm i express-flash설치하고 server.js에 import한뒤 미들웨어로 사용가능미들웨어로 등록하면 req.flash("메세지 타입", "메세지")을 쓸 수 있다.req.flash()를 쓰면 fl

2021년 11월 13일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (12. FFMPEG.WASM)

ffmpeg이란?동영상의 인코딩과 디코딩을 하는 프로그램 중 하나이며 가장 유명한 오픈소스 라이브러리이다.FFMPEG.WASM사용법1) npm install @ffmpeg/ffmpeg @ffmpeg/core2) ffmpeg를 쓰고싶은 파일에 import한다.import

2021년 11월 13일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (11. Video Recoder)

MediaDevices.getUserMedia()을 통해서 MediaStream을 얻을 수 있음.보통, \[MediaDevices](https://developer.mozilla.org/ko/docs/Web/API/MediaDevices) 싱글톤 객체는 다음과

2021년 11월 13일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (10. Video view)

백엔드에서 video view올려주는 api만들기api Router 만들기registerView controller 만들기상태코드를 보낼때 status가 아닌 sendStatus로 보내야 프론트에서 요청을 했을때 pending이 안됨.프론트에서 api호출하기video의

2021년 11월 13일
·
0개의 댓글
post-thumbnail

Momentum

Chrome 확장 프로그램 모멘텀 클론코딩ref : momentumlecutre : 노마드 코더github : Unchaptered RepositoryHTML, CSS, Vanilla JSModify property of HTML elementsCreate HTML e

2021년 11월 9일
·
0개의 댓글
post-thumbnail

Kokoa Talk

브라우저에서 카카오 톡을 클론코딩HTML, CSSRecyclable HTML structureApply CSS stlyesMore

2021년 11월 9일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (9. Video Player 만들기)

video play and pausetag, id불러오기video play/pause 시키기playBtn을 눌렀을때 재생이 되야함 → HTMLMediaElement.paly() 메소드로 가능재생중일때는 눌렀을때 멈춰야 됨 → HTMLMediaElement.pause(

2021년 10월 28일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (8. webpack)

webpack, webpack-cli devDependencies 로 설치npm i webpack webpack-cli -Dsrc에 client/js/main.js파일 만들기.나중에 main.js에 쓴 코드들이 우리가 처리하고자 하는 코드들임.webpack.config

2021년 10월 25일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (7. Video Owner)

video model에 owner 추가하기ref는 어떤 mode의 id를 넣을 것 인지 설정 하는 것video를 upload한 owner만 edit/delete video를 볼 수 있게 설정하기.video를 upload할때 postUpload controller에서 o

2021년 10월 25일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (6. multer을 사용하여 file upload하기)

npm i multerform에 enctype="multipart/form-data"을 써줘야함.input에 file을 가져올때 accept="image/\*을 써줘야 이미지 파일이 아닌 다른 파일을 업로드하지 못하게 막을 수 있음. export const upl

2021년 10월 25일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (5. USER AUTHENTICATION)

hashing입력값→ 출력값 0 출력값 → 입력값 x사용법npm i bcryptbcrypt.hash(this.password, 5) → 1번째 인자에는 hash할 비밀번호가 들어감. → 2번째 인자에는 hash를 몇번 할 것인지 Number으로 들어감. has

2021년 10월 25일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (4. MONGODB AND MONGOOSE)

Mongo(terminal)몽고 사용하기mongo내가 가진 db 보기show dbs현재 사용 중인 db 확인db사용할 db 선택하기use dbName(현재 수업에서는 use wetube)db 컬렉션 보기show collectionsdb 컬렉션 안에 documents 보

2021년 10월 25일
·
0개의 댓글