본문 바로가기

전체보기112

변경이 잦을 경우) 일반 변수 대신 state 문법! return() 안에는 병렬로 태그 2개 이상 기입금지 state 만드는 법 1.import{useState} 2.useState(보관할 자료) 3.let[작명, 작명] e.g.)let [ a,b] = useState('4세대'); * a : state에 보관했던 자료 b : state 변경 도와주는 함수 let [글제목,b] = useState('여자 코트 추천'); // = ['남자 코트 추천', 함수] 이렇게 써있는거랑 같다. //destructing 문법 //let num =[1,2]; // let a = num[0]; // let c = num[1]; //let [a, c] = [1, 2]; 위에 처럼쓸걸 왼쪽처럼 한줄로 간단히 쓸수 있음. **새로운 문법 배웠으면 언제 쓸지도 생각 해보기! Q.. 2023. 3. 1.
MVC 패턴 복습 mvc 모델에서 홈페이지와 로그인에 관련된 모델(M)-뷰(V)-컨트롤러(C) 에 관해 복습해봤다 확실히 정리하면서 하나하나 따져보니 이해가 확실히 되고 까먹었던 부분도 다시 기억해냈다. 계속 추가할 예정 2023. 2. 27.
jspf 란?? jspf 란 JSP Fragment의 약자로 파편 즉 쪼개서 따로 저장한 jsp 조각을 말한다. jspf 파일을 사용하면 코드 중복이 줄어들고, 유지 보수 관리가 쉬워진다. 액션태그로 이렇게 표현하거나 디렉티브로 이렇게 써주면 되는데 액션태그의 경우 컴파일이 끝난 결과를 가져오는 반면, 디렉티브는 페이지 전체의 내용을 그대로 가져온다. 그런데 jsp 파일로도 include가 가능한데 왜 굳이 jspf 파일을 쓰는걸까? 그 이유는 변수 호환성 때문이다. 이렇게 변수를 선언한 top.jsp 파일이 있다고 가정해보자. 이름 : 아이디 : 그 경우 액션태그 를 이용하여 include 한다고 해도 top.jsp 에 있던 변수 name과 id 값이 호환되지 않고 'name/id cannot be resolved t.. 2023. 2. 25.
무심코 누른 ctrl+space가 개발자를 죽인다 오늘도 평화롭게 코딩을 하던 코디드 jstl을 이용해 변수 선언을 하던 와중에 이렇게 객체 생성을 할일 생긴다 그래서 평소 하던대로 Date에 커서를 두고 ctrl+space를 하고 넘어가려는데.. ??? 대체 왜? 위에 올라가서 확인해보니 import도 되어있고 뭐가 문제지? 그래도 나름 혼자서 고민하다가 오류 메시지가 뜨는 그대로 구글 형님께 질문을 올려보았다 "The constructor Date() is undefined" Date()의 D자도 치지 않았는데 완전 똑같은 의문을 가진 착한 선배님이 계셨다. 6년전 당신의 질문이 머나먼 사우스 코리아의 개발호소인을 구했습니다 thx https://stackoverflow.com/questions/47835196/error-the-constructor.. 2023. 2. 22.
수정)게시판 내 삭제 기능 jsp작성 도중 풀리지 않는 의문 해결! 수정 삭제 게시판에서 글을 삭제할때 삭제 버튼을 누르면 링크로 넘어가는게 아니고 JS 로 넘길 때 안에 "javascript: 넘길 함수" 로 해서 요기로 넘기고 confirm 으로 다시 한번 정말로 삭제할지 물어보고 boardDel.jsp로 넘기는데 if(result>0){ //삭제하면 글 목록 response.sendRedirect(request.getContextPath()+"/board/boardList.jsp"); }else{ // 삭제가 이뤄지지 않으면 글 내용보기 response.sendRedirect(request.getContextPath()+"/board/boardView.jsp?no="+no); } BoardDAO에 있는 삭제를 담당하는 메소드에서 delete되고 다시 위에 코드블럭으.. 2023. 2. 21.
react 입문과 기본 문법 react는 JS 라이브러리다 JS 공부가 기본이 되고 그 위에 쌓아가면 되는건데 마침 지금 jquery를 공부하는 중이라 오랜만에 html, css, js를 만지작 거리고 있어서 시작하기 좋은 시기인것 같다. react는 굳이 새로고침을 안하는 싱글 페이지를 어플을 만드는데 많은 도움이 된다고 한다. 그리고 당연한 얘기겠지만 JS 라이브러리니까 html 사용하는데 있어서 도움이 된다. [기본중의 기본] 미리보기 띄우기 : Terminal>New Terminal > npm start [JSX] JSX : .js 파일에서 html 작성할때 쓰는 문법/언어다. JSX 문법 1. class 넣을 땐 className class 문법이 따로 있는데 그거랑 겹쳐서 html의 class 용도로 쓸땐 classNam.. 2023. 2. 20.

티스토리툴바