이것저것

React, React란? React 환경설정

리액트란? React 는 UI 를 구현하는 JavaScript 라이브러리웹 앱(Web App) 또는 네이티브 앱(Native App) 유지보수를 쉽게 , DOM 관리성능 최적화 쉽게컴포넌트에 집중대부분 공식 라이브러리가 없음 (높은 자유도)자바스크립트 친화적 es6 기반로 배우기가 쉽다   React 환경설정 1. NodeJs - 리액트 프로젝트를 준비하기 위해 필요한 webpack, babel 등의 도구들을 실행하는데 사용된다.- npm은 자바스크립트 프로그래밍 언어를 위한 패키지 관리자이다  2. Yarn - 자바스크립트 패키지를 관리하기 위해서 사용된다.- yarn은 npm동작 방식과 비슷하지만 npm의 단점을 보완해 성능과 속도를 개선한 패키지 관리도구이다.Node.js 를 설치하면 npm 이 ..

MySQL 다운로드 다운로드 주소 : https://dev.mysql.com/downloads/ MySQL :: MySQL Community Downloads dev.mysql.com  MySQL Community (GPL) Downloads >>    MySQL Installer for Windeows - MySQL Community Downloads - Windows (x86, 32-bit), MSI Installer  Download    No thanks, just start my download 클릭 - mysql-installer-community-8.0.39.0.msi 다운 확인        MySQL 설치  mysql-installer-community-8.0.39.0.msi 더블클릭 원하..

Lombok 사용하기 https://mvnrepository.com/artifact/org.projectlombok/lombok/1.18.30MVC Repository에서 Lombok 검색 후 Project Lombok에서 Maven 복사 Lombok 사용할 프로젝트의 pom.xml의 dependency 안에 넣기  이전에 깔았던 Lombok.jar 파일 열어서 경로 추가하기 ( * 없으면 다운로드하기 )Lombok.jar 파일  - 우클릭 - 추가 옵션 표시 - 열기 STS.exe 경로 찾아서 Select  경로 들어온거 확인 후 Install/Up... 클릭 - Quit Insta..lombok 잘 들어갔는지 STS.ini파일에서 확인  STS.exe 열어서 Lombok 제대로 작동하는지 확인하면 완료

프로젝트 생성하기 1. Spring Legacy Project 로 생성하기- Maven, Gradle 따로 생성해줘야 된다- Chapter01_XML  2. Maven Project 로 생성하기- Update Maven을 해줘야한다- Chapter01_ANNOProject :  Chapter01_XML New - Spring Legacy Project - Simple Java  따로 변경할거 없이 Next - Don't Create  Maven 만들기 프로젝트 우클릭 Configure - Convert to Maven Project 프로젝트 이름 확인 후 FinishPOM이 생성되게 된다.     Project :  Chapter01_ANNO Maven Project로 생성하면 pom.xml 을 자동으로..

프로그램 열기 D:\Spring\sts-bundle\sts- 3.9.18.RELEASE - STS.exe 더블클릭 파일 위치 선택 후 Launch (작업할 파일 위치)Tomcat 설정 Window - Prefernces - Server - Runtime Environments 기본으로 있던 Environments를 제거(Remove) 하고 Tomcat을 불러온다. 1. 삭제할 Name 클릭 후 Remove2. Add..  설치했던 Tomcat 버전 선택(Create a new local server 선택하면 자동으로 Servers 파일이 생성된다.)- Next - 설치된 경로 선택 - Finish  Servers에 Tomcat v9.0 ... 더블클릭Tomcat admin port 번호 8005로 변경 ..

Spring 환경설정 Spring Framework를 설치할건데 Spring Framework는 JDK 11, Tomcat 9.0, spring 5.x 사용해야 잘 처리된다.  Spring 6.x 에서는 Tomcat 9.0 과 연결이 제대로 되지 않는다. => The superclass "jakarta.servlet.http.HttpServlet" was not found on the Java Build Path 에러 발생한다.  그래서 STS.ini 파일에서 JDK 11로 설정하고, 프로젝트를 생성한 뒤 JDK 버전을 바꾸어서 사용하면 된다.  => Spring Legacy Project가 아직 JAVA 17을 지원하지 않아서 발생하는 에러이다.  1. JDK 설치 - JDK 11 (java.oracl..

Template Template 플러그인은 동적으로 생성하고자 하는 요소를 미리 HTML 틀을 정의해 둔 후,  그 안의 적용할 내용을 JSON 데이터로 처리하는 jQuery 플러그인이다. Ajax를 사용하면 원격지의 JSON 데이터를 페이지 이동 없이 로드 해 올 수 있다.이때 Ajax로 로드한 JSON 데이터의 구조와 템플릿에 정의되어있는 치환자들이 동일하다면,  바로 데이터를 전달받아 동적 요소를 생성하여 화면에 출력하도록 구성할 수 있다.  JSP 파일에서 작업을 하면 EL표현식과 충돌이 난다. => 그래서 JSP 파일에서는 반드시 ""를 붙여서 사용을 해야 한다.1. jquery-tmpl-master.zip 다운로드https://github.com/BorisMoore/jquery-tmpl 1-1..

JSON Viewer JSON을 브라우저에서 쉽게 확인할 수 있도록 하는 viewer 1. chrome 웹 스토어 에서 JSON Viewer 다운로드    JSON 파일 브라우저에서 보기 쉽게 확인 가능하다.

JSTL 라이브러리 JSTL은 JavaServer Pages Standard Tag Library의 약어로, Java 코드를 바로 사용하지 않고 HTML 태그() 형태로 직관적인 코딩을 지원하는 라이브러리이다. JSP Java + HTMLScriptlet 출력 :  JSP안에서 Java 코드를 몰아내기 ==> EL/JSTL  EL${ } -> 제이쿼리 가 아니다.  EL을 사용하기 위해서는 JSTL 라이브러리가 필요하다.JSTL 다운로드 받기 https://mvnrepository.com/ 1. 검색창에 JSTL 검색  2. 다운 많이 받은 JSTL 클릭, 1.1.2버전 클릭, jar(384KB) 클릭해서 다운로드 standard 다운로드  1. 검색창에 standard 검색   2. Standard..

jQuery Ajax 통신처리 : 페이지 이동이 없는 비동기 데이터 통신 Java 의 네트워크 통신은 동기다. 요청을 보내면 반드시 응답이 와야된다. ( 응답이 올때까지 기다림 )Ajax는 비동기이다. 응답이 없어도 기다리지 않고 응답이 오던 말던 상관 안하고 앞에 수행을하고 오던지 한다.단점프로그램이 절차식이 아니다. 따라서, 결과의 값을 반드시 가져와야 할 때 값이 응답이 오지 않았어도 다음 단계를 진행하기 때문에 전부 에러가 날 수 있다. 답이 오기도 전에 진행된다.jQuery 특징크로스 브라우징 / 한 번의 코딩으로 거의 모든 브라우저에게 적용된다. (자바 스크립트는 크로스 브라우징이 안된다.)간결한 문법익숙한 구문(CSS, JavaScript 구문에 적용할 수 있다)다양한 플러그인 jQuery ..