코딩 오답 노트장

import React from 'react'; import axios from 'axios'; class MemberInfo extends React.Component{ state = { } render(){ return( ) } } export default MemberInfo;

출처: https://lemontia.tistory.com/973 [ajax, axios] Get호출 시 배열(list) 파라미터 전달하기 Get조회에서 서버에 배열로 보내야 할때, 예를들어 다음과 같이 id가 있어 서버에 조회요청을 해야할 때다. ids: [215, 217, 218, 219, 240, 241, 242, 243, 244, 245, 246, 247, 248, 249, 250, 251, 252, 253, 2.. lemontia.tistory.com

사용되는 변수(state) : state = { //댓글 삭제 모달 delCommentModal: false, delCommentConfirmStatus: 0, delCommentSeq: 0, }; 값에 따른 다양한 모습 {/* 삭제 모달 */} { { 0: 정말로 삭제하시겠습니까? delComment(delCommentSeq)}> 확인 delCommentModalClose()}> 취소 , 1: 삭제되었습니다. delCommentModalClose()}> 확인 } [delCommentConfirmStatus] }

//업데이트시 적용 componentDidUpdate() { this.autoHeight(); } // textarea 자동 높이조절 autoHeight = () => { $('.postViewCommentInput').keyup(function(e) { $(this).css('height', 'auto'); $(this).height(this.scrollHeight); }) } 쩐다

특정 문자열 포함 개수 구하기 방법 1 : var count1 = codes.split('

예제 설명 iframe 태그에서 co2.html을 참조하는데, co1.html에서 버튼을 누르면 co2.html으로 가서 메세지를 전송 예제 코드 co1.html Send-> co2.html 예제파일

사용이유 가변성이 큰 객체를 생성할 때 state로 하나하나 지정해주면 너무 state변수가 많아지고 불필요해짐 따라서 변수를 초기화시키면서 배열로 동적 생성시킬 방법인데 setState를 이용해 편법처럼 사용하는것임 사용방법 1. 전역 변수로 변수를 선언 (class(comp) 바깥쪽) let timeStrDate = []; 2. 변수들을 배열에 넣어줌 getDate = (num) => { timeStrDate = []; for(var i=0; i ( {date} ) ) ... {timeDate} } 5. 이제 getDate()를 호출하면 변수가 state처럼 동적으로 변함!

자바스크립트에서 입력란에서 글자 Byte를 제한하는 방법 영어와 한글의 바이트 수가 다르기 때문에 Object Length 함수로는 해결할 수 없음 출처 : https://mainia.tistory.com/2410 글자 수 -> 글자 바이트로 수정해서 가져옴 자바스크립트(Javascript) 글자수 체크하는 방법 자바스크립트에서 입력란에 글자수를 제한하는 방법입니다. Object 의 length 함수로는 해결할 수가 없습니다. 영어와 한글의 바이트수가 틀리기 때문입니다. 한글은 2바이트, 영어는 1바이트로 다 mainia.tistory.com

몇일 전, 몇일 후 setDate로 한번 설정해주면 Timestamp를 반환, 다시 new Date()로 Date 객체로 만들어 줘야 함 원본 객체가 수정된다는 걸 기억해야 함! var now = new Date();// 현재 날짜 및 시간 console.log("현재 : ", now); var yesterday = new Date(now.setDate(now.getDate() - 1));// 어제 console.log("어제 : ", yesterday); var now = new Date();// 현재 날짜 및 시간 console.log("현재 : ", now); var tomorrow = new Date(now.setDate(now.getDate() + 1));// 내일 console.log("내일 ..

1. 비교 연산자 (>, date2);//true console.log(date1 >= date2);//true console.log(date1 < date2);//false console.log(date1 date2.getTime()) document.write("date1 is greater than date2"); else document.write("both are equal"); 등호 연산자로 같은지 확인 가능함! let date1 = new Date(); let date2 = new Date(date1); if (date1.getTime() == date2.getTime()) document.write("Two dates are equal."); //출력 if (date1.getTime() =..