728x90 반응형 인프런 강의/프로그래밍 시작하기: 웹 입문 (Inflearn Original)27 javascript : 함수(Function) ? / 스코프 이해하기 함수(function)? - 함수는 독립적인 실행 코드를 하나로 묶어 둔 것을 의미한다. 이렇게 코드들을 묶어서 작성하는 것을 함수의 정의 (declaration)라고 하고 정의된 함수는 호출(call)을 통해 실행할 수 있다. function 함수명(매개변수){ 실행 코드 } 함수(Function)의 입력과 출력 - 수학에서의 함수는 미리 정해진 방정식에 미지수를 정의하면 해당 미지수에 값을 대입하고 y 값을 돌려받는다.' - 프로그래밍의 함수도 한 개 이상의 입력 = 매개변수 과 단일 출력 (=리턴값)을 구현할 수 있다. y = f(x) function convertDollarToWon(dollar) { return (dallar * 1201.2); } 스코프 이해하기 {}(중괄호) = > 블록(Bl.. 2021. 7. 25. javascript : 객체 사용하기 객체 자료형 (Object Type), 프로퍼티 객체는 프로퍼티의 모음이다. 프로퍼티는 값이나 함수 (메소드, method)를 가질 수 있다. userName : "인프런" ---> key : value 형태 : 객체 property name value 객체 프로퍼티에 접근하거나 값을 저장하고 싶으면 .(dot) 기호를 사용한다. var object = {userName : "인프런"} // -- 객체 타입은 {}로 묶는다. 새로운 객체 타입 선언, 프로퍼티 없이 선언 가능 object.userName // "인프런", userName 값에 접근 object.age = 12 // age 값을 12로 변경 object.online = true // online 값을 true로 지정 // online이라는 .. 2021. 7. 25. javascript : 배열 사용하기 배열형(Array Type) 인덱스 기반으로 값을 순서대로 삽입할 수 있는 특별한 객체 형태 - 인텍스(Index) : 위치, 0부터 시작하는 정수형 값 var array = [0, 10, 20]; array[0]; // 0 array[2]; // 20 배열형 (Array Type), 값의 삽입/제거 - length : 배열의 크기를 리턴 - push() : 배열에 새로운 값을 추가 - push : 밀어넣다 - unshift() : 배열에 새로운 값을 0번 인덱스로 추가 // 맨 앞에 추가 - pop() : 배열의 마지막값을 리턴하면서 제거 - shift() : 배열의 처음 값을 리턴하면서 제거 2021. 7. 25. javascript : 반복문 사용하기 반복문 : 특정 코드를 반복해서 실행하고 싶을 때 사용하는 구문이다. 1. for문 2. while문 for문 - 조건식을 만족하는 한 계속해서 코드를 반복 실행한다. 매 반복 실행 마다 마지막에 증감식을 실행시킨다. for(초기식; 조건식; 증감식){ 반복 실행될 코드 } while문 - 조건식을 만족하는 한 계속해서 코드를 반복 실행한다. while(조건식){ 반복 실행될 코드 } 피보나치 수열 출력하기 2021. 7. 4. javascript : 조건문 사용하기 조건문 : 조건의 참/거짓 여부에 따라 원하는 코드를 실행한다. - 조건은 참 또는 거짓을 결과로 가지는 비교연산자나 논리연산자의 조합으로 작성할 수 있다. 1. if문 2. switch 문 if문 - if else 키워드의 조합으로 조건문은 완성한다. - 하나의 조건만 검사 : 만약 ~하다면 if(조건식){ //비교, 논리 ( 함수 --> 리턴(boolean) 실행코드 } - if문에서 else if로 추가 조건을 계속 추가할 수 있다. - 조건 내의 실행구문 (블록, block)이 한줄 코드라면 중괄호 생략이 가능하다. switch문 switch, case 키워드로 조합으 조건문을 완성한다. - switch(표현식) < - 표현식 : 변수 2021. 7. 4. javascript : 값을 비교하기 비교연산자 두 값을 비교하기 위해 사용함, 참 또는 거짓이 결과 값으로 나옴 - 동등 : == - 부등 : != - 일치 : === * 동등은 dataType 까지는 비교하지 않고 5 == '5' 내용이 비슷하면 true를 반환한다. * 일치연산자를 쓰는게 더 나은 코드이다. - 우변보다 좌변이 큼 : > - 우변보다 좌변이 크거나 같음 : >= - 우변보다 좌변이 작음 : >) 삼항연산자 : 명제 ? 참일경우 리턴 값 : 거짓일 경우 리턴값 - 리턴값 : 결과값을 돌려줌. ex ) var bool = 19 > 10 ? "참이다" : "거짓이다"; 비트연산자 : 2진수 연산을 할 때 쓴다 (101101) 2021. 7. 2. javascript : 변수, 산술연산 이해하기 변수 ? * 프로그램은 다양한 조건과 환경에 따라 달라지는 값을 입력받아 정해진 동작을 수행한다. 변수 x, y f(x, y) = z ==> 리턴(결과) z * 변할 수 있는 값으로 재사용할 수 있는 값(미지수) 변수의 선언 * 변수의 선언 : variable의 약어인 'var' 키워드와 변수의 이름을 선언 변수에 값을 할당 : 선언된 변수명에 대입 연산자( = )를 사용하여 값을 대입 x= 40; or x = '철수'; : 데이터를 리터럴 선언으로 대입 가능 var x = 40; : 선언과 동시에 대입(할당) 가능 undefiend : 변수때문에 생긴 것 ==> 변수만 선언한 형태 : var x; 변수 이름을 정하는 규칙 - 하이픈 ( - ) 사용 불가 - 첫 글자로 숫자 사용 불가 - 띄어쓰기 사용불.. 2021. 7. 2. javascript : Type 이해하기 데이터형(자료형) * 데이터 타입은 프로그래밍 언어에서 중요한 내용이다. - 원시형태(Primitive) : 숫자(Number), 문자열(String), 불리언(boolean), undefined(정의되지 않음), null(없음) - 객체형태(Object) : 시간(Date), 배열(Array), 객체(Object) 등 리터럴(Literal) 선언) * 코드상에서 값을 직접 명해서 선언하거나 할당하는 것으로 자료형에 따라 리터럴 선언 문법이 다르다. "1000"? VS 1000? = > 데이터를 코드상에서 직접 선언하는 방법 ------- ------- 문자열 숫자 원시 자료형(Primitive Type) - Number : 숫자형으로 정수나 실수(소수점 자리를 가지는 수)를 포함한다. : 100, 0... 2021. 7. 2. Javascript 개념 알기 보호되어 있는 글 입니다. 2021. 6. 8. 테두리 적용하기 보호되어 있는 글 입니다. 2021. 6. 8. 이전 1 2 3 다음 728x90 반응형
