javascript

string문자데이터 Number숫자데이터Boleantrue false 두가지 값 데이터Undefined지정되지 않은 할당되지 않은 상태Null어떤값이 의도적으로 비어있음을 의미Object객체데이터여러데이터를 key:Value 형태로 저장Array배열데이터여러 데이터

getElementById : 인자에 해당하는 값을 id로 하는 요소를 하나 반환합니다.getElementsByClassName : 인자에 해당하는 값을 class로 하는 요소를 여러개 반환합니다.querySelector : css-selector 문법을 받아서 해당하

호이스팅(hoisting)이란, 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미합니다. var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화합니다. 반면 let과 const로 선언한 변수의 경우 호이스팅 시 변수를 초기

함수의 인수로 사용되는 함수이때 beomhak 다음으로 Done! 이 출력되게 하려면timeout 함수에 인수로 화살표함수를 추가하여 cb를 매개변수로 실행해주고 싶은 위치에 보장을해준다.

if문과 switch 문을 비교해보자먼저 if문switch문switch 문은 각 케이스별 끝날때마다 break를 넣어주는게 중요하다!마지막은 else 대신 default로 끝내주기ex) i를 0부터 시작하여 5보다 작을때까지 반복하여 찍어낸것을1을 더하여 li 변수에

몇번째에 해당글자가 있는지 추출0번째부터 3번째까지 단어 추출'world' 를 'beom' 으로 바꿔줌정규표현식으로 원하는 정보를추출가능공백제거parseInt()parseFloat()Mathsamplelengthcontact()forEach()배열데이터 아이템 갯수만큼

정규식, Regular Expression문자 검색(search)문자 대체(replace)문자 추출(extract)https://regexr.com/search{3} | 3개 연속 일치{3, } 3개 이상 연속 일치 {3,5} | 3개 이상 5개 이하(3~5

npm init -ypackage.json 생성된다.npm i parcel-bundler -D파슬번들러 패키지 개발용 설치package.json 파일 이동하여 dev와 디스트파일용 build 를 설정해준다. 로컬서버를 열어준다.npm run dev

substr() 메서드는 문자열에서 특정 위치에서 시작하여 특정 문자 수 만큼의 문자들을 반환합니다.예제 1 )탭메뉴에서 substr 메서드가 쓰이는 경우를 알아보자.탭메뉴와 탭컨텐츠가 이름이 비슷하지만 앞의 두글자만 다르다.이경우 앞의두글자의 문자열을 이용하여 탭메뉴

클래스명 없이 순서매칭으로만 탭메뉴 구현하기!for문으로 전체를 반복해주고,li 클릭시 함수를 실행해준뒤,li들과 div에서 forEach문으로 반복해줘 클래스를 제거해준다.그리고 다시 li들과 div를 전체 for문에서 받아온 i 인자값을 이용하여클래스를 붙여준다.두

컬러부분을 json 에서 꺼내와 뿌려주는 내용입니다.나머지는 기존 탭메뉴 구현방식과 동일합니다.

강의보던도중 filter함수에대해 좀더 깊게 공부하고싶어예제를 몇개 찾아보았다.예제1 )pizza , banana , tomato 가 담겨져있는 배열에서함수로 food 라는 변수를 만들어주고 banana 를 제외하고 가져오라 하는 예제이다.예제2 )1234, 5454,