이것저것

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 이 ..

MVC 모델 2기법  - 자바(비즈니스 코드)와 웹(프리젠테이션)을 분리- 개발속도가 느리다.  이전에 썼던거 = 모델 1기법 - 개발 속도 빠르다. - 시뮬레이션 할때 많이 사용한다. - 유지보수 하기 힘들다. - 확장성 X  MVC에서는 사용할 수 없다. 대신 ${} 사용한다. $() -> jQuery ${} -> EL   EL 표현언어 표현방식 : ${}if, for문이 안된다. -> 커스텀 태그 사용 커스텀 태그는 호환이 안된다.-> 호환이 될 수 있도록 표준인 JSTL(Jsp Standard Tag Library)을 만든다. ( )   MVC 경로

클라우드에 사진 올리기 누구나 어디서 열던지 클라우드에서 사진을 가져와 볼 수 있다.    버킷 생성 Object Storage - Buket Management + 이용 신청 따로 건들거 없이 다음 권한 관리 - 전체 공개로 해야지 다른 사람도 볼 수 있다.  이름 : [ 같은 이름으로 생성 안됨 다른 사람들과도 ]권한 관리 : 공개버킷 생성     storage 폴더 생성 사진이 이제 이곳에 올라오게 된다.       네이버 클라우드에 접근할 수 있도록 하는 환경설정 파일을 프로젝트에 만들어야한다.accessKey 는 보안 때문에 properties 파일에 만들어서 가져와야한다.properties 파일은 외부에서 들어올 수 없는 파일이기 때문이다.       프로젝트 Package : imageboa..

DB 연동하기 DB를 클라우드랑 연동할 수 있다.Naver Cloud는 MySQL만 지원한다. * 만들고서 수정가능하다.  Cloud DB for MySQL - DB Server   DB Server 생성 서버 설정- DB 엔진 버전 : [ 내가 다운받은 MySQL 버전 확인 ]- 고가용성 : [ 서버나 컴퓨터를 2대 이상 사용한다. -> 돈 많이 냄 해제 ]- VPC : [ 내 VPC 선택 ][ 다른거는 자동 선택됨 ]  - DB Sever이름 : [  DB Sever이름 ]- DB 서비스 이름 : [ DB Sever이름 ]     DB 설정 - USER_ID : [ 관리자 ID / username]- HOST(IP) : % [ DB가 제공하는 데로 사용하겠다 ]- USER 암호 : [ MySQL DB..

네트워크 설정 생성 순서 : VPC -> Subnet삭제할 때는 반대로 삭제  VPC VPC 생성이름 : [ VPC 이름 ]IP 주소 범위 :  10.0.0.0/16 [ 버전 10, 나머지 열어주고 16비트까지는 고정(10을 고정하겠다.) ]유형 : Normal    VPC - Subnet Management Subnet 생성이름 : [ subnet 이름 ]VPC : [ 만들었던 VPC 이름 ]IP 주소 범위 : 10.0.1.0/24 [ 10.0.1을 고정값으로 잡고 가겠다. 마지막.0 은 가변 ]가용 zone : KR-2 [ 우리나라 / 아무거나 사용해도 된다. ]Network ACL :  Intermet Getway 전용 여부 : pubilc 허용 용도 : 일반      Server - ACG (방화..

MySQL 이클립스랑 연동하기 MVN REPOSITORY 에서 MySQL Connector JAVA 클릭  원하는 버전으로 클릭(사용자 수가 많은 걸로 다운받는 것이 안전하다.)  jar (2.4 MB) 클릭( jar 파일 다운 )   다운받은 jar파일 복사해서 사용하고 싶은 프로젝트 안에 넣기(lib)   propreties 파일 수정 드라이브 주소 : com.mysql.cj.jdbc.driverurl 주소 : jdbc:mysql://localhost:3306/mydb?serverTimezone=Asia/Seoul username = 계정이름password = 설정한 계정 비밀번호

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 더블클릭 원하..

MySQL 실행 MySQL Connections 더블클릭 - 비밀번호 입력 - OK  MySQL Schema 만들기  아래 모양의 이모티콘 클릭 - schema 이름 원하는대로 설정  Apply - Finish   MySQL 만든 Schema 사용하기 use [schema이름];또는옆 목록에서 더블클릭

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 을 자동으로..