# javascirpt

25개의 포스트

JavaScirpt_11원시 값과 객체의 비교

JavaScirpt 공부 정리 의 목차를 따릅니다. 책을 발제하는 것을 기본 골조로 하고, 개인이 공부한 내용을 추가합니다. | | Primitive type | Object type | |:----------|:----------:|:----------:| | value | immutable | mutable | | 원시값/객체를 변수에 할당하면 변수...

6일 전
·
0개의 댓글

JavaScirpt_10_1객체

JavaScirpt 공부 정리 의 목차를 따릅니다. 책을 발제하는 것을 기본 골조로 하고, 개인이 공부한 내용을 추가합니다. 강의에서 객체에 대해 흝고 지나갔던 것보다 시간을 들이며 공부해보니 메서드 등 단어로 지나갔던 것들이 개념으로 정리된다. 원래 책에서는 10장은 객체를 생성하는 방법 중 '객체 리터럴'을 제목으로 달고 있지만, 객체 기본에 대한 내...

2022년 1월 14일
·
0개의 댓글

JavaScirpt_10_2객체 리터럴

JavaScirpt 공부 정리 의 목차를 따릅니다. 책을 발제하는 것을 기본 골조로 하고, 개인이 공부한 내용을 추가합니다. 1. 객체 리터럴에 의한 객체 생성 cf) 클래스 기반 객체지향 언어: 클래스를 사전에 정의하고 필요한 시점에 new 연산자와 함께 생성자constructor을 호출하여 인스턴스를 생성하는 방식으로 객체를 생성한다. 객체 리터럴을 ...

2022년 1월 14일
·
0개의 댓글

JavaScirpt_7연산자

JavaScirpt 공부 정리 의 목차를 따릅니다. 책을 발제하는 것을 기본 골조로 하고, 개인이 공부한 내용을 추가합니다. 1. 연산자 연산자: 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만든다. 피연산자: 연산의 대상으로, 값으로 형가될 수 있는 표현식이어야 한다. 피연산자와 연산자의 조합으로...

2022년 1월 14일
·
0개의 댓글

JavaScirpt_8제어문

JavaScirpt 공부 정리 의 목차를 따릅니다. 책을 발제하는 것을 기본 골조로 하고, 개인이 공부한 내용을 추가합니다. 제어문은 조건에 따라 코드 블록을 실행(조건문)하거나, 반복 실행(반복문) 할 때 사용한다. 일반적으로 코드는 순차적으로 실행되기에, 제어문은 코드의 흐름을 이해하기 어렵게 만들어 가독성을 해치는 단점이 있다. 이러한 단...

2022년 1월 14일
·
0개의 댓글

JavaScirpt_6데이터 타입

JavaScirpt 공부 정리 의 목차를 따릅니다. 책을 발제하는 것을 기본 골조로 하고, 개인이 공부한 내용을 추가합니다. 1. 데이터 타입 | 구분 | 데이터 타입 | 설명 | |:----------|:----------|:----------| | 원시타입 | number | 정수, 실수 구분 없이 하나의 숫자 타입만 존재 | | 원시타입 | stri...

2022년 1월 14일
·
0개의 댓글

JavaScirpt_5표현식과 문

JavaScirpt 공부 정리 의 목차를 따릅니다. 책을 발제하는 것을 기본 골조로 하고, 개인이 공부한 내용을 추가합니다. 1. 값 value 값은 표현식 expression이 평가evaluate되어 생성된 결과를 말한다. 앞서 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 상징적인 이름이라고 했다...

2022년 1월 13일
·
0개의 댓글

JavaScript_4변수

JavaScirpt 공부 정리 의 목차를 따릅니다. 책을 발제하는 것을 기본 골조로 하고, 개인이 공부한 내용을 추가합니다. 항상 변수 선언만을 배우다가, 변수가 어떻게 저장되는지를 드디어 배웠다. 1. 변수란 무엇인가? 왜 필요한가? 1 + 2 이 자바스크립트 코드를 실행하면 컴퓨터는 어떻게 작동할까? cpu를 사용해 연산하고 메모리를 사용해 데이터를...

