자바스크립트, 배열과 반복문

이 포스팅은 PC로 작성되었습니다.

모바일로 보시는 분들에게는 가끔

줄 바꿈이 어색하게 보일 수 있습니다.

지난 포스트

자바스크립트, 중복되는 코드 제거

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트, 조건문의 활용 이 포스팅은 PC로 작성되었습니다. 모바

gogogameboy.tistory.com

요즘 자바스크립트를 공부할 때마다 잠이 쏟아지는 느낌입니다.

항상 몸이 피곤한 상태에서 공부를 시작하고 (그것도 독학으로.. 생활코딩이라는 곳이 없었다면 못했을 겁니다..)

JS에 대한 것은 모든게 다 처음 배우는 거라서 뭐가 뭔지도 모르고 그냥 듣고 있으니 더 그런 것 같네요.

오늘 공부할 내용도 그렇습니다.

이전에 비교 연산자와 불리언과 조건문이 어디에다가 써먹는 것인지도 모르고 무작정 듣고 배우다가, 마지막에서야 그것들을 활용해서 쓸만한 것을 만들었던 것처럼.. 이번에도 일단은 최대한 집중해서 듣고, 그래서 이것이 어디다가 써먹는 것인지 당장은 모르더라도 '그러려니..' 하면서 넘어가야 합니다.

마지막에 무릎을 탁 치게 될테니 같이 힘내서 공부해봅시다.

배열 Array

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>Array</h1> <h2>Syntax</h2> <script> let coworkers = ["egoing", "leezche"] </script> <h2>get</h2> <script> document.write(coworkers[0]); document.write(coworkers[1]); </script> <h2>add</h2> <script> coworkers.push('duru'); coworkers.push('taeho'); </script> <h2>count</h2> <script> document.write(coworkers.length); </script> </body> </html>

위의 소스 코드는 PC에서 드래그 후,
ctrl+x로 잘라내서 다른 곳으로 붙여넣기가 가능합니다.
ctrl+c(복사)는 불가능합니다.

자바스크립트, 변수와 대입 연산자

지난 포스트 자바스크립트 데이터 타입, 숫자와 문자열 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트,

gogogameboy.tistory.com

위의 소스 코드에서 강의 영상과는 다르게 var 대신에 let을 쓴 이유는 위의 포스트에서 설명했습니다.

일단 이 영상까지 공부해서는 전혀 감이 오질 않습니다. 이런걸 어디에다가 써먹는지..

계속 공부해봅시다.

반복문

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>Loop</h1> <ul> <script> document.write('<li>1</li>'); let i = 0; while(i < 3){ document.write('<li>2</li>'); document.write('<li>3</li>'); i = i + 1; } document.write('<li>4</li>'); </script> </ul> </body> </html>

위의 소스 코드는 PC에서 드래그 후,
ctrl+x로 잘라내서 다른 곳으로 붙여넣기가 가능합니다.
ctrl+c(복사)는 불가능합니다.

위의 배열을 공부할 때보다는 그래도 조금은 재미있는 소스 코드 같은데,

역시 어디다가 써먹는지는 잘 모르겠는 그런 느낌입니다.

이제 거의 다 왔습니다.

배열과 반복문

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>Loop & Array</h1> <script> let coworkers = ['egoing', 'leezche', 'duru', 'taeho']; </script> <h2>Co workers</h2> <ul> <script> let i = 0; while(i < coworkers.length){ document.write('<li><a href="http://a.com/'+coworkers[i]+'">'+coworkers[i]+'</a></li>'); i++; } </script> </ul> </body> </html>

위의 소스 코드는 PC에서 드래그 후,
ctrl+x로 잘라내서 다른 곳으로 붙여넣기가 가능합니다.
ctrl+c(복사)는 불가능합니다.

위의 소스 코드를 보시면, let 이외에도 강의 영상과는 다르게 작성한 코드가 있습니다.

바로 i++; 입니다.

i에서 1 증가시킨다는 뜻으로, i = i + 1; 과 똑같은 코드입니다.

훨씬 짧고 간결한 i++;로 쓰는 것이 좋을 것 같습니다.

일단 여기까지 공부하고 다음 포스트에서 이것들을 웹페이지에서 어떻게 활용할 수 있는지 실용적인 소스 코드를 배워보겠습니다.

Photo by Artem Sapegin on Unsplash

다음 포스트

자바스크립트, 배열과 반복문의 활용

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트, 배열과 반복문 이 포스팅은 PC로 작성되었습니다. 모바

gogogameboy.tistory.com

이 글이 도움이 됐다면 하단의 ♡ 공감 버튼을 꾹 눌러서
빨간 하트♥로 만들어주세요.
지인에게 보여주고 싶은 글이었다면
공감 버튼 옆을 클릭해서 SNS에 공유해주세요.
댓글은 블로그 운영에 큰 힘이 됩니다.

저작자표시 비영리 변경금지

'front-end > JavaScript' 카테고리의 다른 글

자바스크립트, 함수 Function 1 (0)	2021.01.31
자바스크립트, 배열과 반복문의 활용 (0)	2021.01.30
자바스크립트, 중복되는 코드 제거 (0)	2021.01.28
자바스크립트, 조건문의 활용 (0)	2021.01.27
자바스크립트, 비교 연산자・불리언・조건문 (0)	2021.01.26

드리밍 코더

자바스크립트, 배열과 반복문

배열 Array

반복문

배열과 반복문

'front-end > JavaScript' 카테고리의 다른 글

댓글

티스토리툴바

자바스크립트, 배열과 반복문

배열 Array

반복문

배열과 반복문

'front-end > JavaScript' 카테고리의 다른 글

관련글

댓글

티스토리툴바