Javascript

.map() 함수 > ### arr.map (callback, [thisArg] => ) map함수를 사용하여 반복적인 컴포넌트를 렌더링할 수 있다. map 함수는 파라미터로 전달된 함수를 사용해서 배열 내 각 요소를 새로운 배열로 생성한다 1. 제곱해서 새로운

🍒데이터 종류 > - var a =' '; //문자열 var b = 0; //숫자열 var c = false; //불린 var d = null; // 널 var e = []; //배열 var f = {}; // 객체 var g = function() {}; //함수 var a 는 "야, 데이터공간 이름a로해서 마련해!" 라고 하는데 이것을 변수를 선언...

🍒 함수 정의하기 🍒 함수 호출하기 함수 내부가 실행되려면 위와 같이 호출해야한다. 함수를 정의만 하고 호출하지 않으면 실행되지 않는다! (🚨정의와 호출 잘 구분하기!!!) 🍒 함수 선언하고 호출하기 여기서 add은 변수이름, x는 사용자가 넣고 싶은

전체 코드 render 진행과정 id와pw input에 같은 함수를 걸어주면 됐지만 state값이 서로 다르기 때문에 어떻게 하면 좋을까..하고 다른분들의 코드를 하나씩 찾아 보았다 input에 onChange 걸어주기 state 값으로 id와 pw를 빈스트

클로저란? 클로저는는 자바스크립트 고유의 개념이 아니라 ECMA Script 에서 정의를 다루지 않고 있고 다양한 문헌에서 제각각 클로저를 다르게 정의 하고 설명하고 있다. 정리해보자면 아래와 같다. 자신을 내포 하는 함수의 컨텍스트에 접근할 수 있는 함수 함수가

동기와 비동기의 개념 동기방식 : 코드가 순차적으로 실행되며 작업이 끝나면 그 다음 작업이 실행된다. 비동기 방식 : 작업이 종료되지 않은 상태에서도 그 다음 작업이 실행된다. 예를들어 setTimeout 함수에 3초 뒤에 호출되도록 설정하면 일단 코드가 위부터

예제를 찾아볼 때 preventDefault(); 이 코드를 마주칠 때가 있었다. submit 태그는 페이지를 이동시키거나 리프레쉬가 되기 때문에 이 문제를 해결하기위해 사용한다. 또는 a 태그를 눌렀을 때 href링크로 이동하지 않게 할 경우에도 사용한다. 적용할 함

✔ 호이스팅이란? 호이스팅이란? 함수 내부의 선언문을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것을 말한다. 함수 선언식, var, let, const 경우 호이스팅이 일어난다. var의 경우 선언과 초기화가 동시에 일어나기 때문에 호이스팅이 되

이 두 속성은 text element인지 html element 인지에 따라 차이가 있다.innerText 는 text의 값들만 가져오고 있고innerHTML 은 HTML을 가져오고 있다. innerText 경우엔 content안에 text로 설정하기 때문에 html코

특별한 작업을 하기위해 사용하는 블록.쉽게 말하면 원하는 값을 내기 위해 함수를 만든다.이 함수에 어떠한 값이 들어가면 함수 내부에서 가공이 되어 원하는 값이 리턴된다.hello라는 함수를 만들고 hello를 호출할 때 인자 3 을 넣어주면아무나들어오시오라는 매개변수를

하나의 변수에 모든 데이터를 갖고 있으며 배열은 대괄호 \[] 로 감싸져 있다. 배열의 값 하나하나를 Element(요소)라고 부르며 쉼표로 구분한다 요소 자리에는 String, Number, array 모두 가능하다.배열의 요소는 index를 가지고 있으며 시작은

자바스크립트를 이루고 있는 거의 모든 것은 객체이다. 객체는 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입이다예제 :

배열을 생성할 때 사용하는 리스트 형태의 객체이다.forEach는 콜백함수를 받아온다. array에 들어가는 값마다 forEach()에서 전달한 callback함수를 실행한다.배열의 맨 뒤에 추가하는 메서드, 추가 후 배열의 새로운 길이 를 반환한다. console

배열의 모든 요소를 연결해 하나의 문자열로 만드는 메서드만약에 arr.length가 0 이라면 빈 문자열을 반환한다.string 객체를 지정한 구분자를 이용하여 여러 개의 문자열로 나눈다.revers() 메서드는 배열의 순서를 반전합니다slice(시작index, 끝in

JavaScript Object Notation, 웹 어플 데이터를 전송할 때 사용한다. json은 {key : value}로 이루어져있다. clint에서 object를 server로 전달될 때 {key:value} 오브젝트를 string type으로 변환하여 serv

자바스크립트는 기본적으로 동기적 언어이다. 이것의 문제점을 해결하기위해 나온것이 비동기 처리 중 하나인 promise이다. Promise는 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용한다. 일반적으로 웹을 구현할 때 서버에서 데이터를 요청하고 받아오기 위해 사

자바스크립트는 기본적으로 동기적 언어이다. 이것의 문제점을 해결하기위해 나온것이 비동기 처리 중 하나인 promise이다. Promise는 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용한다. 일반적으로 웹을 구현할 때 서버에서 데이터를 요청하고 받아오기 위해 사

이 자료들은 코딩을 하다보면 은근히 헷갈리는 자료형들이다. 그래서 정리해보았다! 객체가 없음을 나타낸다. 의도적으로 비어있음을 표현할때 사용하며 불리언 연산에서는 거짓으로 취급한다. 위 처럼 object가 뜨는 이유는 찾아보니 초기 버전의 버그라고 나온다. 그래서 nu

classname은 dom집합체(HTML collection)를 가져오기 떄문에 이벤트리스너가 불가하다. 그래서 특정해줘야한다.개발자도구에서 확인했을 때 여기서 왜 자꾸 이벤트리스너에 에러가 뜨는지 구글링해본 결과. HTML collection으로 가져올 땐 이벤트가

위의 경우에는 num변수에는 숫자 2자체가 들어있지만,numObj에 오브젝트가 할당되면 numObj는 참조값이 할당된다. 좀 더 쉽게 말하자면, 오브젝트의 고유한 참조값 예를들어 1234면 1234가 numObj에 할당된다. 이 경우에는 변수 a와 b가 각각 다른 참조

열거가능한 자체 속성을 복사해 타겟에 붙여넣는다. Target sources를 복사해와 반영한 후 반환하는 객체sources 반영하고자 하는 속성들을 갖고 있는 객체출력한다면?위와 같이 기존 target 속성이 복사해 온 sources 값이 b:4로 덮어씌워져 변경되

웹팩은 모듈 번들러이다 기능이 구현된 자바스크립트 개별 파일이라고 생각하면 된다.번들이란 여러 파일, 여러 구성을 합치는 것을 말하므로 번들러란 합치게해주는 것을 말한다.모듈화된 파일들을 하나로 묶어 관리해야하므로 번들러의 역할이 중요하다.모듈간의 의존성을 파악하여

함수를 반환하는 함수이다. 함수에 인자로 함수를 전달하면 새로운 기능이 추가된 새 함수를 반환한다. 즉, 중복되는 코드를 재활용할 수 있다. 여기서 test2의 인자가 어떻게 받는지 궁금해졌다.console.log를 찍어본 결과, test2의 인자 c와 리턴 함수 인자