name https://images.velog.io/tags/JavaScript.png

# JavaScript

JavaScript(JS)는 가벼운 인터프리터 또는 JIT 컴파일 프로그래밍 언어로, 일급 함수를 지원합니다. 웹 페이지의 스크립트 언어로서 제일 유명하지만 Node.js, Apache CouchDB, Adobe Acrobat처럼 많은 비 브라우저 환경에서도 사용하고 있습니다. JavaScript는 프로토타입 기반의 동적 다중 패러다임 스크립트 언어로, 객체지향형, 명령형, 선언형(함수형 프로그래밍 등) 스타일을 지원합니다.

20904개의 포스트
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

약 5시간 전
·
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

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

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

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

약 5시간 전
·
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

약 5시간 전
·
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 보

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

Youtube Clone Coding (3. PUG)

pug 사용1) npm에서 pug를 설치한다.npm i pug2) express에서 view engine을 pug로 설정 해준다.app.set("view engine", "pug")3) index.pug라는 이름의 Pug 템플리트를 views 디렉토리에 작성한다.4)

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

Youtube Clone Coding (2. ROUTER)

Router 나누기 (/edit-video 보단 /video/edit가 더 나은 Router)/ -> Home/join -> Join/login -> Login/search -> Search/users/:id -> See User/users/logout -> Log o

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

Youtube Clone Coding (1. INTRODUCTION TO EXPRESS)

사용자가 http프로토콜을 사용하여 요청하는 것을 Get 요청이라고 한다. 주소 표시줄에 URL을 입력하고 페이지가 로드되면 실제로 서버에 GET 요청을 보내고 응답을 받고 브라우저에 응답을 표시한다. express 서버 만들기 app.METHOD(PATH, Hand

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

211025 TIL

✔️ Node.js 백엔드 개발이벤트에 추가 정보 전달하기예 ) 결과값 :test 이벤트 외 다른 이벤트들을 on메소드안에 있는 콜백함수에 아규먼트로 넣어주면된다.예 ) apple과 banana 이벤트 받아오기결과값 :이번에는 여러정보가 있는 객체에 이벤트 부여obj라

약 7시간 전
·
0개의 댓글

WebSocket 양방향 통신

websocket으로 실시간 통신을 하자

약 7시간 전
·
0개의 댓글

[TIL : 16] React State & Props

버튼을 누르면 사라지게 하고 싶어! (삼항연산자, 불리언으로 풀기)removeTweet(!showTweet) 이렇게 쓰면, 플래그처럼 사용할 수 있다. true일 때, false로 false일 때, true로 바꿈!이러면 버튼을 눌렀을 때, HandleRemoveCon

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

[TIL] 211025

📝 오늘 한 것 1. 프로그래머스 문제 풀이 - 소수 찾기 / 에라토스테네스의 체 2. 무방향 그래프 / 방향 그래프 / 너비 우선 탐색 / 그래프 데이터베이스 / 가중 그래프

약 9시간 전
·
0개의 댓글

콜백(Callback), setTimeout 함수

콜백 Callback 함수의 인수로 사용되는 함수setTimeout(함수, 시간)타이머 함수: 일정 시간 후 함수를 실행함이때 인수로 사용되는 함수를 '콜백'으로 부를 수 있음!

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

객체지향 자바스크립트 (OOJS)

참고 : https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/Object-oriented_JS객체지향 이해자바스크립트에서 객체지향을 적용하는 방법생성자객체 인스턴스객체는 데이터(와 함수)를 캡슐화해서

약 9시간 전
·
0개의 댓글

[TIL] splice

splice 메서드는 배열 내의 특정한 요소를 삭제하거나, 다른 요소로 대치하거나 새로운 요소를 추가할 때 사용한다.splice 메서드를 쓸 때는 인자의 순서에 주의해야 한다.splice 메서드는 필요에 따라 인자를 최소 1개만 쓸 수도 있다. 첫번째 인자: 배열의 i

약 11시간 전
·
0개의 댓글

10/25 학습

한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제CORS는 읽을 수 있는 출처를 HTTP헤더를 추가함으로써 동작한다.side effect를 일으킬 수 있는 HTTP메소드의 경우 브라우저가 요청

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

자바스크립트 for in & for of

for in은 객체의 key값 또는 index를 가져와 사용할 때 사용된다.배열에도 사용할 수 있지만 일반적으로 Object를 제외한 객체에는 사용하지 않는것이 좋다. 왜냐하면 for in으로 순회를 하게 되면 해당 요소뿐만이 아니라 프로토타입 체인을 따라 확장 속성들

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

[Javascript] 변수와 연산자

💾 변수 >## 🚀 변수란? 데이터(값) 하나를 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. >### 🎤 선언하기 🙋🏻‍♀️ var, let, const 변수의 선언은 var, let, const 로 할

약 13시간 전
·
0개의 댓글

Header Scroll Action_ Code

1\. html code2\. jquery3\. JavaScript4\. CSS code

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

의미있는 이름

소프트웨어에서 이름은 어디나 쓰입니다. 그러므로 이름을 잘 지으면 여러 모로 편합니다. 이 장에서는 이름을 잘 짓는 간단한 규칙을 몇 가지 소개합니다.

약 14시간 전
·
0개의 댓글