반응형

https://www.inflearn.com/course/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B8%B0%EC%B4%88

 

[무료] 코딩 입문 - 하다 보니 알게 되는 자바스크립트 - 인프런 | 강의

자바스크립트로 코딩 입문하기, 내 첫 프로그래밍, 자바스크립트로 쉽고 가볍게! [사진] ☝🏻 Programming, Script 그리고 Markup 언어에서 가장 많이 사용하는 자바스크립트(JavaScript)로 코딩 배워보실

www.inflearn.com

 

코딩 입문 - 하다 보니 알게 되는 자바스크립트
12강 모든 수의 합 (12/15)

- 특정 배열안에 있는 수들을 모두 더한 값

// 숫자를 가지고 있는 배열 생성
let 수 = [1,5,-40, 200]

// 출력
수[0] + 수[1]+ 수[2]+수[3]
// 결과
166

// for문을 적용한 함수 생성
function 모든수의합(수){
	let 누적 = 0;
	
	for(let i = 0; i < 수.length; i++){
		누적 = 누적 + 수[i];
	}
	
	console.log(누적);
}

// 출력
모든수의합(수)
// 결과
166
반응형
반응형

https://www.inflearn.com/course/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B8%B0%EC%B4%88

 

[무료] 코딩 입문 - 하다 보니 알게 되는 자바스크립트 - 인프런 | 강의

자바스크립트로 코딩 입문하기, 내 첫 프로그래밍, 자바스크립트로 쉽고 가볍게! [사진] ☝🏻 Programming, Script 그리고 Markup 언어에서 가장 많이 사용하는 자바스크립트(JavaScript)로 코딩 배워보실

www.inflearn.com

 

코딩 입문 - 하다 보니 알게 되는 자바스크립트
11강 가장 큰 수 찾기 (11/15)

- 배열이 가지고 있는 숫자 중 가장 큰 수 찾기

// 숫자를 가지고 있는 배열 생성
let 숫자들 = [1,5,-40, 200, 35]

// 함수선언
function 가장큰수(숫자들){
	let 숫자 = 0;

	// 숫자배열을 돌릴 for문 생성
	for(let i = 0; i < 5; i++){
		// 숫자배열을 for문으로 돌리면서 숫자값과 비교하여 큰값을 숫자에 다시 넣어준다.
		if (숫자 < 숫자들[i]) {
			숫자 = 숫자들[i]
		}
	}
	
	console.log(숫자);
}

// 출력
가장큰수(숫자들)
// 결과
200

- 해당 함수가 가지고 있는 문제

1. 숫자들의 배열이 음수만으로 이루어져 있을 때 0이 출력

// 수정
let 숫자들 = [-1,-5,-40, -200, -35]

function 가장큰수(숫자들){
	// 숫자배열의 처음 숫자를 초기값으로 세팅한다.
	let 숫자 = 숫자들[0];

	// 숫자배열을 돌릴 for문 생성
	for(let i = 0; i < 5; i++){
		// 숫자배열을 for문으로 돌리면서 숫자값과 비교하여 큰값을 숫자에 다시 넣어준다.
		if (숫자 < 숫자들[i]) {
			숫자 = 숫자들[i]
		}
	}
	
	console.log(숫자);
}

// 출력
가장큰수(숫자들)
// 결과
-1

2. 배열의 길이가 5보다 클때

// 수정
let 숫자들 = [-1,-5,-40, -200, -35, 20, 40, 567]

function 가장큰수(숫자들){
	// 숫자배열의 처음 숫자를 초기값으로 세팅한다.
	let 숫자 = 숫자들[0];

	// 숫자배열을 돌릴 for문 생성
    // 숫자배열의 길이만큼 for문을 돌린다.
	for(let i = 0; i < 숫자들.length; i++){
		// 숫자배열을 for문으로 돌리면서 숫자값과 비교하여 큰값을 숫자에 다시 넣어준다.
		if (숫자 < 숫자들[i]) {
			숫자 = 숫자들[i]
		}
	}
	
	console.log(숫자);
}

// 출력
가장큰수(숫자들)
// 결과
567
반응형
반응형

https://www.inflearn.com/course/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B8%B0%EC%B4%88

 

[무료] 코딩 입문 - 하다 보니 알게 되는 자바스크립트 - 인프런 | 강의

자바스크립트로 코딩 입문하기, 내 첫 프로그래밍, 자바스크립트로 쉽고 가볍게! [사진] ☝🏻 Programming, Script 그리고 Markup 언어에서 가장 많이 사용하는 자바스크립트(JavaScript)로 코딩 배워보실

www.inflearn.com

 

코딩 입문 - 하다 보니 알게 되는 자바스크립트
10강 공항 검색대 만들기-큐 (10/15)

- 공항 검색대 특징 : 컨베이어벨트에서 물건이 놓여 검사가 되어 승객에서 도착한다. 

처음에 검사를 받은 물건이 처음에 나온다.
- 큐 : 데이터를 집어넣을 수 있는 선형(linear) 자료형으로 먼저 집어넣은 데이터가 먼저 나온다. 

이 특징을 줄여서 FIFO(First In First Out)라고 부른다.

// 물건이 올려져 있는 컨베이어벨트 변수 생성
let 컨베이어벨트 = ["물건1","물건2","물건3"];

// 처음에 올려진 물건을 꺼낸다.
컨베이어밸트.shift(); :: 결과 '물건1'

