본문 바로가기

Programming/JavaScript18

[JavaScript] Hello, JavaScript: 자바스크립트 입문 파트6. 배열 배열 엘리먼트가 연속된 저장 공간. 주소(인덱스)를 이용해 각 엘리먼트에 접근 가능. var arr = [];// 빈 배열 var arr = [1,2,3];//초기화된 배열 var mixed_arr = [1, true, 3.14, "string", {name:"object"}, [1,2,3]];//어떤 자료형이든 저장 가능 arr[0];// 1 반환됨 배열의 길이 arr.length; 배열에 엘리먼트 추가 / 삭제 / 뒤집기 / 정렬 배열에 엘리먼트 추가 / 삭제 / 뒤집기 / 정렬 var arr = [1,2,3,4,5]; arr.pop();// pop(): 배열의 마지막 요소 빼서 반환. console.log(arr) // [1,2,3,4] arr.shift();// shift(): 배열의 첫 요소 빼.. 2019. 12. 15.
[JavaScript] Hello, JavaScript: 자바스크립트 입문 파트5. String String 문자열 길이 알아내기: str.length 문자열 붙이기 str1.concat(str2) str1+str2 특정 위치의 문자열 알아내기 첫 문자: str.charAt(0) / 마지막 문자: str.charAt(str.length-1) 첫 문자: str[0] / 마지막 문자: str[str.length-1] 부분 문자열 구하기 str.substring(2,4) : 2에서 4까지 부분 문자열 반환 / str.substring(2) : 2에서 마지막까지 부분 문자열 반환 str.substr(2,4) : 2에서 길이 4만큼의 부분 문자열 반환 / str.substr(2) : 2에서 마지막까지 부분 문자열 반환 / str.substr(-2) : str.length-pos로 동작. 문자열 검색하기 in.. 2019. 12. 15.
[JavaScript] Hello, JavaScript: 자바스크립트 입문 파트4. 연산자와 함수 Math 관련 명령어 Math.pow(A,b) : A의 B승을 구해 줌 Math.sqrt(A) : A의 제곱근을 구해 줌 Math.random() : 0~1 사이의 임의의 난수를 발생시켜 줌 함수의 정의 호출에 의해 여러번 실행할 수 있는 코드 블럭, 반복되는 코드 감소, 코드의 개발 및 수정 용이 함수 정의 구문 function func_name(a, b){ /* function */ return answer; } 아래 강의를 수강하며 개인적으로 공부하며 정리한 글입니다. https://programmers.co.kr/learn/courses/3 Hello, JavaScript: 자바스크립트 입문 | 프로그래머스 ## Hello, JavaScript! 관련 키워드: JavaScriptHTMLCSS웹프론.. 2019. 12. 15.
[JavaScript] Hello, JavaScript: 자바스크립트 입문 파트3. 자료형 자료형 변수에 저장할 수 있는 값의 종류: number, string, boolean typeof() 변수의 type을 알려주는 명령어 var a = 100; console.log(a,typeof(a)); var b = "Hello";console.log(b,typeof(b)); var c = True;console.log(c,typeof(c)); Number 64bit로 실수와 정수 모두 표현 가능 정상적이지 않은 숫자나 표현할 수 없는 범위의 수를 표시하는 NaN, Infinity parseInt, parseFloat 명령어 string "1"과 number 1은 다름 var str = "3.141592는 Pi의 근사값"; var piInt= parstInt(str); console.log("piIn.. 2019. 12. 14.
[JavaScript] Hello, JavaScript: 자바스크립트 입문 파트2. 변수 변수 프로그램 실행 도중 임의의 값을 저장해 두고 읽을 수 있는 공간 var a = 10; prompt() 명령어 promprt의 메세지를 사용자에게 보여주고, 문자열을 입력받고, 사용자가 입력한 값을 변수에 저장 가능 var name = prompt("이름을 입력해주세요."); 변수의 활용 var msg = "index.html에 오신 것을 환영합니다." alert(msg); var name = prompt("이름을 입력해주세요."); console.log(name, "님 환영합니다."); 아래 강의를 수강하며 개인적으로 공부하며 정리한 글입니다. https://programmers.co.kr/learn/courses/3 Hello, JavaScript: 자바스크립트 입문 | 프로그래머스 ## Hell.. 2019. 12. 14.
[JavaScript] Hello, JavaScript: 자바스크립트 입문 파트1. 시작하기 Javascript의 특징 HTML, CSS와 함께 사용하여 client side 웹 프로그램 작성 웹 브라우저에서 바로 실행 가능 실습: index.html This is basic HTML body. lecture01.js alert("Hello JS!"); 프론트엔드 웹 개발이란 Front-end web programming이란 웹사이트를 구성할 때 가장 바깥쪽에서 보이는 부분을 만드는 일. 간단한 예를 들자면 로그인 실패 시 '비밀번호가 일치하지 않습니다'와 같은 팝업을 보여줄지 등의 결정한다. 차의 브레이크 페달과 악셀 페달이 front-end라면 엔진과 브레이크는 back-end이다. 개발자 도구 (Developer Console) console 탭에서 log 확인 가능 >직접 명령어 입력 실.. 2019. 12. 14.