Javascript

직장인 취준생으로써 공부를 하다보면 프로그래밍과 전혀 다른 내 일을 하다가 HTML, CSS를 공부하다보면 Javascript를 잊어먹거나 혹은 반대로 되는 경우도 종종 있다.특히 Javascript의 경우에도 React 등을 다루다보면 map, reduce, filt

JS-1 (var, let, const, TDZ)오늘은 간단하게 constructor 흔히 생성자 함수라고 부르는 것에 대해서 간단하게 정리해 보려고 한다.우리가 객체 리터럴을 많이 사용해야 할 때가 있다.객체 리터럴 예시이러한 객체리터럴은 회원정보, 상품 등을 만들

우선 Computed property에 대해서 정리하자!computed property(계산 된 프로퍼티)는 이런 식으로 사용 할 수 있다.이런 예제가 있다고 해보자!이는 를 사용해서 쓸 수도 있다즉,이렇게 a 라고 사용해도 a라는 문자열이 아니라, 변수 a에 할당

오늘은 유일한 식별자를 만들 때 사용하는 심볼(Symbol)에 대한 공부를 해봤다.정리를 해보자면....일반적으로 우리가 Object property key를 만들 때는 문자형으로 만들었다앞서 공부했던 Object Method를 사용해서 가져와보면 문자형으로 보이는 것

나는 문과생이자, 예체능 계열을 해왔다.그래서 수학이라는 것이 나오면 머리가 아파지기 일쑤 였다.그런데 오늘 정리하는 것은 Math 라는 것만 보고 피할 것이 아니라, 내가 더 편하게 숫자를 볼 수 있도록 도와주는 것이니 익혀두면 도움이 되겠다!1\. Math.PI우선

저번 시간의 숫자 Method에 이어서 문자열(String method)에 대해서 정리해보겠다!!length( ) : 문자열의 길이 : log-in을 만들 때 몇 자 이상(혹은 이하) 체크할 때 사용toUpperCase() / toLowerCase() : 모든 영문을

인강을 듣는 등 공부를 하다보면 '구조분해할당' 이라는 말을 참 많이 듣게 된다.그래서 오늘은 Destructuring 즉, 구조분해할당에 대해서 알아보려고 한다!우선 구조분해할당이 무엇일까?바로 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현

함수에 넘겨주는 인수의 갯수는 제약이 없다갯수를 정하고 만들어도 갯수를 굳이 맞출 필요는 없다 ※ 함수의 인수를 얻는 방법은 두 가지!'arguments' 에 대해서!! (과거 추세 ⇒ 요즘x , arrow function에는 없다)함수로 넘어 온 모든 인수에 접근

전개구문이라고 불리는 Spread syntax 역시 공부를 하다보면 참 많이 볼 수 있다.처음에는 저 점점점이 뭐지? 라는 생각만 들었는데, 알고나니 보인다.어떻게 활용할 수 있는지도 함께 알아보자!함수에 넘겨주는 인수의 갯수는 제약이 없다 ⇒ function sho

OOP라는 이야기를 너무 많이 듣게 되어서 공부를 조금 해보았고 정리를 해두려고 한다.OOP라는 것은 Object Oriented Programming의 약자이며 객체지향 프로그래밍을 말한다.이는 프로그래밍을 하는 여러가지 스타일 중 하나이다.객체지향? 그렇다면 객체가

아마 내가 익힌 베이직 중에 가장 쉽게 익히고, 또 많이 사용 되는 것 중 하나인 것 같다!: 일정 시간이 지난 후에 함수를 실행 시키는 것setTimeout(함수, 시간, 인수) 순서로 작성인수가 필요하다면 시간 뒤에 작성한다setTimeout은 time을 반환하는데

저번 시간에 이어서 시간과의 싸움!!오늘은 바로 async, await에 대한 정리를 해보려고 한다.내가 어려웠던 부분은 왜 await이라는 부분이 필요한가였다.뭔가 await을 꼭 해야하나... 꼭 기다려야하는건가? 라는 생각이 들었는데 꽤나 중요했고, 항상 그렇듯

Javascript를 사용하다보면 어김 없이 볼 수 있는 것이 바로 this 라는 것이다.다음에 this에 대해서 조금 더 자세하게 다뤄보겠지만, 우선 this를 바인딩 하는 방법인 call, apply, bind에 대해서 정리해보자!Javascript에서 call,

오늘은 Javascript는 물론 React에서도 자주 사용하게 되는 몇 API에 대해서 정리를 해보려고 한다.React를 사용하다보면 유독 자주 사용하게 되는 몇몇이 있는데 오늘 정리할 이 API들만 조금 알아도 도움이 된다.반복문을 돌려주는 것! 이런 배열이 있다고

아무래도 Array(배열)를 쪼개고, 비틀고 만져야하는 경우가 많이 있기 때문에 Array에서 사용 할 수 있는 몇 가지 API들을 알아보려고 한다.join은 Array를 벗긴 상태의 string으로 만들어준다.이렇게 해주게 되면 결과 값이라고 Array를 벗긴 상태로

저번 시간에 이어서 배열에서 사용되어지는 API들에 대해서 알아보려고 한다.배열에서 어디에서부터 어디까지를 지울지 정하면 삭제해주는 api라고 할 수 있다.이처럼 splice를 하고 나면 원래 array에도 영향을 받게 된다.즉, splice는 새로운 배열을 만드는 것

특히 인터랙티브한 이미지 구현을 원하는 분들이라면 꼭 봐야하는 것이 스크롤을 다루는 것이라고 생각한다.사실 매번 찾아봐도 나쁠건 없지만 작업속도 등을 고려하면 기본적인 것은 미리 익혀두는 것이 좋을 것 같다.읽기 전용 메소드요소의 border, scrollbar, ma

Javascript 그리고 React를 사용하다보면 어떤 곳을 클릭해야하는 일이 생기며, 이 클릭한 요소를 가져오는 방법이 필요하다.이 때 사용하는 것이 바로 e.target.value 혹은 e.currentTarget.value 이다.그런데 이 둘은 어떻게 다른 것일