목록현재노트 (18)
현재노트
다들 nodejs으로 개발함에있어 프론트엔드 기술로 여러가지 기술(react, vue, jsp 등)들을 사용할 것입니다. 이번 포스팅에서는 프론트엔드 기준을 react으로 사용하고, nodejs로 API 데이터 호출을 하는 과정에서 인풋 데이터 즉, form 내의 데이터를 json형태로 보내는 방법에 대해서 알아보겠습니다. if(this.fnValidate()){ var jsonstr = $("form[name='frm']").serialize(); jsonstr = decodeURIComponent(jsonstr); var Json_form = JSON.stringify(jsonstr).replace(/\"/gi,'') Json_form = "{\"" +Json_form.replace(/\&/g,'\"..
React를 활용한 개발을 진행하면서 JSX는 javaScript이므로 class의 다른 의미가 있습니다. 무료템플릿이나 퍼블리싱 작업을 전달받았을 때 JSX에서 class의 오류를 보게될 수 있습니다. HTML 태그 속성을 쓸때 오류가 생길 수 있는 케이스가 많기때문에(Ex. a태그 -> Link로 수정) 태그별로 사용방식이 다른 부분이 여러가지가 있습니다. Warning: Invalid DOM property `class`. Did you mean `className`? 해결방법 해결방법class reander 에서 UI를 그려줄때 class대신 className을 사용해야 해당 오류를 해결할 수 있습니다.
2020년 2월 4일 구글 크롬이 80버전으로 업데이트 되면서 새로운 쿠키정책이 적용되어 쿠키의 SameSite 속성의 기본값이 "None" -> "Lax"로 변경되었습니다. 변경됨에따라 타도메인간의 통신에서 쿠키값을 잃어버리는 현상이 발생하며, 쿠키값으로 페이지처리하는 사이트의 경우에는 이슈가 생길 수 있습니다. HTML 삽입 미리보기할 수 없는 소스 SameSite 설정하기 SameSite 속성을 변경하는 방법은 쿠키를 생성하는 시점부터 설정해주거나 필터 등을 이용하여 기존 쿠키에 none 속성을 추가하는 방법이 있습니다. 1. JavaScript document.cookie = "safeCookie1foo; SameSite=Lax"; document.cookie = "safeCookie1foo"; ..
Parameter index out of range (4 > number of parameters, which is 3) 쿼리문을 작성하다보면 HediSQL 같은 툴에서 사용하던 쿼리에 따옴표 내 파라미터만 수정하는 경우가 가끔씩 있습니다. mybatis 에서 따옴표안에 파라미터 선언 시 생기는 이슈이며, 쿼리문 변수선언 부분의 따옴표를 지우고 #{}, ${} 등의 변수 형태로 적용해주면 이슈가 해결됩니다.
PC브라우저, 앱 등 회원에 대한 정보를 사용하는 곳에서 자동로그인, 자동아이디입력 등을 경험해본 적이 있습니다. 쿠키는 재사용할 정보들을 브라우저, 앱 등에 저장하고, 필요에의해 꺼내서 사용할 수 있습니다. 자주찾는 웹사이트에서 로그인 할때 본인의 로그인 폼에서 아이디가 자동으로 입력되거나 할때가 그 예시입니다. 쿠키의 경우 세션과는 달리 사용자 클라이언트 PC에 저장이 되므로 보안적인 면에서 제약이 있습니다. 하지만 특수한 경우로 세션 사용이 여의치 않거나 할때에는 쿠키를 적절히 사용해야 하는데 이때에는 쿠키의 유효시간을 조정하여 보안적인 이슈를 최소화 할 수 있습니다. 사용방법 public void CookieTestClass(HttpServletRequest request, HttpServletR..
IFNULL은 해당 필드의 값이 NULL을 반환할때 다른 값으로 출력할 수 있도록 하는 함수입니다. SELECT IFNULL(필드명, "대체할 값") FROM 테이블명; 물론 하나의 필드의 값 뿐만아니라 , 연속적으로도 활용 할 수 있습니다. 다음은 IFNULL을 사용한 예입니다. 위의 데이터는 3개의 필드에서 무작위로 NULL 값이 존재합니다. 하지만 3개의 필드중 값이 존재한다면 그 값은 동일한 경우입니다. 만약 keyword 와 3개의 필드의 값중 하나를 출력하려 한다면 IFNULL을 활용하여 다음과 같이 사용할 수 있습니다. SELECT keyword, IFNULL( common_rep, IFNULL( fur_rep, makeup_rep ) ) as syn_2 FROM syn_color ; 출력 결과
서버관리에 앞서 관리하고자하는 서버의 폴더, 파일 등에 권한을 부여하여 생성, 이동, 삭제, 수정 등이 가능합니다. 1. 해당파일에 대한 퍼미션. 2. 해당파일에 link 되어 있는 파일의 개수. 3. 해당파일의 사용자(user) - 대부분 파일의 생성자 4. 해당파일의 그룹(Group) - 대부분 파일을 생성한 계정이 속해 있는 그룹 첫번째 항목부터 알아보겠습니다. drwxr-xr-x 21 root root 4096 7월 12 11:30 var drwxr-xr-x 부분은 다시 4부분으로 나뉘게 됩니다. d , rwx , r-x , r-x 이렇게! 처음에 d 는 directory 라는 의미를 뜻하고, 파일의 종류에 대한 속성을 나타냅니다. 속성에 해당하는 테이블은 아래와 같습니다. d : Director..
이클립스를 설치하고 나서 messages.propertes 파일을 열면 다음과 같이 유니코드로 보일 수 있습니다. 이건 messages.properties 파일 자체가 유니코드로 값을 저장하고 있기 때문인데요, 이걸 한글이나 영문으로 변환해서 보여주는 플러그인이 바로 PropertiesEditor 입니다. 이클립스 메뉴에서 [Help > Install New Software...]을 클릭하세요. [Add] 버튼을 클릭해서 Location에 다음과 같이 입력하세요. http://propedit.sourceforge.jp/eclipse/updates/ 조금 기다리면 위와 같이 목록이 나오는데요, PropertiesEditor를 선택하신 후 아래그림처럼 진행하시면 됩니다. 플러그인이 다 설치되면 이클립스를 r..