# each()
[scss] @each, @while
@each는 list와 map데이터를 반복할 때 사용한다.자바스크립트 for in 반복문과 유사하다.하나의 데이터를 저장하기 위해서 변수를 사용하는데, 여러 개의 데이터를 저장할 때에는 list 또는 map이라는 형식으로 저장한다.연관된 데이터들끼리 모아서 하나의 변수
each
const users = [ {name: 'BY', age: 45}, {name: 'SJ', age: 26}, {name: 'ES', age: 27}, {name: 'YJ', age: 49}, {nam
블록
<th:block> 은 HTML 이 아닌 Thymeleaf 의 고유한 태그 기능이다.다수의 div 태그 반복 같이 each 문 만으로 해결하기 어려울 때 사용된다.div 태그 2개를 한번에 반복시켜야 될 경우 each 문 만으로는 작업이 어렵다.block 을 사용
반복
HTML tabletr = rowth = column name (meta 정보)td = dataeachth:each=”index : Collection”td 에 해당하는 부분이 반복의 대상이 될 수 있게 구현 해준다.Collection 의 다양한 속성을 확인할 수 있음

SCSS ( sass ) @each 활용
scss(sass)를 공부하면 기존에 사용했던 tailwindcss의 형태와 비슷한 functional css 를 구현해 보고자 @each를 활용하여...
jQuery ....
여러개의 요소를 의미하는 css셀레터를 사용하여이벤트를 정의 한 경우, 대상 요소들은 모두 동일한이벤트를 발생시킬 수 있다.이때 $(this)는 현재 이벤트가 발생한 단 하나의요소를 가리킨다.$("요소")객체의 not(this)함수는 여러 HTML요소들중 이벤트가 발생

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

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

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

Front-end 국비지원 #054일
결과휠을 내리게 되면 다음 SectionHTMLCSSscript에 설명된 주석을 참고결과HTMLCSSscrollLeft 값만 바꿔주면 동작이 된다. 결과HTMLCSSscriptTyping 효과를 나타나게 하는 효과이다.CDN은 구글링을 통해 가져온다. 정해진 공식 페이
반복문

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

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

Front-end 국비지원 #032일
JavaScript 1. function- input output > function name(parameter1,parameter2,... ){실행문(코드)} = 특정 기능을 수행하도록 작성된 코드 블록 ex)01 *밖으로 printHello(); 함수를 불러와

[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 =
Front-end 국비지원 #027일
HTMLSCSS(변수 입력)변수는 (영문, 영문+숫자, 영문+"-", "\_"소문자)로 만든다.선언한 변수는 color : $gray; 으로 불러온다.SASS/SCSS 에서의 자식선택, 종속선택 ex) ul > li > a 는 ul{ li{ a{ }
each()
$.each() 메서드는 object 와 배열 모두에서 사용할 수 있는 일반적인 반복 함수입니다.다시 말해, 배열과 length 속성을 갖는 배열과 유사 배열 객체들을 index를 기준으로 반복할 수 있습니다.첫 번째 매개변수로 배열이나 객체를 받습니다.두번째 매개변수

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