# each()

25개의 포스트

[scss] @each, @while

@each는 list와 map데이터를 반복할 때 사용한다.자바스크립트 for in 반복문과 유사하다.하나의 데이터를 저장하기 위해서 변수를 사용하는데, 여러 개의 데이터를 저장할 때에는 list 또는 map이라는 형식으로 저장한다.연관된 데이터들끼리 모아서 하나의 변수

2023년 5월 22일
·
0개의 댓글
·

each

const users = [ {name: 'BY', age: 45}, {name: 'SJ', age: 26}, {name: 'ES', age: 27}, {name: 'YJ', age: 49}, {nam

2023년 4월 24일
·
0개의 댓글
·

블록

<th:block> 은 HTML 이 아닌 Thymeleaf 의 고유한 태그 기능이다.다수의 div 태그 반복 같이 each 문 만으로 해결하기 어려울 때 사용된다.div 태그 2개를 한번에 반복시켜야 될 경우 each 문 만으로는 작업이 어렵다.block 을 사용

2023년 3월 25일
·
0개의 댓글
·

반복

HTML tabletr = rowth = column name (meta 정보)td = dataeachth:each=”index : Collection”td 에 해당하는 부분이 반복의 대상이 될 수 있게 구현 해준다.Collection 의 다양한 속성을 확인할 수 있음

2023년 3월 24일
·
0개의 댓글
·
post-thumbnail

SCSS ( sass ) @each 활용

scss(sass)를 공부하면 기존에 사용했던 tailwindcss의 형태와 비슷한 functional css 를 구현해 보고자 @each를 활용하여...

2023년 3월 21일
·
0개의 댓글
·

jQuery ....

여러개의 요소를 의미하는 css셀레터를 사용하여이벤트를 정의 한 경우, 대상 요소들은 모두 동일한이벤트를 발생시킬 수 있다.이때 $(this)는 현재 이벤트가 발생한 단 하나의요소를 가리킨다.$("요소")객체의 not(this)함수는 여러 HTML요소들중 이벤트가 발생

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

php 배열

불리언(boolean)정수(integer)실수(float)문자열(string)5\. 배열(array)객체(object)리소스(resource)NULL한 쌍의 키(key)와 값(value)으로 이루어진 맵(map)으로 구성되는 순서가 있는 집합맵의 키값정수와 문자열만 가

2023년 2월 19일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #060일

JQuery Progress Bar 01 >결과 >HTML >CSS >script >변수는 감싸고 있는 .progress-bar 와 안에 .bar , .num 이 있고 .num의 안에 data-num이 있는데 progressData 로 만들었다. progressBar 의 애니메이션은 progressData 의 width + '%' 의 값으로 만...

2023년 1월 11일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #057일

AJAX 와 JSON 을 다시 한번 복습하고 넘어가보자.Ajax는 웹페이지에서 새로운 데이터를 보여주려고 할 때 웹페이지 전체를 새로고침 하지 않고, 보여주고자 하는 데이터가 포함된 페이지의 일부분 만을 로드하기 위해 비동기 (non-blocking)을 사용하여 데이터

2023년 1월 2일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #054일

결과휠을 내리게 되면 다음 SectionHTMLCSSscript에 설명된 주석을 참고결과HTMLCSSscrollLeft 값만 바꿔주면 동작이 된다. 결과HTMLCSSscriptTyping 효과를 나타나게 하는 효과이다.CDN은 구글링을 통해 가져온다. 정해진 공식 페이

2023년 1월 1일
·
0개의 댓글
·

반복문

2022년 12월 31일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #043일

결과반응형 디자인 2-1에서는 모바일 메뉴를 만들고 left:100% 로 화면 영역 밖으로 빼네는 작업을 했고 오늘 그 메뉴가 나오는 모습까지 만들게 되었다. HTMLSCSSscriptleft로 -100% 가 있던 모바일 메뉴를 제이쿼리로 나오게 구현하였다. 하지만 모

2022년 12월 13일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #041일

결과HTMLCSSfavicon 은 웹페이지 탭화면에 title과 함께 나오는 웹페이지 아이콘이다.https://www.favicon-generator.org/ 에 들어간다.넣고자 하는 아이콘의 이미지를 선택하고 첫번째 선택란은 1번을 선택한다. 웹, 태블릿,

2022년 12월 11일
·
0개의 댓글
·
post-thumbnail

[React]Sass 알아보기(2)(error,function,if,Interpolation)

circle-av이 true이면 size에서 /2 해주어서 원으로 나타나는 것을 볼 수 있다.SassExample.jsxExample.scss4의 3승으로 marign:64px이다.@for로 통해 1부터 반복 했다.1 4 = 4;4 4 = 16;16 \* 4 =

2022년 11월 25일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #027일

HTMLSCSS(변수 입력)변수는 (영문, 영문+숫자, 영문+"-", "\_"소문자)로 만든다.선언한 변수는 color : $gray; 으로 불러온다.SASS/SCSS 에서의 자식선택, 종속선택 ex) ul > li > a 는 ul{    li{    a{    }  

2022년 11월 22일
·
0개의 댓글
·

[Java] 제어문2 (for/for-each)

자바 제어문 (for / for-each)

2022년 10월 26일
·
0개의 댓글
·

each()

$.each() 메서드는 object 와 배열 모두에서 사용할 수 있는 일반적인 반복 함수입니다.다시 말해, 배열과 length 속성을 갖는 배열과 유사 배열 객체들을 index를 기준으로 반복할 수 있습니다.첫 번째 매개변수로 배열이나 객체를 받습니다.두번째 매개변수

2022년 10월 12일
·
0개의 댓글
·
post-thumbnail

SCSS) 반복문 사용하기

프론트엔드 멘토로 꾸준히(요즘은 일하느라 조금은 빼먹으며..) 시안을 받아 퍼블리싱을 하고있다 :)회사에서는 SCSS를 사용하지 않는다. 하지만 나는 SCSS가 좋고 계속 쓰고 싶어서 혼자 개인 포폴을 만들며 사용한다!그리고 그냥 쓰지말고 블로그에 기록을 남겨보려 한다

2022년 10월 11일
·
0개의 댓글
·