일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- onChange
- dfsbfs
- HTML
- Spring
- Express
- 정글sw
- SW정글
- malloc-lab
- 리액트
- 코딩테스트
- sw 정글
- 백준
- 자바스크립트
- JavaScrpit
- React
- html input
- node.js
- 사용자 정의 객체
- 템플릿 문자열
- sw정글사관학교
- 회원가입 폼
- PINTOS
- 프로그래머스
- 목록 창 만들기
- conding test
- python
- 자바스크립트 문자열 변수
- 회원가입
- Coding Test
- javascript
- Today
- Total
목록개발공부/Javascript (6)
코드치고 무게치고
개념을 이해한다는 것은 용어를 정확히 이해하고 설명할 수 있다는 것이다. -모던 자바스크립트 Deep Dive p50- 모던 자바스트립트 Deep Dive를 공부하여 자주 나오는 표현들을 정리하고자 이 글을 작성한다. 책을 읽을 때에는 이해한다고 넘겼지만 뒷장으로 넘어갈수록 반복되는 표현들을 앞장으로 넘기며 찾아보는 일이 많이 생겼다. 제대로 이해하지 못했다는 것이다. 다시 이해하고 기억하도록 잘 정리해보자 값 값(value)는값(value)은 식(표현식)이 평가(evaluate)되어 생성된 결과를 말한다. 거창한 문장 같지만 하나 하나 보면 어렵지 않다. 하나씩 풀어보자 평가란? 평가란 식을 해석해서 값을 생성하거나 참조하는 것을 의미한다. 예시를 보자 10 + 20 // 30 10 + 20 이란 수식..
React를 인강을 보여 공부하면 할수록 기본 자바스크립트의 중요성을 매우 느끼는 중이다. 그래서 모던 자바스크립트 Deep Dive를 보여 공부한 내용을 정리하려고 이 시리즈를 시작했다. 모든 내용을 알고 정리하면 좋겠지만 공부를 하며 필요하다고 생각되는 것 위주로 정리해보겠다. 본문 자바스크립트에서의 데이터 타입은 크게 2가지로 구분한다. 원시 타입: string, number, boolean, null, undefined, symbol 객체 타입: Array, Object, Function 원시 값이란? 원시 타입의 값은 변경 불가능한 값이다. 한번 생성된 원시 타입은 읽기 전용으로 값을 변경할 수 없다. 원시 값은 변수에 할당하면 변수에는 실제 값이 저장된다. 변경 불가능한 값에 의미 원시 값을 ..
자바스크립트를 공부하면서 많이들 var로 변수를 선언하지 말고 const와 let을 사용하라고 한다. 왜 var를 지양하는지 정리해보려고 한다. var로 선언된 변수의 문제점 1) 중복 선언 var로 선언된 변수는 중복 선언이 가능하다. var name = "kim"; console.log(name); // kim var name = "lee"; console.log(name); //lee 위의 예제와 같이 name을 중복해서 선언해도 에러가 발생하지 않는다. 이는 개발자가 의도치 않게 변수명을 똑같이 선언하고 값을 재할당할 수 있게 되고 문제가 발생할 수 있다. let과 const는 같은 스코프 내에 중독 선언을 허용하지 않는다. let과 const로 선언된 변수는 SyntaxError가 나오게 된다...
객체란? 사용자 정의 객체 만들기 간단하게 말해서 복합 자료형이다.. 객체 안에는 숫자, 문자열 심지어 객체까지 포함할 수 있어 복합 자료형이라고 부른다. 간단한 예제로 아래와 같이 문자열, 숫자를 포함한 book이란 객체를 만들었다. let book ={ title: '제목', author: '홍길동', pages: 350, price: 1800, } 객체는 key : value 형태로 구성된다. title은 key이고 '제목'은 value에 해당된다. 자바 스크립스에서 객체의 종류 내장객체: 자바스크립트 안에 미리 객체로 정의되어 있는 객체 ex) Date 문서 객체 모델(DOM): 객체를 사용해 웹 문서를 관리하는 방식 ex) Document, Image 객체 등이 있다. 브라우저 객체 모델(BOM..
이번 글은 템플릿 문자열에 관하여 알아보겠다. 이것도 모르고 프로젝트 코드 작성하다가 한참 시간 낭비했다. 템플릿 문자열은 ES6에서 새로 추가된 문자열이다. 이 문자열은 큰 따옴표나 작은따옴표로 감싸는 기존 문자열과 다르게 tab키 위의 백틱( ` )으로 감싼다. 특이한 점은 이 문장열 안에 변수를 넣을 수 있다. 비교 예시를 보자 기존의 es5 문법은 아래와 같다. let num1 = 1; let num2 = 2; let result = 3; let string1 = num1 + " 더하기" + num2 + "는 '" + result + "'"; console.log(string); // 1 더하기 2는 '3' 위의 코드는 변수, 더하기 기호 등으로 가독성이 좋지 않다. 이제 템플릿 문자열을 사용해서..
React로 열심히 프로젝트를 하다가 프로젝트를 잠깐 쉬게 되었다. 그래서 부족하다고 느꼈던 Javascript를 기초부터 다시 정리하기로 했다. 오늘 글은 Javascript에서 변수를 선언할때 사용하는 var, const, let에 대하여 알아보도록하자 1. 선언방식 선언하는 방식은 아래와 같다. var, let, const 등을 적고 변수명을 적어서 선언하면된다. var x = 3; console.log(x); // 3 let y = 2; console.log(y); // 2 const z = 1; console.log(z); // 1 2. 차이점 그럼 3개의 차이점이 무엇인가? 먼저 var은 함수 스코프를 가지고 let, const는 블록 스코프를 가진다. 함수 스코프는 블록( '{}'와 같은 중..