객체 타입의 데이터를 사용해 반복문을 만드는 경우... 그리고 특정한 값... 예를 들러 key 또는 value만 반환하여 사용해야하는 경우가 있다. 또한 객체를 사용해 배열을 만들 필요도 있을 것이다. 아래는 이를 수행하는 간략한 방법에 대하여 알아보겠다.대부분 라이브러리는 다양한 내장함수를 통해 이를 가능케하지만 지원하지 않거나 별도 모듈이 필요한 경우 사용하면 될 것이다. 그럼 아래는 우선 객체를 사용하여 반복문을 하나 만들어보자.# 객체를 사용하여 반복문 만들기for, in을 사용한 반복문var items = { banana: 50, apple: 80, pineapple: 100}for (key in items) { console.log("Fruit name:" + key);}위 예제는 for
Last Modified : 2016-12-22 23:16:05
아래는 자바스크립트 또는 제이쿼리를 사용하여 반복문을 만드는 방법을 알아보려고합니다. 어떻게 반복문을 만들 수 있고 어떤 차이가 있는지 알아보세요.# 자바스크립트 제이쿼리 반복문 만들기자바스크립트에서 반복문(루프)을 만드려고 할 경우 아래와 같이 for문을 사용하는 방법이 가장 많이 사용됩니다. 반복문을 배우는 경우 가장 먼저 for문을 먼저 알고 나머지 방법들을 알아가는 것이 좋습니다.! 자바스크립트에서 반복문을 사용하는 다양한 방법들1. for in을 사용한 반복문2. for length를 사용하는 방법3. 제이쿼리(jQuery)를 사용한 each() 함수 반복문4. do() while 반복문5. while 반복문위 방법들이 먼저 가장 쉽고 빠르게 적용 가능한 for in 반복문을 알아봅니다.! for
Last Modified : 2018-06-06 16:55:34반복문 중에서 가장 많이 쓰이는 반복문을 뽑으라면 while, 그리고 for문이겠죠... 그중에서도 특히 while 반복문은 for 문과 비슷하나 더 간단하기 때문에 많이 쓰입니다. 특히 데이터베이스를 불러올때 많이 사용합니다.[ 1 ] while 반복문 사용 방법 while (참인 조건) { ...}// 변수 n이 참에서 거짓이 될때까지 반복함사용하는 방법은 위처럼 괄호안의 조건이 true(참)에서 false(거짓)가 될 때까지 루프를 반복하게 됩니다. 자세한 예제는 아래를 참조하세요![ 2 ] while 반복문 예제소스 코드보기 아래 예제는 1부터 5까지 더한 결과를 얻기 위한 간단한 예제입니다.<?php$sum = 0;$i = 0;// 변수 $sum과 $i를 0으로 선언하였음while (i=<5)
Last Modified : 2015-11-15 15:03:45
VueJS에서 반복문을 사용할 수 있는 v-for디렉티브를 알아보겠습니다.v-for는 템플릿에 사용하며 여러 개의 값을 가진 데이터를 루프를 사용하여 한 번에 출력할 수 있는 유용한 방법입니다. 이때 사용 방법은 아래와 같습니다.v-for="item in Items"여기서 Items난 VueJS에 설정된 데이터 값입니다. 그렇다면 간단한 예제를 사용하여 알아봅니다.# vuejs v-for 예제보기아래는 사이트 정보를 가진 data인 변수 MyItems에서 v-for를 사용해 모든 name값을 출력해보려고합니다. 이를 위해서 아래와 같이 코드를 작성합니다.<ul> <li v-for="item in MyItems">{{ item.name }}</li></ul>MyItems이 루프를 돌면서 item으로 하나의
Last Modified : 2019-11-14 11:30:38AngularJS에서 객체 또는 배열에 반복문을 사용하는 방법에 대하여 알아봅니다. 많이 사용되는 for문 외에 key, value로 객체의 프로퍼티를 반복하여 실행하는 반복문 사용이 가능한 forEach() 구문을 사용할 수 있습니다. 아래는 간단한 사용방법입니다.forEach(items, function(key, value) { // Code here});# AngularJS 반복문 forEach() 예제보기그럼 간단한 예제를 만들어 알아보겠습니다. 만약 객체 mySite가 있고 그 프로퍼티들을 출력하는 경우 아래와 같이 사용할 수 있습니다.mySite = { 'web': 'a', 'is': 'b', 'free': 'c'}forEach(mySite, function(key, value) { co
Last Modified : 2017-11-03 08:25:35
반복문은 for, while 등 몇가지가 존재합니다. 만약 입력할 값이 배열에 존재하는 값이라면? 아래와 같이 간단하게 배열에만 사용하는 반복문 foreach()를 사용할 수가 있습니다. 사용 방법은 매우 간단합니다.foreach (배열명 as 문법에 사용할 배열값) { ... }그럼 간단하게 예를 통해 알아보겠습니다.! foreach() 배열함수 반복문 예제 소스<?php$test = array(1, 2, 3); // 배열의 선언foreach ($test as $value) {echo $value.', ';}?> result 1, 2, 3, // 죄측과 같이 출력됨이렇게 출력됩니다. 참고로 배열을 선언할때 위와 같이 직접 입력할 수도 있지만 array()를 사용할 수도 있죠.$test = array();
Last Modified : 2015-11-15 15:13:45
자바스크립트의 반복문 중 하나인 while() 문에 대하여 알아봅니다. while()문은 가장 쉽게 반복문을 만들 수 있는 방법으로 조건에 만족할 경우 계속해서 루프를 실행합니다. 그럼 간단한 문법은 어떻게 될까요? while()문은 아래와 같이 사용할 수 있습니다.while (true) { // Code here }" 조건이 true인 경우 계속 { } 내부의 코드를 수행"간단하게 요약하면 ... while은 조건이 true인 경우 계속해서 해당하는 코드를 실행합니다. 그래서 조건이 true가 되지 않을때까지 실행하게 되므로 루프를 끝낸 후에는 조건이 만족하지 않도록 .. 즉 true가 아니도록 만들어야합니다. 그렇지 않을 경우에는 무한루프에서 빠져나오지 못하게되어 에러가 나타날 수 있습니다. 계속해서 반
Last Modified : 2019-08-06 22:00:31
자바스크립트의 반복문 중에서 for문에서 사용 가능한 약식 표기방법에 대하여 알아봅니다. 한줄에 사용할 경우 사용하는 for 반복문입니다.for() {} 문법은 매우 많이 사용되는 반복문으로 루프를 구현하는 방법들 중 하나입니다. while, while in, switch등이 있으나 아마도 for문이 가장 많이 사용되는 방법이죠. 아래에는 for 반복문 사용시 약식으로 표기하는 방법을 알아봅니다.# for를 사용한 약식표기로 1부터 5까지 출력예를들어 아래처럼 약식표기 방법으로 1부터 5까지 출력이 가능하죠. 이 경우 한줄에 반복문을 짧게 표현할 수 있게됩니다.for (var i=0; i<5; i++) console.log(++i);여기서 약식표기된 모습은 if() 문법의 약식 표기와 동일합니다. for()
Last Modified : 2019-08-22 09:32:15
자바스크립트는 in 연산자를 통해 객체가 가진 프로퍼티나 메소드가 맞는지의 여부를 확인할 수 있다. 다시말해 진짜 이 값을 가진 객체인지 판별해주는 연산자이다.먼저 간단한 예제를 통해 알아보자. 만약 장난감이란 객체를 만들고 해당하는 프로퍼티가 장난감 객체에 해당하는지 알아보려면 다음과 같이 수행할 수 있을 것이다.toy = new Object;toy.car = "sonata"toy.plane = "drone"위 예제를 통하여 우리는 toy 객체와 두개의 프로퍼티를 만들었다. 여기서 in 연산자를 사용하여 car 그리고 plane 프로퍼티가 toy 객체의 프로퍼티임을 확인하는 방법은 다음과 같다.# in 연산자를 사용한 특정 객체의 프로퍼티 확인 예제if ('car' in toy) { console.lo
Last Modified : 2016-04-28 12:48:44angularjs에서 가장 많이 사용되는 디렉티브 중 하나가 바로 ng-repeat라고 할 수 있습니다. 워낙 많이 사용되기 때문에 반드시 알아야 하는 필수 디렉티브로 아래는 ng-repeat의 쓰임과 활용에 대하여 상세히 알아보려합니다.! ng-repeat의 역할ng-repeat는 연속된 여러개의 값을 가진 데이터 값을 사용하여 하나의 리스트 또는 목록으로 반환하고 보여주는 기능을 가지고 있습니다. ng-repeat는 for()문 또는 제이쿼리의 $forEach()와 비슷한 동작을 구현합니다. 그럼 아래는 예제코드입니다.예를 들어 fruit이라는 변수가 있고 이를 ng-repeat를 사용하여 연속된 과일을 목록으로 만들어 보여주려면 아래와 같이 사용할 수 있습니다.1 - banana : 100원2 - ma
Last Modified : 2016-12-13 08:36:06
PHP에서 for 반복문을 사용하는 방법에 대하여 알아봅니다. 어떻게하면 for문을 사용할까요?# php for 반복문 알아보기반복문, loop를 만들기 위해서 for문이 많이 사용되죠. php 역시 for문이 존재하면 다른 언어에서의 문법과 대부분 동일합니다. 자바스크립트를 예를들면 변수 선언에 사용되는 $표시가 달라 i를 선언시 $i를 사용하는 차지점 정도입니다. 간단한 문법은 아래와 같습니다.for(변수선언; 조건; 조건이 true일 경우 수행할 코드) { ... }- 변수선언 : 보통 $i를 많이 사용하며 루프 조건을 만드는 데 사용되는 변수 선언입니다.- 조건 : 조건이 true인 경우 다음의 코드를 수행합니다. 반복이 계속되거나 멈추는 조건을 설정합니다.- 수행할 코드 : 조건이 맞는 경우 다음
Last Modified : 2019-08-30 10:24:43
python에서 for문을 사용하는 다양한 방법과 예제를 알아봅니다.# Python for 루프(loop) 구현하기파이썬에서도 for반복문을 사용해 반복문을 만들 수 있습니다. 먼저 가장 기본적인 방법은 아래와 같습니다.sites = ['web', 'is', 'free']for item in sites: print(item)위 예제는 매우 간단한 예제입니다. 배열 sites를 사용하여 각각의 값을 출력하였습니다. 이때 출력 결과는 아래와 같습니다.'web''is''free'이와 같이 각각의 값을 사용하기 위해서 for문을 사용합니다.! for문의 인덱스 순서 값 가져오기for문에서 몇 번째 루프인지 index값을 가져오려면 어떻게 할까요? 이 경우 enumerate()를 사용합니다.enumerate()이
Last Modified : 2020-11-10 23:28:08css 전처리기 중 하나인 scss에서 리스트 타입의 선언 방법을 알아보고 리스트 타입의 데이터를 반복문에 사용하는 방법도 함께 알아봅니다.# scss list 타입 알아보기전처리기 css인 scss에는 여러 타입이 존재하며 배열과 같은 리스트 타입 그리고 객체와 같은 맵 타입이 존재합니다.list - 리스트 타입(배열과 비슷)map - 맵 타입(객체와 비슷)이 두 가지 타입은 하나가 아닌 여러 개의 값을 가질 수 있다는 공통점이 있습니다. 아래에서 리스트 타입(lists)에 대하여 자세히 알아보겠습니다.! scss 리스트 타입(lists) 알아보기리스트 타입은 구분자로, 콤마를 사용하여 각각의 값을 선언합니다. 아래는 변수 site에 여러 값을 선언하였습니다.$site: 'web', 'is', 'fre
Last Modified : 2020-07-21 19:35:26Jinja에서 반복문을 사용해야 하는 경우 for문을 사용합니다. 이때 loop.index를 사용하여 순서값인 인덱스(index)를 얻는 방법이 많이 사용되지만 이 외에 cycle() 메서드가 존재합니다.jinja 루프문에 loop.cycle()은 어떤 일을 할까요? 루프 안에서 반복하여 특정 텍스트를 출력해야한다면 바로 cycle()을 사용하는 방법이 가장 쉽고 편리한 방법입니다. 간단하게 아래와 같이 반복해서 텍스트를 출력해야한다고 생각해봅니다.첫번째두번째세번째첫번째두번째세번째...이와 같이 계속 반복해서 출력해야한다면 어떻게 해야할까요?# Jinja for 루프문에서 cycle 메서드 사용하기생각해보니 떠오르는 방법으로 바로 index를 3으로 나누어 가지는 나머지를 사용하면 쉽게 해결할 수 있겠죠.
Last Modified : 2021-02-20 15:38:09