'Javascript' 카테고리의 글 목록 (9 Page)

[클린코드 자바스크립트] var를 지양하자(var, let, const)

2022.03.10

var 대신 const를 사용하자! var 함수 스코프 let, const 블록 단위 스코프 let, const 블록스코프에 대해서 TDZ(Temporal Dead Zone)이라는 속성을 가질 수 있는데, 이렇게 되면 안전하게 코드를 작성할 수 있다. var로는 같은 변수명에 재할당, 재선언을 끊임없이 할 수 있다. (위험) let과 const의 차이는 let은 먼저 변수를 선언하고 언제든지 재할당할 수 있다. 예약어 const는 변수를 선언 후 바로 할당까지 해야한다. 변수를 한번 만들고 재할당 할 수가 없다. var, let, const의 스코프 차이 예제1 : var는 함수단위, if문 블럭은 함수단위가 아니다. 블럭단위 스코프가 아닌 이상 블럭 밖까지 전역 변수처럼 활동하게 된다. var glob..

Javascript/Javascript

[기초 자바스크립트] 6. if문, 삼항연산자

2022.03.09

if(조건){ 조건이 true일 경우 들어옴 }else if(또 다른 조건){ 조건이 true일 경우 들어옴 }else if(또 다른 조건){ 조건이 true일 경우 들어옴 }else { 모든 조건이 false인 경우 들어옴 } 연산자 if 문에 조건을 쓸때 비교연산자와 논리연산자가 많이 쓰인다. 비교연산자와 논리연산자는 항상 true, false로 떨어진다 범위 표현 1~10사이라는 조건을 표현하고 싶을때는 반드시 && 연산자를 써줄 것 1

Javascript/Javascript

[기초 자바스크립트] 5. 객체 타입(자료형), 객체(자료형)를 배열 안에 넣기

2022.03.09

객체 또는 영어로는 오브젝트(object)라고도 불린다. 세상에는 단 하나의 데이터로 표현되지 않는 정보가 많다. ('나'라는 사람을 표현하기 위해서도 이름, 나이, 사는곳 등의 정보가 필요) 객체 타입은 관련있는 정보들을 묶어서 하나의 데이터를 표현하는데 유용하다. let patient = { name : "jimin", age : 17, disease : "cold" } console.log(patient) console.log(patient.name) console.log(patient.age) console.log(patient.disease) 출력결과 { name: 'jimin', age: 17, disease: 'cold' } jimin 17 cold 객체에는 값 뿐만 아니라 함수도 들어갈 수..

Javascript/Javascript

[기초 자바스크립트] 4. 배열, 배열과 같이 쓸 수 있는 함수들

2022.03.08

* slice는 기존의 배열을 건들지 않는다.(따라서 잘린 값을 빼서 새 배열을 만들고 싶으면 let 새 변수에 할당해야함) * splice는 기존의 배열이 잘린다. * push() 배열 뒷부분에 요소 추가 * 인덱스를 사용해 배열 뒷부분에 요소 추가하기 const fruit =['바나나','사과','배'] fruit[fruit.length]='귤' fruit ['바나나','사과','배','귤'] 요런 갬성.., let fruit1="banana" let fruit2="apple" let fruit3="grape" let fruits = ["banana","apple","grape","mango"] console.log(fruits) console.log(fruits[0]) console.log(frui..

Javascript/Javascript

[기초 자바스크립트] 3. temp 예제

2022.03.03

자바스크립트도 다른 언어들과 똑같다! let a = 50 let b = 30 console.log(a,b) let temp = a a = b b = temp console.log(a,b) 50 30 30 50

Javascript/Javascript

[기초 자바스크립트] 2. 자료형과 연산자

2022.03.03

우와.. 그냥 let 변수에 대입해주는 스타일에 따라서 자료형이 달라지네..??? 굉장하다.. 체감상 c++(강철) c#(실리콘) js(깃털)의 느낌??(도대체 이게 무슨 소리니) 특히 = 다음에 할당되는 값에 따라 변수의 자료형이 바뀔 수 있다는 것은 무서운 신세계 덜덜... let name = 1 name += 1 console.log(name) //2 name = name>5 console.log(name)//false 항상 = 를 써서 값을 할당(변수에 담는 행위)해주는 것을 잊지 말자. let name = "123"+1 console.log(name)//1231 let name = 1 name += 1 console.log(name) //2 name ++ console.log(name) //3 ..

Javascript/Javascript

[기초 자바스크립트] 1. 변수 선언 (let, const, var)

2022.03.03

일단 문장 끝에 ; 를 안 쓴다는 것이 낯설고 손에 식은 땀이 살짝 난다... Hello JavaScript! 이때까지 프로그래밍 언어중에서 컴파일 언어인 C, C++, C#, Java 만 써봤는데 프로그래밍 언어 중에 인터프리터 언어인 JavaScript를 자주 쓰게될 것 같아서 앞으로 기대된다!(파이썬 안 써봄) let let color1 = "pink" let color2 = "blue" console.log(color1) console.log(color2) SyntaxError: Identifier 'color1' has already been declared let color1 = "pink" let color1 = "blue" let color1 = "pink" color1 = "blue" C..

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

Javascript

[클린코드 자바스크립트] var를 지양하자(var, let, const)

[기초 자바스크립트] 6. if문, 삼항연산자

[기초 자바스크립트] 5. 객체 타입(자료형), 객체(자료형)를 배열 안에 넣기

[기초 자바스크립트] 4. 배열, 배열과 같이 쓸 수 있는 함수들

[기초 자바스크립트] 3. temp 예제

[기초 자바스크립트] 2. 자료형과 연산자

[기초 자바스크립트] 1. 변수 선언 (let, const, var)

티스토리툴바

단축키

내 블로그

블로그 게시글

모든 영역