본문 바로가기

Web Front-end 공부26

Js 객체 리터럴 배열도 함수도 다 객체다. 배열도 함수도 아닌애들 중에서 특정 모양을 가지면 객체리터럴이라고 부름. 중괄호를 쓴 애들 배열과 객체리터럴의 차이는? 객체리터럴은 값의 이름이 다 붙어 있음. 배열에서는 인덱스만 있다. 둘다 하나로 묶이지만 값의 이름이 필요하다면 객체리터럴을 사요하고 그냥 모으기만 필요하다면 배열을 쓰면 됨. const 객체 = { 속성1 : 속성값1, 속성2 : 속성값2, 속성3 : 속성값3, } 속성 : 속성값 뒤에 꼭 쉼표를 찍어주자 속성의 이름들은 문자열이여도 따옴표를 안붙여줘도 되는 경우가 많다. 하지만 예외가 있음 // 맨 앞에 숫자가 들어가거나, 특수문자나 띄어쓰기가 들어가면 따옴표 안에 써줘야함. const zerocho = { name: '조현영', year: 1994, mo.. 2022. 5. 23.
Js 함수 일정한 동작을 함수로 만들어놓고 그 함수를 실행하거나 호출할 수 있음. 한번 만들어 놓은 애들은 여러번 실행이 가능하다. 함수를 한 번 만들어놓으면 반복적인 작업을 덜 할 수 있게 된다. 함수를 만들 때는 function예약어를 사용하거나 =>화살표를 사용한 화살표함수를 사용한다. 함수에는 이름을 붙여줘야 다른 곳에서도 사용이 가능하다. 함수선언문, 함수표현식은 자주쓰는 용어이니까 외워두자. function a() {} // 함수선언문 const b = function() {}; // 함수표현식 const c = () => {}; // 화살표함수는 꼭 변수에 넣어서 이름을 붙여줘야한다. // function a() {} 같은 함수선언문 뒤에는 세미콜론을 붙이지 않는다. 함수는 만들기만하면 실행되는게 아니.. 2022. 5. 23.
Js 배열 다양한 자료형을 하나로 묶어 놓은 것. 예를들어, 사과,배,참외, 귤 등 과일들을 정하는데 일일히 변수를 지정하면 갯수가 매우 많아질 때 정리하기가 어려워진다. 그래서 우리는 fruit라는 배열을 만들어 그 안에 과일들을 넣어서 정리를 할 수 있다. 배열을 정할때는 대괄호[]로 사용한다. 사과, 배, 참외, 귤은 배열안에 들어있는 요소(element)라고 부른다. 배열에서 자릿수는 0부터 시작. 인덱스 0,1,2...이렇게 넘어간다. const fruit = ['사과','배','참외','귤'] 배열안에는 또 배열이 들어갈 수도 있음 const arrayOfArray = [[1,2,3],[4,5]]; arrayOfArray[0]; // [1,2,3] 변수들도 배열안에 들어갈 수 있음 const a = 10.. 2022. 5. 21.
Js 반복문 컴퓨터를 사용하는 이유 자체가 복잡한 계산이나 반복적인 작업을 처리하는데 매우 효율적이기 때문이다. #반복문 while while(조건식){} 에서 조건식이 true 라면 조건식이 true인 동안은 실행문이 계속 실행된다. while 문을 실행시킬때 우리가 실수라 무한반복문을 실행시키는 경우가 상당히 많이 발생할 것이다. 이런 경우는 웹페이지가 잘 멈추는데 이때는 웹 브라우저를 강제종료해야 실행을 멈출 수 있다 그럼 어떻게 무한반복을 방지하고 true / false 일때의 상황을 분리해서 코드를 실행시킬 수 있을까? 이때 변수를 사용해서 변수를 true로 만든 동안은 반복, 그 뒤로는 false로 만들어서 반복문이 정지되도록 할 수 있따다. 변수 i를 설정해주고 이 i가 4보다 작은 동안에는 계속 실행되.. 2022. 5. 21.

티스토리툴바