현재노트

다들 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,'\"..

1. 소개 2. 패턴 특정 패턴에 익숙해져 작업을 크게 단순화 해주고 시간과 에너지를 줄여준다. 반복적으로 일어나는 문제에 대한 합리적인 해결책을 제공 3. 프로그래밍 이론 가치 공통적인 가치는 커뮤니케이션, 단순성, 유연성이다. 커뮤니케이션 : 개발자가 코드를 쉽게 이해하고, 수정하고 사용하는 것 단순성 : 복잡도가 과하지 않으면 시스템을 이해하기 쉽다. 유연성 : 비효율적인 코딩이나 설계를 정당화해주는 가치 원칙 지역적 변화 : 코드를 수정할 때 함께 바꿔야 하는 부분을 최소화 최소중복 : 중복된 코드가 많을수록 코드 수정이 어려워 중복을 최소화 로직과 데이터의 결합 : 로직과 데이터를 함께 유지하여 영향력을 일정 영역으로 제한 대칭성 : 대칭성을 명확히 표현하여 절반만 이해하면 나머지 절반을 자연스..

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 에서 따옴표안에 파라미터 선언 시 생기는 이슈이며, 쿼리문 변수선언 부분의 따옴표를 지우고 #{}, ${} 등의 변수 형태로 적용해주면 이슈가 해결됩니다.