2022년 1월 13일
·
0개의 댓글
post-thumbnail

Callback Hell (콜백 지옥)

콜백 함수 & 콜백지옥 / promise와 async, await 활용하기 / try...catch문

2021년 12월 29일
·
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

[JS/브라우저] DOM

DOM이란? Document Object Model의 약자 HTML요소를 Object(JavaScript Object)처럼 조작(Manipulation)할수 있는 Model이다. HTML에 JavaScript 적용하기 HTML에 JavaScript를 적용하기 위해

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

화살표 함수(Arrow Function)

화살표 함수에서 사용되는 this 바인딩은 기존함수 this와 다른 방식을 가지고있다화살표 함수의 this는 함수를 선언할 때의 상위 스코프의 this로 바인딩 될 객체가 정해진다.innerFunc의 상위 스코프는 printThis이기 때문에 printThis의 내부

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

바닐라 자바스크립트를 이용한 Todo List 만들기 - 2

위와 같이 스타일링을 하게 되면 아래와 같이 렌더링된다.그러면 임시로 적어놓은 hey를 지우고 실제 입력한대로 나타나게 해보자.간단하다. newTodo.innerText = todoInput.value;로 수정해주면 된다.그런데 Todo List를 입력하고 나서 입력창

2021년 6월 16일
·
0개의 댓글
post-thumbnail

[🚀 Check Point] 10. 논리연산자

if문으로 조건문을 생성하는 법을 이전시간에 배웠습니다. 다시 한 번 볼까요?10check point위의 조건문을 보면 answer가 "선릉", "강남"일 때는 조건은 다르지만 같은 결과를 리턴 합니다. 만약 역삼, 삼성도 조건문에 추가하는데, 같은 결과를 리턴해야 한

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

05. Function(함수) - 데이터 반환하기

앞선 설명에서 이미 return 이라는 키워드를 사용했습니다. 하지만 아직은 함수의 반환, return 이라는 개념이 명확히 들어오진 않으셨을 겁니다. 이번 시간에는 이 return이라는 개념에 대해 살펴보겠습니다.해당 내용은 Function(함수) - 데이터 반환하기

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

TIL 20. Countdown(D-day)

👨🏻‍💻 4월부터 정식으로 WeCode에 갈 생각을 하면서 자기소개 페이지에 D-day countdown을 구현해보았다.(이쯤되면 자기소개 페이지가 아닌 내가 만들고 싶은 것들을 하나하나 구현하는 playground..ㅎ)Date Class로 현재 날짜와 D-da

2021년 4월 2일
·
0개의 댓글
post-thumbnail

TIL 10. JS(Variable, Data types)

Variable Variable은 변수라고도 불리며, 변경될 수 있는 값을 의미한다. 이러한 변수를 만들기 위한 키워드는 3가지가 있다. var let const let let은 변수를 만들기 위한 키워드이며, let으로 선언한 변수는 언제든지 변경이 가능하다.

2021년 3월 20일
·
0개의 댓글
post-thumbnail

[javascript] 검색쿠키(cookie)를 남겨 필터기능을 구현해보자

검색 필터링 기능을 통해서 원하는 테이블 데이터를 도출해내는 기능이다.해당 기능은 AWS EC2(아마존 웹서비스) 인스턴스 검색 필터링을 벤치마킹 하였다필터링은 AND 방식으로 검색되며, 한번 검색한 필터링 키워드는 쿠키에 저장되어 사용자가 필터를 지우지 않을 경우 다

2021년 3월 19일
·
0개의 댓글
post-thumbnail

TIL 5. JavaScript(3)_Function

ex) function two() {document.write(1);document.write(2);}two();\-> 12ex)funtion sum(left, right){document.write(left+right)}sum(2,3);\-> 5매개변수(paramet

2021년 3월 15일
·
0개의 댓글

[실전 자바스크립트]7. object타입, Array

자바스크립트에서의 객체 object의 속성 추가 삭제 수정

2021년 2월 20일
·
0개의 댓글