JS

HTML CSS단어와 단어 사이를 연결해주는 것(띄어쓰기 대신에 사용)the-quick-brown-fox-jumps-over-the-lazy-dogHTML CSS언더바를 사용해서 단어를 연결해주는 것the_quick_brown_fox_jumps_over_the_lazy

따옴표를 사용함문자데이터는 큰 따옴표, 작은 따옴표를 상관하지 않는다. (= 같은 의미이다)정수 및 부동소수점 숫자를 나타냄true, false 두 가지 값밖에 없는 논리데이터값이 할당되지 않은 상태를 의미함값은 없지만 하나의 데이터로 인식한다. (특별한 문법)어떤 값

데이터를 저장하고 참조(사용)하는 데이터의 이름 (var, let, const)재사용이 가능함 a 라는 변수와 b 라는 변수를 곱할 수도 있고 더할수도 있고 다양하게 사용가능하다는 것을 재사용이 가능하다라고 말한다변수 선언을 함 (let)사용 X특별한 의미를 가지고 있

특정 동작(기능)을 수행하는 일부 코드의 집합(부분)매개변수 (parameters) : 메서드 선언에 정의한 변수인수 (arguments) : 메서드 호출 시 넘기는 실제 값기명 함수이름을 지정해준 함수 (function hello 의 hello 부분)익명 함수이름을

if else조건의 결과 (truthy, falsy) 에 따라 다른 코드를 실행하는 구문

자바스크립트에서 HTML을 제어하는 여러가지 명령들DOM : Document Object Modeldocument : HTMLobject : div, span, input ...API : Apllication Programming Interface애플리케이션을 동작하기

여러가지 메소드들이 한 줄에 연결되어있는 형태split : 문자를 인수 기준으로 쪼개서 배열로 반환 (a 값의 Hello~ 를 배열로 줌)reverse : 배열을 뒤집기 (기본적인 앞→뒤 순서를 뒤→앞 순서로 바꿈)join : 배열을 인수 기준으로 문자로 병합해 반환J

스코프/호이스팅/전역객체에 대해

다양한 기능(패키지, 모듈)들을 관리npm 설치사이트npm 파일들 설치 약어로 npm i 만 쳐도 가능일반 의존성 설치, 브라우저와 직접적인 연관이 되어있음사용자들이 직접적으로 볼 수 있는 화면(환경)처음 vscode 프로젝트를 시작해서 빈화면 일때 터미널에 입력해주는

하나의 객체이다.미리 정해져있는 변수인데 상황에 따라 달라진다. (코드를 맥락상 보면서 이해해야함)const a = {} → 참조window 와 같다.아무것도 없을때 (전역공간) 윈도우와 같다.this === window실행 맥락 (excute context) 으로 t

다음으로 넘어갈때 ,(컴마) 를 사용하지 않음new 가 필수로 사용된디.newnew 로 시작하는 함수는 반드시 대문자로 시작하는 이름을 가져야함new 를 호출을 하면 { } 비어있는 객체가 생성됨빈 객채를 this 가 참조하도록 변경됨함수가 종료되면 자동으로 this

함수가 만들어질때, 호출될때가 있는데, 클로저는 함수가 만들어질때 함수 스코프 안에 있는 코드 안에 있는 접근하는 변수들중에서 본인이 가지고있지 않은 것을 기억한다(클로저라는 공간을 만들어놓고 a를 넣어놓음). 그래서 yourfun 함수는 a 와 클로저 를 함께 가지고

자바스크립트 연산자 종류 및 getType 에 대한 설명

📌배열 여러 가지 데이터를 한 줄로 정리해 놓은 것 (여러 값을 하나의 변수에 저장하는 행위) 인덱스는 0부터 카운트 된다. 배열의 특징 순서: 배열 안의 물건들은 순서가 있다. (첫 번째, 두 번째, 세 번째 이런 식) 정리: 배열은 여러 가지 물건을 정리해서 쉽

문자 데이터객체 데이터숫자 데이터참 같은 값true, {}, \[], 1, 2, 'false', -12, '3.14' ...거짓 같은 값false, '', null, undefined, 0, -0, NaN(Not a Number) ...== (동등연산자)두 값의 모양이

미리 만들어진 정보에 추가적인 살을 붙여가면서 새로운 기능들을 확장을 사용하면서 재사용이 가능하다.

문자열의 생성자호출한 string 객체에서 주어진 값과 일치하는 첫번째 인덱스를 반환하고, 일치하는 값이 없으면 -1을 반환한다.prototype : 메모리에 딱 한번 지정이 됨new String = Sting → 하나의 새로운 객체 생성dog 이 첫번째로 위치한 곳

toFixed(숫자)소수점의 특정 위치까지 표시함parseInt전역함수정수 숫자로 반환됨 (소수점 버림)parseFloat전역함수소수점을 유지하면서 문자데이터가 아닌 숫자데이터로 변경시킴수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체내장객체 : 자바스크립트

배열의 종류

다른 글에서 이어집니다!일반메소드모든 객체가 다 다른 값을 가지고 있음정적메소드모든 객체가 다 같은 값을 가지고 있음 (공통된 기능)값이 모두 같기 때문에 특정 객체를 지목하지 않아도 됨 (간편함)열거할 수 있는 하나 이상의 출처 객체로부터 대상 객체로 속성을 복사할

배열이나 객체 속성을 추출해서 변수에 할당할 수 있도록 하는 기능내가 원하는 속성들만 꺼내서 사용할 수 있는 기능 변수로 만들어서 활용 가능예시 1번예시 2번

📌 불변성 (immutability) 원시 데이터 (기본데이터) String, Number, Boolean, undefined, null 참조형 데이터 Object, Array, Function

정규표현식(RegExp) 컴퓨터가 글자나 숫자 같은 것들을 찾아내는 행위를 의미합니다. 정규식 Regular Expression (RegExp) 역할 문자 검색(search) 문자 대체(replace) 문자 추출(extract) 테스트 사이트 https://

기본적으로 제공되는 HTML, CSS, JS 같은 것들로만은 실질적으로 웹에서 동작할 수 있는 형태를 만들기에는 어려움이 있습니다. 그렇기 때문에 우리는 다양한 외부 프로그램(Sass, Vue, React...)을 사용하게 됩니다.이런 외부프로그램들을 우리는

기본 설정1\. install npm (json 파일 생성)2\. npm i -D webpack webpack-cli webpack-de3\. package.json 내용 수정"scripts": {"dev": "webpack-dev-server --mode develo

복습용