생활코딩7 반복문에 배열 활용하기 반복문에 배열을 활용하는 방법을 알아보자! Loop & Array Co workers egoing heina luna yunsisters 직원(co workers)이 이고잉, 해이나, 루나, 윤시스터즈 - 총 4명이 있다. 만약 co workers의 목록이 일억개이고 가 매우 빈번하게 수정되는 긴 코드라면 유지보수에 상당한 어려움을 겪을 것이다. Loop & Array Co workers 위와 같이 배열을 사용하여 직원 명단을 반복적으로 추출할 수 있다. 만약 멤버가 한명 추가되면, coworkers에 요소를 추가하고 반복문의 조건값도 i < 5 로 수정하면 된다. 만약 멤버가 두명 삭제된다면 빈 값 만큼 undefined로 추출된다. 매번 멤버의 수를 맞추어 주어야 하기 때문에 번거롭다. 데이터가 바뀌.. 2020. 8. 18. 반복문(Loop) 반복문이란? 컴퓨터 프로그래밍에서 반복문은 제어문 중의 하나로, 프로그램 소스 코드 내에서 특정한 부분의 코드가 반복적으로 수행될 수 있도록 하는 구문이다. 직접 활용해보자! Loop 위의 스크립트를 실행하면 1,2,3,4가 순서대로 추출된다. 그런데 만약 2,3을 1억번 반복해서 추출해야 한다면? 물론 위의 소스를 1억번 복사 붙여넣기 해도 같은 결과값을 얻을 수 있지만, 수정할 부분이 생기면... OTL 유지보수가 몹시 불편할 것이다. 그래서 우리는 반복문을 사용한다. 변수 i의 값을 이용하여 2,3이 3번 반복 추출되도록 만들었다. 반복문을 사용할 때에는 반복문이 '언제 종료될 것인가'를 꼭 지정해 주어야 한다. ※생활코딩 > WEB > WEB2 - JavaScript 강의를 통해 공부한 내용입니다. 2020. 8. 15. 배열(Array) 배열(Array)이란? 프로그래밍을 하면 성격이 모두 다른, 굉장히 많은 데이터를 다루게 됨 -> 점점 늘어나면 감당이 안됨 -> 데이터 중에 서로 연관되어 있는 것들을 잘 정리정돈해서 담아두는 수납상자 = 배열 (Array) 좀 더 자세한 설명이 필요한 듯 하여 구글 서치를 해 보았다. 더보기 배열은 같은 종류의 데이터를 많이 다뤄야 하는 경우에 사용할 수 있는 가장 기본적인 자료 구조로서 같은 타입의 변수들로 이루어진 유한 집합으로 정의된다. 배열을 구성하는 각각의 값을 배열 요소(element)라고 하며, 배열에서의 위치를 가리키는 숫자는 인덱스(index)라고 한다. 인덱스는 언제나 0부터 시작하며, 0을 포함한 양의 정수만을 가진다. 활용해보자! Array Syntax - coworkers 안에.. 2020. 8. 6. 자바스크립트에서 태그 선택하기 구글에서 자바스크립트 태그 선택할 때 검색 tip Javascript select tag by css selector Element = document.querySelector(selectors); 예시) var el = document.querySelector(".myclass"); Javascript element style Javascript style background color → css 태그와 자바스크립트 태그는 다를 수 있음 (background-color vs backgroundColor) 활용해보자! → night 와 day 라고 되어 있는 버튼이 2개 생성됨 → night 클릭시 body 부분의 배경이 검정, 폰트가 흰색으로 변경(야간모드) → day 클릭시 body 부분의 배경이 흰.. 2020. 6. 7. 자바스크립트 데이터 타입(JavaScript Data Type) - 숫자(Number), 문자열(String) 자바스크립트에는 여러가지 형태의 데이터 타입들(Boolean / Null / Undefined / Number / String / Symbol)이 있는데, 이 중에서 문자열(String)과 숫자(Number)에 대해서 살펴보도록 하겠다. 문자열(String) 큰 따옴표, 혹은 작은 따옴표로 감싸서 표시한다. ex) "Hello world" / 'hello world' 문자를 처리할 때 사용할 수 있는 명령들은 정말 정말 정말~~~ 많다. 그 중에서 몇가지만 직접 해보자! ※참고 사이트 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String (구글에서 Javascript string 이라고 검색) .leng.. 2020. 5. 17. JavaScript 기초(2) - 콘솔(console) 사용하기 우리가 자바스크립트를 실행하고자 할 때 매번 파일을 생성해야 한다면 이건 여간 귀찮은 일이 아니다. 그래서 이 포스팅에서는 파일을 만들지 않고도 자바스크립트 코드를 즉석에서 실행할 수 있는 방법에 대해서 설명하고자 한다. 브라우저 창에 마우스 커서를 두고 우클릭 - 검사(개발자 도구) 선택 - Console 탭을 선택 - 코드를 입력 활용해 보자! 아래와 같은 글이 있다고 친다 -_-; "안녕, 나는 해이나야. 나는 지구라는 별에서 살고 있어. 지구는 물이 매우 풍족하고, 낮과 밤이 있으며, 매일 햇살과 바람을 느낄 수 있는 아름다운 별이야. 기회가 되면 꼭 놀러와. 우리 함께 놀자." 이 문장의 전체 글자수가 궁금하다면? 위 경로를 통해 console에 들어간다. 문자를 작은 따옴표(' ')로 감싸고,.. 2020. 5. 17. JavaScript 기초(1) - 특징, 이벤트 JavaScript가 무엇인가 하면 객체 기반의 스크립트 프로그래밍 언어... 음... 아... 아래와 같다고 한다. 문장을 읽어도 이해할 수 있는 단어가 별로 등장하지 않으므로 다음에 시간날 때 읽어 보기로 했다=_= 그래, 프로그래밍 할 때 쓰는 언어인거 알았고, 일단 공부 Start~* https://ko.wikipedia.org/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8 자바스크립트 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 자바스크립트JavaScript패러다임프로그래밍 패러다임: 스크립트 언어, 객체 지향 프로그래밍 (프로토타입 기반 프로그래밍), 명령형 프로그래밍, 함수형 프로그�� ko.wikipedi.. 2020. 5. 1. 이전 1 다음