// 내물건은 변수에 따로 담는다.
let 내_물건 = 컨베이어밸트.shift();

// 출력
컨베이어벨트
// 결과
['물건3']

// 출력
내_물건
// 결과
'물건2'
반응형
반응형

https://www.inflearn.com/course/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B8%B0%EC%B4%88

 

[무료] 코딩 입문 - 하다 보니 알게 되는 자바스크립트 - 인프런 | 강의

자바스크립트로 코딩 입문하기, 내 첫 프로그래밍, 자바스크립트로 쉽고 가볍게! [사진] ☝🏻 Programming, Script 그리고 Markup 언어에서 가장 많이 사용하는 자바스크립트(JavaScript)로 코딩 배워보실

www.inflearn.com

 

코딩 입문 - 하다 보니 알게 되는 자바스크립트
9강 택배 상하차 하기-스택 (9/15)

- 택배 상하차 특징 : 차에 택배 물건을 싣는다. 제일 마지막에 넣은 택배 물건이 제일 먼저 나온다.
- 스택 : 데이터를 넣을 수 있는 선형 자료형으로 나중에 집어넣은 데이터가 먼저 나온다. 이 특징을 줄여 LIFO(Last In First Out)라고 부른다.
데이터를 집어넣는 push, 데이터를 추출하는 pop 등의 작업을 할 수 있습니다.

// 물건을 실을 택배차 변수 생성
let 택배들 = []

// 택배를 싣는다
택배들.push("아이패드");
택배들.push("햇반");
택배들.push("생수");
택배들.push("피아노");

// 출력
택배들
// 결과
(4) ['아이패드', '햇반', '생수', '피아노']

// 햇반을 꺼내기 위해 마지막 넣은 순서대로 꺼낸다.
택배들.pop() :: 결과 '피아노'
택배들.pop() :: 결과 '생수'

//햇반을 변수에 담는다.
let 택배 = 택배들.pop()

// 출력
택배들
// 결과
['아이패드']

// 출력
택배
// 결과
'햇반'
반응형
반응형

https://www.inflearn.com/course/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B8%B0%EC%B4%88

 

[무료] 코딩 입문 - 하다 보니 알게 되는 자바스크립트 - 인프런 | 강의

자바스크립트로 코딩 입문하기, 내 첫 프로그래밍, 자바스크립트로 쉽고 가볍게! [사진] ☝🏻 Programming, Script 그리고 Markup 언어에서 가장 많이 사용하는 자바스크립트(JavaScript)로 코딩 배워보실

www.inflearn.com

 

코딩 입문 - 하다 보니 알게 되는 자바스크립트
3강 구구단 만들기(상) (3/15)

- 구구단 : 1~9까지의 수를 두 수끼리 서로 곱하여 그 값을 나타낸 것
- 입력한 값의 구구단을 출력
- 구구단에서의 고정값(중복 값)을 인자로 받는다.

function 구구단() {
    console.log(2*1);
    console.log(2*2);
    console.log(2*3);
    console.log(2*4);
    console.log(2*5);
    console.log(2*6);
    console.log(2*7);
    console.log(2*8);
    console.log(2*9);
}
// 고정값을 인자로 받기
function 구구단(a) {
    console.log(a*1);
    console.log(a*2);
    console.log(a*3);
    console.log(a*4);
    console.log(a*5);
    console.log(a*6);
    console.log(a*7);
    console.log(a*8);
    console.log(a*9);
}

 


4강 구구단 만들기(하) (4/15)
- 반복문을 사용하여 구구단 고도화 시키기

- 반복문
for (인자값 초기값; 인자 값의 조건; 인자 값의 변경 조건) {
    결과
}

for (var i = 1; i < 10; i++) {
    console.log('asd');
}
// 구구단 함수에 반복문 적용
function 구구단(a) {
    for (var i = 1; i < 10; i++) {
        console.log(a*i);
    }
}
반응형
반응형

https://www.inflearn.com/course/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B8%B0%EC%B4%88

 

[무료] 코딩 입문 - 하다 보니 알게 되는 자바스크립트 - 인프런 | 강의

자바스크립트로 코딩 입문하기, 내 첫 프로그래밍, 자바스크립트로 쉽고 가볍게! [사진] ☝🏻 Programming, Script 그리고 Markup 언어에서 가장 많이 사용하는 자바스크립트(JavaScript)로 코딩 배워보실

www.inflearn.com

 

코딩 입문 - 하다 보니 알게 되는 자바스크립트
1강 계산기 만들기 (1/15)
- 자바스크립트 : 웹브라우저만 있으면 개발할 수 있다는 장점
- 브라우져 콘솔 창 열기 : Cmd + Option + J (on a Mac) or Ctrl +Shift +J (on Windows)
- 계산기의 기본기능 : 사칙연산

- 더하기 : 

// 함수선언
function 더하기(a, b){
    console.log(a+b); // 출력
}
// 함수호출
더하기(5, 9)
// 결과값
14


- 빼기 : 

// 함수선언
function 빼기(a, b){
    console.log(a-b); // 출력
}
// 함수호출
빼기(10, 5);
// 결과값
5


- 곱하기 :

// 함수선언
function 곱하기(a, b){
    console.log(a*b); // 출력
}
// 함수호출
곱하기(2, 2);
// 결과값
4


- 나누기 :

// 함수선언
function 나누기(a, b){
    console.log(a/b); // 출력
}
// 함수호출
나누기(10, 2);
// 결과값
5
반응형

+ Recent posts