front12 자바스크립트 forEach()반복문 자바스크립트에서는 forEach()를 이용하여 반복문을 작성할 수 있다. -> 26,50,74 1.function안에 있는 item은 타입 정의를 해주지 않았지만 items를 받는 변수이다 . (자바스크립트는 타입이 없음) 2.function func()로직을 정의해주고 한번더 func()메소드를 불러내야 작동한다. 게시판 만들기에서 제이쿼리를 이용하는 자바스크립트를 가지고도 forEach를 사용한 적이 있다. 제이쿼리에서는 $.each로 써준다. $.each(result.data, function(index,obj){ var tr = $('') var td = ''; td += '' + obj.boardNo+''; td += '' + obj.title+''; td += '' + obj.writer+''.. 2022. 1. 15. 자바스크립트에서 $는 무슨 뜻일까?? (DOM) $(document).ready(function(){ //첫페이지 getBoard(1); }) $()는 보통 제이쿼리를 사용하는 자바스크립트에서 많이 쓰인다. $() 는 Jquery()이게 단축된 말이며, 예전에는 getElementById()로 많이 썼는데, 그냥 $() 셀렉터로 쉽게 하라고 들어온 것이다. 이 셀렉터는 DOM(Document Object Model)을 가르키며 원래는 이런식으로 생겼다 document.getElementById("id_of_element").style.color = "#ffffff"; $()를 쓰면 코드를 밑에 처럼 줄일 수 있다. $("id_of_element").setStyle({color: '#ffffff'}); 파라메터 값을 주는 셀렉터로도 사용될 수 있다. v.. 2022. 1. 15. div 컨테이너 중앙 정렬 (flexbox,text-align,justify-content) 이렇게 가운데 부분으로 정력하는 방법 display : flex; justify-content : center; align-items : center; min-height : 60vh; flexbox: 아이템 간 공간 배분과 강력한 정렬기능을 제공하기 위한 레이아웃 모델 justify-content: 수직(세로)방향 부분 정렬 align-items: 수평(가로)방향 부분 정렬 2022. 1. 11. 타임리프 css 적용안되는 경우 이렇게 정상적으로 경로를 설정해도 css적용이 안되었다. 문제는 의외로 간단하였는데, 디렉토리 경로를 html과 css 동일하게 만들었다. template안에는 html만 들어갈 수 있고, css디렉토리는 template밖에 만들어야한다 위에 static에서는 css만 들어가야하고 template은 html만 들어갈 수 있다. 2022. 1. 10. 이전 1 2 3 다음
