IT/development205

• [React.js] state 사용법 state 😏 constructor(props)를 통해서 초기화, 변경 가능 constructor() {} 안에서 반드시 super(props)를 통해 부모 컴포넌트의 생성자를 호출해야한다. 안하면 에러 발생 렌더링 이후 값 수정하려면 this.state = "변경할 값" 이렇게 사용하면 절대 안되고 setState() 함수를 이용해 수정 위에서 만든 Counter Component에 constructor()를 이용해서 데이터 초기화, super(props)를 통해서 부모 컴포넌트의 생성자를 호출한 다음 this.state = {...}에 초기화할 객체를 선언 그리고 핸들러에서 this가 무엇을 나타내는지 알 수 있도록 생성자에서 아래처럼 change 메소드를 현재 컴포넌트를 바인딩한 함수로 수정해야 함.. IT/development 2023. 7. 13.

• [html] button에 type을 명시하자(feat. default submit) 목차 ajax로 페이징을 구현 했는데 페이지 이동이 되었다가 다시 같은 페이지가 호출이 되었다. 콘솔 보면 2페이지 데이터를 정상적으로 가져왔다가 다시 1페이지가 호출이 되고 있다. 간단한 원인 이었는데 꽤 많은 시간 삽질 끝에 나중에 다시 봐야지 하고 넘어 갔었다가 다시 봐서 해결 했다. before source 🙂 /** * 페이지네이션을 그린다. * @param paging */ function drawPagination(paging) { let pageHtml = ""; pageHtml += ""; //first const first = parseInt(paging.firstPage); pageHtml += ""; if (paging.currentPage === paging.firstPage) {.. IT/development 2023. 7. 9.

• 

  [dbeaver] dbeaver DDL, DML 생성 dbeaver를 이용해서 DDL, DML 추출 방법 IT/development 2023. 7. 8.

• 

  [JavaScript] 동적 엘리먼트 onclick 문자열 구현 하려고 하는 기능은 동적으로 만든 엘리먼트에 onclick 이벤트를 추가 후 매개변수에 문자열을 넣는 것이다. 순번 아이디 결과 원하는데로 "문자열"이 잘 전달되었다. \" 이스케이프는 따옴표를 나타내는 문자열이라고 인식시킨다. IT/development 2023. 7. 5.

• [JavaScript] validation IT/development 2023. 6. 25.

• 

  [mybatis] update 동적 쿼리(feat. <set></set>) /* 게시글 수정 */ UPDATE BOARD_INFO TITLE = #{title} , CONTENT = #{content} , MOD_DATE = SYSDATE WHERE BOARD_SNO = #{boardSno} 테스트 IT/development 2023. 6. 24.

• 

  [IDE] IntelliJ 탭 좌/우 이동(feat. Tab Shifter) 플러그인 설치 필요(Tab Shifter) 우측 탭 이동: ctrl + alt + shift + ] 좌측 탭 이동: ctrl + alt + shift + [ 탭을 나누고 개발하는 경우가 많은데 이 경우 키보드로만 이동할 수 있으니 상당히 막강하다. IT/development 2023. 6. 22.

• [thymeleaf] js에서 thymeleaf값 사용하기 js에서 thymeleaf에서 사용하기 //th:inline="javascript" 명시해야 함 IT/development 2023. 6. 21.

• [thymeleaf] 문자열 합치기 thymeleaf에서 문자열 합치기 제일 깔끔한 건 ||안에 리터럴("문자열")과 표현식(${})을 넣으면 된다. IT/development 2023. 6. 21.

• [thymeleaf] 리터럴 대체 아래처럼 "| 여기에 입력하면 문자열로 인식한다. |" 이렇게 안하면 문자와 표현식(${})을 + 쓰고 이스케이프('\') 쓰고 코드가 지져분해지고 가독성도 안 좋아진다. "| |" 활용해서 사용하자. IT/development 2023. 6. 14.