목록Programming/Javascript (5)
개발이글스
일상에서 여러개의 물체를 순서대로 늘어놓은 것을 배열이라고 부릅니다. 프로그래밍에서 사용하는 배열이라는 용어도 비슷한 의미가 있습니다. 데이터를 질서있게 한줄로 늘어둔것을 배열이라고 합니다. 주로 데이터를 차곡차곡 정리해두기 위해 사용하며, 배열을 만들때는 대괄호 []를 사용합니다. >let a =[1,2,3,4] >a (4) [1,2,3,4] 맨앞에 소괄호()를 통해 배열의 길이를 안내해 주기도 합니다. 위 코드는 a라는 변수를 만들고, 이 변수에 배열을 할당하는 과정을 표현하고 있습니다. 배열의 내용물은 1,2,3,4라는 데이터입니다. 배열 역시 스트링과 마찬가지로 대괄호를 사용해서 인덱싱을 할 수 있고, slice()함수를 사용해서 슬라이싱할 수도 있습니다. >a[2] 3 >a.slice(2,4) ..
함수란? 함수는 프로그래밍에서 가장 중요한 개념입니다. 함수는 영어로 function 이라고 부릅니다. 함수에 집어넣는 값을 "입력값(input)", 함수가 뱉어내는 값을 출력값(output)이라고 부릅니다. #함수를 만드는 방법 1.입력값이 없는 경우 function 함수name (){ 실행할 내용 } 2.입력값이 있는 경우 function 함수name(매개변수){ 실행할 내용 } #매개변수 매개변수는 함수에 입력된 값을 임시로 저장해 두기 위한 변수입니다. function plus(x){ console.log(x+2) } >plu3(3) 5 plus 라는 이름의 함수를 만들었네요. 사용자는 괄호를 통해 함수에 값을 전달합니다. plus(3) 이렇게 3이라는 값을 괄호에 넣어줬습니다. 이렇게 5라는 사..
1.변수 : 변수(variable)는 데이터를 담아두기 위한 그릇과도 같은 존재라고 생각하면 편합니다. let : 변수의 재할당이 가능하다. let a =3이라고 해놓고 나중에 let a=4라고 바꿀 수 있다는 것이다. const : 한번 할당한 변수를 바꿀 수 없다. 변수의 재선언, 재할당 불가능! var : 변수를 쓸 때 사용, 예전에는 많이 썼지만 let, const 를 더 많이 씀. 2.if문 if(조건){ 수행할 행동 } -> 괄호 안에 넣어준 "조건"이 true이면 중괄호안에있는 "수행할행동"을 실행하고, false이면 아무런 행동도 취하지 않습니다. **참과 거짓을 판명하는데 자주 사용하는 유용한 도구! === :동일한지 비교 !==: 다른지 비교 : 대소 비교(미만/초과) =: 대소..
자바스크립트 코드 실행 방법 자바스크립트의 코드 실행을 위하여 별도의 프로그램을 설치할 필요는 없습니다! 크롬, 사파리 등과 같은 웹 브라우저에서 개발자모드를 실행하고(마우스 우클릭-> "검사" 클릭-> [콘솔]탭 클릭) 1. 사칙연산 console창에서 덧셈, 뺄셈, 곱셈, 나눗셈을 이용해 사칙연산이 가능합니다. 덧셈은 "+" 뺄셈은 "-" 곱셈은 "*" 나눗셈은 "/" 2. Data Type(데이터타입) : 데이터 타입을 확인하는 방법은 typeof()라는 코드를 콘솔에 입력하면, 데이터의 타입을 확인할 수 가있습니다. 자바스크립트에는 6가지의 기본 데이터타입이 존재하는데, 꼭 알아야할 4가지를 소개합니다. Number : 숫자형태 String: 문자열 형태 Boolean: 참과 거짓의 형태 unde..
JavaScript : 웹 페이지에 영혼을 불어넣는 도구 HTML: 웹페이지의 뼈대 CSS: 웹페이지의 껍데기 JavaScript: 웹페이지를 동적으로 바꿔주는 도구 자바스크립트는 복잡한 계산을 수행하고, HTML 태그와 CSS 스타일을 수정할 수 있는 도구이다. "이 두가지를 수정할 수 있다는것" 이 가장 중요한 특징 중 하나이다. 하이퍼텍스트가 주목받았던 이유는 하이퍼링크를 통해 정보탐색이 가능했기때문에입니다. 자바스크립트는 하이퍼텍스트의 한계를 돌파해 한층 더 고차원적인 정보전달을 가능케합니다. 유저들은 자바스크립트를 사용해 버튼을 클릭해 어떠한 정보를 본다거나, 스크롤을 이동시켜 문서의 내용물과 모양등을 수정할 수 있습니다. 덕분에 유저와 웹 페이지가 실시간으로 상호작용할 수 있게 되었고, 사용자..