Jinja에서 반복문을 사용해야 하는 경우 for문을 사용합니다. 이때 loop.index를 사용하여 순서값인 인덱스(index)를 얻는 방법이 많이 사용되지만 이 외에 cycle() 메서드가 존재합니다.jinja 루프문에 loop.cycle()은 어떤 일을 할까요? 루프 안에서 반복하여 특정 텍스트를 출력해야한다면 바로 cycle()을 사용하는 방법이 가장 쉽고 편리한 방법입니다. 간단하게 아래와 같이 반복해서 텍스트를 출력해야한다고 생각해봅니다.첫번째두번째세번째첫번째두번째세번째...이와 같이 계속 반복해서 출력해야한다면 어떻게 해야할까요?# Jinja for 루프...
css 전처리기 중 하나인 scss에서 리스트 타입의 선언 방법을 알아보고 리스트 타입의 데이터를 반복문에 사용하는 방법도 함께 알아봅니다.# scss list 타입 알아보기전처리기 css인 scss에는 여러 타입이 존재하며 배열과 같은 리스트 타입 그리고 객체와 같은 맵 타입이 존재합니다.list - 리스트 타입(배열과 비슷)map - 맵 타입(객체와 비슷)이 두 가지 타입은 하나가 아닌 여러 개의 값을 가질 수 있다는 공통점이 있습니다. 아래에서 리스트 타입(lists)에 대하여 자세히 알아보겠습니다.! scss 리스트 타입(list...
VueJS에서 반복문을 사용할 수 있는 v-for디렉티브를 알아보겠습니다.v-for는 템플릿에 사용하며 여러 개의 값을 가진 데이터를 루프를 사용하여 한 번에 출력할 수 있는 유용한 방법입니다. 이때 사용 방법은 아래와 같습니다.v-for="item in Items"여기서 Items난 VueJS에 설정된 데이터 값입니다. 그렇다면 간단한 예제를 사용하여 알아봅니다.# vuejs v-for 예제보기아래는 사이트 정보를 가진 data인 변수 MyItems에서 v-for를 사용해 모든 name값을 출력해보려고합니다. 이를 위해서 아래와 같이 코드를 작성합니다.<ul&...
자바스크립트의 반복문 중에서 for문에서 사용 가능한 약식 표기방법에 대하여 알아봅니다. 한줄에 사용할 경우 사용하는 for 반복문입니다.for() {} 문법은 매우 많이 사용되는 반복문으로 루프를 구현하는 방법들 중 하나입니다. while, while in, switch등이 있으나 아마도 for문이 가장 많이 사용되는 방법이죠. 아래에는 for 반복문 사용시 약식으로 표기하는 방법을 알아봅니다.# for를 사용한 약식표기로 1부터 5까지 출력예를들어 아래처럼 약식표기 방법으로 1부터 5까지 출력이 가능하죠. 이 경우 한줄에 반복문을 짧게 표현할 수 있게됩니다.for...
자바스크립트의 반복문 중 하나인 while() 문에 대하여 알아봅니다. while()문은 가장 쉽게 반복문을 만들 수 있는 방법으로 조건에 만족할 경우 계속해서 루프를 실행합니다. 그럼 간단한 문법은 어떻게 될까요? while()문은 아래와 같이 사용할 수 있습니다.while (true) { // Code here }" 조건이 true인 경우 계속 { } 내부의 코드를 수행"간단하게 요약하면 ... while은 조건이 true인 경우 계속해서 해당하는 코드를 실행합니다. 그래서 조건이 true가 되지 않을때까지 실행하게 되므로 루프를 끝낸 후에는 조건이&nb...
AngularJS에서 객체 또는 배열에 반복문을 사용하는 방법에 대하여 알아봅니다. 많이 사용되는 for문 외에 key, value로 객체의 프로퍼티를 반복하여 실행하는 반복문 사용이 가능한 forEach() 구문을 사용할 수 있습니다. 아래는 간단한 사용방법입니다.forEach(items, function(key, value) { // Code here});# AngularJS 반복문 forEach() 예제보기그럼 간단한 예제를 만들어 알아보겠습니다. 만약 객체 mySite가 있고 그 프로퍼티들을 출력하는 경우 아래와 같이 사용할 수 있습니다.mySite...
python에서 for문을 사용하는 다양한 방법과 예제를 알아봅니다.# Python for 루프(loop) 구현하기파이썬에서도 for반복문을 사용해 반복문을 만들 수 있습니다. 먼저 가장 기본적인 방법은 아래와 같습니다.sites = ['web', 'is', 'free']for item in sites: print(item)위 예제는 매우 간단한 예제입니다. 배열 sites를 사용하여 각각의 값을 출력하였습니다. 이때 출력 결과는 아래와 같습니다.'web''is''free'이와 같이 각각의 값을 사용하기 위해서 for문을 사용합니다.! for문의 ...
객체 타입의 데이터를 사용해 반복문을 만드는 경우... 그리고 특정한 값... 예를 들러 key 또는 value만 반환하여 사용해야하는 경우가 있다. 또한 객체를 사용해 배열을 만들 필요도 있을 것이다. 아래는 이를 수행하는 간략한 방법에 대하여 알아보겠다.대부분 라이브러리는 다양한 내장함수를 통해 이를 가능케하지만 지원하지 않거나 별도 모듈이 필요한 경우 사용하면 될 것이다. 그럼 아래는 우선 객체를 사용하여 반복문을 하나 만들어보자.# 객체를 사용하여 반복문 만들기for, in을 사용한 반복문var items = { banana: 50, ap...
angularjs에서 가장 많이 사용되는 디렉티브 중 하나가 바로 ng-repeat라고 할 수 있습니다. 워낙 많이 사용되기 때문에 반드시 알아야 하는 필수 디렉티브로 아래는 ng-repeat의 쓰임과 활용에 대하여 상세히 알아보려합니다.! ng-repeat의 역할ng-repeat는 연속된 여러개의 값을 가진 데이터 값을 사용하여 하나의 리스트 또는 목록으로 반환하고 보여주는 기능을 가지고 있습니다. ng-repeat는 for()문 또는 제이쿼리의 $forEach()와 비슷한 동작을 구현합니다. 그럼 아래는 예제코드입니다.예를 들어 fruit이라는 변수가 있고 이를 ...
자바스크립트는 in 연산자를 통해 객체가 가진 프로퍼티나 메소드가 맞는지의 여부를 확인할 수 있습니다. 다시말해 진짜 해당하는 프로터티를 가지고 있는 객체인지 판별해주는 연산자가 바로 in 입니다.프로퍼티, 메소드 이름 in 객체명먼저 간단한 예제를 만들어봅니다. 만약 아래와 같이 장난감이란 객체를 만들고 몇 가지 프로퍼티를 선언합니다.toy = new Object;toy.car = "sonata";toy.plane = "drone";위 예제처럼 toy 객체를 생성하였고 두 개의 프로퍼티를 가지게 되었습니다. 이제 여기서 in 연산자를 사용하여 car 그리...