map은 1. array의 자료 갯수만큼 함수를 실행시켜주고 2. 함수의 파라미터는 array안에 있던 자료이고 3. return에 뭐 적으면 array로 담아줌 중괄호 { } 안에서는 for문 쓸수없음 [1,2,3].map(function(){ return 안녕 }) // 출력값은 안녕이 3번 나옴 글제목.map(function(a,i){ return( {글제목[1]} 2월17일발행 ) }) // 여기서 a는 array 안에 있던 자료들 // i는 반복문이 돌때마다 0부터 1씩 증가하는 두번째 인자 props 전송은 부모 👉 자식만 가능하다 (옆집한테 보내는것도 불가능 무조건 부모에서 자식만 가능) { // 프롭스 전송 문법 modal == true ? : null } { function Modal(p..

app.js > 메인페이지 jsx > js 파일에서 쓰는 html 대용품 jsx에서 html에 class넣을때는 className 이라고써줘야함 데이터는 이런식으로 바인딩함 function App() { let post = '잉잉잉'; return ( 블로그 {post} ); } 스타일은 이렇게 넣음 스타일 뺄셈 기호는 쓰면안되고, 카멜표기법으로 다 작성해야함 (예시; font-size > fontSize) 자료를 '잠깐' 저장할때는 useState 써도된다 (아래는 임포트문) 아니면 자주 변경될거같은 html 내용들은 useState로 만들기 import {useState} from 'react'; let [a,b] = useState('남자 코트 추천'); {a} // 이렇게 하면 a에 '남자 코트 ..

ajax 페이지 새로고침 없이 GET,POST 요청하는 기능 제이쿼리 이용하여 ajax에 get 요청 날리는법 $.get('url 주소~~'); $.get('url주소~~').done(function(data){ console.log(data) }) // done : 페이지가 로드가 돼면 // url주소에 있던 데이터값이 콘솔에 출력이된다 // post요청 $.post('url주소~~').done(function(data,{name: 'kim'}){ console.log(data) }) ajax 실행 실패시 처리하려면 .fail(function(){})~~~ 자스버전으로 ajax처럼하려면 fetch로 하는것 ajax 편하게 쓰려면 엑시오스(axios)라이브러리를 쓰기도함

이 시멘틱 태그는 input이랑 똑같음 제이쿼리문법 $('.form-select').eq(0).val() => eq는 index / val은 value 자바스크립트로 html 생성하기 document.createElement('p'); // 태그 생성 // 변수 설정으로 해주고 var a = document.createElement('p'); // html 내용을 안녕으로 한다 a.innerHTML = '안녕'; html 태그 안에 태그를 넣는 것도 가능하다 document.querySelector('#test').appendChild(a); //id값이 test인 html 태그 안에 아까 위에 만들어둔 p태그인 a를 넣는다 .insertAdjacentHTML 을 이용해서도 html 추가할수 있는데..왤..

방명록(register) HTML 방명록 페이지 제목 내용 작성자 작성 data-dismiss : 모달을 닫는데 사용됨 aria-label : 버튼에 글자 나타내는거 ※부트스트랩을 사용하지 않고도 쓸수있음 그냥 HTML 내장속성임 × aria-hidden을 사용하면 사용자에게 보이지 않게 숨기겠다는 내용이다. 글고 × 는 문자 X 를 의미함. 걍 닫기 나타낸거임 @Override public GuestbookDTO read(Long gno) { Optional result = repository.findById(gno); return result.isPresent()? entityToDto(result.get()): null; //삼항연산자 이용 // result.isPresent()가 참이면 entit..