일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- async/await
- 자바스크립트의 클래스
- 호이스팅
- 가상 dom
- props와 state 차이점
- 자바스크립트 함수
- CSS
- 브라우저 렌더링원리
- polyfill
- 얕은 복사
- 프로미스
- undeclared
- 이벤트 버블링
- 변수 생성 단계
- MPA
- 스코프 체인
- 깊은 복사
- webpack
- react
- 자바스크립트
- 클라이언트 사이드 렌더링
- 세션 스토리지
- CORS
- 서버 사이드 렌더링
- 리액트
- 주소창에 naver 입력시 일어나는 일
- 실행 컨텍스트
- 이벤트 캡처링
- 로컬 스토리지
- 리액트의 생명 주기
- Today
- Total
목록프론트엔드/JavaScript (23)
Gapus Dev Blog
조건문 - if... else if... else 구조로 되어있다. if 중첩이 가능하다. if(조건) 조건이 참이면 { }를 실행하고, 거짓이면 else를 실행한다. // 기본 구조 if(true){ //true 실행일 때 실행 } else { //false 거짓일 때 실행 } // if 중청 if(true){ //true 실행일 때 실행 } else if(true){ //true 실행일 때 실행 - 위 조건이 거짓일 때 실행 } else { //false 거짓일 때 실행 } 조건문 - switch switch.. case 구조로 되어있다. switch(비교할 값)에서 비교할 값이 case 비교당할 값: 이랑 동일한 case를 실행한다. case와 동일한 값이 없으면 default를 실행한다. 하지만 ..
데이터 타입이란? 데이터 타입이란 개발에 사용하는 데이터의 종류이다. 원시 타입은 변경 불가능하며, 재할당을 해야 한다. 재할당을 하게 되면 연결된 메모리주소와 연결을 끊고 새롭게 만든 데이터의 메모리 주소와 연결한다. 원시 타입(primitive data type) boolean number string null undefined 객체 타입 (object type) object Javascript에 대해 - 객체 boolean boolean 타입은 논리적 참, 거짓을 나타내는 true, false이다. boolean은 주로 흐름을 제어하는 조건문에서 사용한다. null, undefined, 숫자 0, -0 , " "는 false로 처리 var foo = true; var bar = false; // t..
객체란? 객체는 다양한 데이터를 묶어 각 데이터를 키(key)와 값(value)으로 연결하여 구성한다. 구성하는 방법은 { 키: 값 } 형식으로 구성하고 추가 데이터 있으면 콤마(,)로 묶어준다. 여러 형식의 데이터를 저장할 때는 배열을 사용하는 것보단, 객체를 사용하는 것이 좋다. // 기본 구성 방식 let data = { key: value, key: value, }; // 여러 형식의 데이터를 객체로 가능 let info = { name: "가프스", age: 30, job: "개발자", } 객체의 특징 // 객체 선언 let info = { name: "가프스", age: 30, job: "개발자", } // 값 꺼내기 info.name // '가프스' info['name'] // '가프스' /..
배열이란? 변수 안에 여러 데이터를 넣어야 할 때 사용하는 방법이다. 배열을 사용할 때는 [ ] 안에 데이터를 , 로 구분하여 넣는다. // 빈 배열 const blanksArr = [] // 아무것도 안담는 것도 가능 // 숫자들로 이루어진 배열 const numbers = [2, 10, 7, 3.3] // 숫자 담기 // 문자들로 이루어진 배열 const classmates = ["코드", "캠프"] // 문자 담기 배열의 특징 배열은 각 데이터의 위치를 알려주는 index를 사용하며, index는 첫 번째 칸을 0부터 시작한다. 배열의 길이를 구하는 length는 index와 달리 1부터 시작 배열의 Method와 속성 // 배열 만들기 const blanks = [] // 비어있는 배열 const..
자바스크립트(Javascript) 란? 객체 기반의 스크립트 언어이다. HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현이 가능하다. 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같이 서버 측 프로그래밍이 가능하다. 자바스크립트는 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어이다. 자바스크립트는 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있다. 변수와 상수 변수와 상수는 데이터를 담는 공간이다. 변수는 데이터를 바꿀 수 있지만, 상수는 데이터를 바꾸지 못한다. 변수 - var, let 상수 - const 선언 선언은 변수와 상수에 이름을 붙여 알려주는 행위이다. 변수와 상수를 사용하기 위해서는 선언을 해줘야 한다...