현재노트

React를 활용한 개발을 진행하면서 JSX는 javaScript이므로 class의 다른 의미가 있습니다. 무료템플릿이나 퍼블리싱 작업을 전달받았을 때 JSX에서 class의 오류를 보게될 수 있습니다. HTML 태그 속성을 쓸때 오류가 생길 수 있는 케이스가 많기때문에(Ex. a태그 -> Link로 수정) 태그별로 사용방식이 다른 부분이 여러가지가 있습니다. Warning: Invalid DOM property `class`. Did you mean `className`? 해결방법 해결방법class reander 에서 UI를 그려줄때 class대신 className을 사용해야 해당 오류를 해결할 수 있습니다.

html 태그의 value 값을 jquery를 활용하여 다룰 수 있는 방법에 대해 간단하게 알아보겠습니다~ //1. By id var name_by_id = $('#test_id').val(); //불러오기 var name_by_id = $('#test_id').val('id'); //id 라는 문자열 입력하기 //2. By class var name_by_class = $('.test_class').val(); //불러오기 var name_by_class = $('.test_class').val('class'); //class 라는 문자열 입력하기 //3. By name var id_by_name = $('[name="test_name"]').val(); //불러오기 var class_by_name =..

안녕하세요, 이번 포스팅은 html 체크박스를 다루는 여러가지 방법에 대해 알아보겠습니다. 우선 기본적으로 체크박스에 이벤트를 주기 위해서는 click(function(){}) 함수를 사용합니다. 체크 유무에따른 특정 파라미터의 값을 변경하고자 할때 위의 코드처럼 사용하시면 됩니다. $("#checkboxEx").click(function() { if ($('#checkboxEx').is(':checked')) { $('#check_yn').val("Y"); } else { $('#check_yn').val("N"); } }); 감사합니다 :)

안녕하세요, 이번 포스팅은 input 태그에 영문입력 시 대문자로 변환해주는 스크립트를 알아보겠습니다. HTML 화면에서 Input에 대문자만 입력받아야 하는 경우가 있습니다 예들들면 쿠폰번호라든가 기타 다른 난수번호들을 입력받을때! 사용자가 소문자를 입력해도 자동으로 대문자로 바꿔주고 싶을때가 있습니다. 변경방법은 keyup이벤트를 이용해서 toUpperCase()를 이용하면 됩니다. HTML SCRIPT 위 코드대로 적용을하면 소문자로 입력되었따가 자동으로 대문자로 변경됩니다. 소문자로 변경되는 현상이 보기 안좋다고 생각이 드는분은 css로 작업이 가능합니다. style에 기능을 넣어줄 수 있지만, jquery에서 데이터를 찍어보면 대문자로 변경되어서 값이 저장되지는 않으니 필요에 맞게 사용하시면 되..

안녕하세요, jquery에서 json 데이터를 읽어오는 예제입니다. 감사합니다 :)

안녕하세요 :) 이상없이 실행되지만 뭔가 문제가 있어보이고뭔가 신경쓰이게 하는 저 X표시...jsp파일에서 제일 첫번째 라인에 뜨는컴파일 에러를 해결해보고자 합니다~ 위 사진과 같이 뜨는 에러는 새 프로젝트의 server runtime에was를 따로 설정을 해주지 않았기 때문입니다. 해결방법은 간단합니다. 1. 프로젝트 우클릭 -> Build Path -> Configure Build Path... 클릭! 2. Libraries 클릭 -> Modulepath 클릭 -> Add Library... 클릭! 3. Server Runtime 선택 후 Next~ 4. Apache Tomcat v8.5 선택 후 Finish~ 5. Apply and Close 클릭~ 짜잔~ X표시가 사라졌습니다.실행에는 문제가 없지..

안녕하세요 :) 지난번 포스팅에서 설치한 Java EE와 tomcat을 연동하여최종적으로 개발환경 구축을 마무리하는 작업을 진행해 보겠습니다. 우선 eclipse를 실행하여 새로운 프로젝트를 생성합니다. 1. File -> New -> Dynamic Web Project 클릭하여 프로젝트 생성! 2. 저는 test라는 이름으로 프로젝트를 생성하였습니다.이후 Next -> Finish 클릭! 3. 생성된 프로젝트 우클릭 -> New -> JSP File 클릭! File name은 test로 생성하였습니다. 프로젝트의 기본 셋팅은 완성되었어요~ 다음 tomcat을 JavaEE에 설정하는 방법을 설명드리겠습니다! 우선 tomcat 홈페이지에 접속을하여 tomcat을 설치하여야 합니다. tomcat 설치 방법으..