놀코! 놀아보자! 코드랑!

1. Node.js 설치 2. CMD창에서 npx create-react-app 플젝명으로 react프로적트 생성 * JSX는 하나의 태그만 생성이 가능하다. 명령어 npx create-react-app 프로젝트명 : 리액트 프로젝트 생성 npm install react-router-dom : 리액트 라우터 돔 설치 npm start : 리액트 프로젝트 실행 npm run build : 리액트 프로젝트 배포하여 build폴더 생성 json-server --watch JSON더미경로 --port 포트번호 : json서버 실행 npm install react-bootstrap bootstrap : 부트스트랩 인스톨

JPA 테스트 코드 proxy 호출 메서드 @SpringBootTest class ProductRepositoryTest { @Autowired private ProductRepository productRepository; Logger log = LoggerFactory.getLogger(this.getClass()); @Test @DisplayName("클래스이름과 메서드이름, 상위인터페이스이름등을 확인-ProxyPattern확인") void test() { Class clazz = productRepository.getClass(); log.error("클래스이름"+clazz.getName()); log.error("------------"); for(Method m: clazz.getDeclare..

참고 깃허브 https://github.com/sblee1031/Kosta/tree/f2cf7ea3ec2b1abdaacfc1ee8225fad35f8f7dca/ORACLE_DB_THEOTY/Oracle_DB_project/myspringboot/boardrestspring sqlSessionFactory 설정 및 Qualifier 설정 package com.day.boardrest.configuration; import javax.sql.DataSource; import org.apache.ibatis.session.SqlSessionFactory; import org.mybatis.spring.SqlSessionFactoryBean; import org.mybatis.spring.SqlSessionTem..

root-context.xml 사용 안하고, 자바 @configuration 사용함. application.properties 파일 server.port=9999 server.servlet.context-path=/dmmybatis spring.mvc.view.prefix=/WEB-INF/jsp/ spring.mvc.view.suffix=.jsp #hikari CP -- SPRING BOOT에 이미 포함된 라이브러리 spring.datasource.hikari.driver-class-name=net.sf.log4jdbc.sql.jdbcapi.DriverSpy spring.datasource.hikari.jdbc-url=jdbc:log4jdbc:oracle:thin:@localhost:1521:xe spr..

STS설치하기 https://spring.io/tools Spring Tools 4 is the next generation of Spring tooling Largely rebuilt from scratch, Spring Tools 4 provides world-class support for developing Spring-based enterprise applications, whether you prefer Eclipse, Visual Studio Code, or Theia IDE. spring.io UTF-8 설정, JRE 1.8 버전 확인 Spring Boot 구조 Junit5 테스트 상위 com패키지에 Application.java파일을 옮긴후 어느 테스트 패키지에서나 Test가 가능하다 M..

웹 개발 도중 이클립스에서 Tomcat(톰캣)이 불안정 종료되어 생긴 포트 겹침 오류 때문에 톰캣이 시작되지 않았는데요. 이번 기회에 특정 포트 8080을 찾아 프로세스를 종료시킴으로써 오류를 해결했습니다. 먼저 Win+R 명령프롬포트창인 CMD를 열어 netstat -a -o 명령어를 입력합니다. 위 사진과 같이 프로토콜 / 로컬 주소 / 외부 주소 / 상태 / PID가 주르륵 나오는데요. 저희가 필요한건 로컬주소에 0.0.0.0: ← 이거 다음 숫자인 port번호와 PID입니다. 다시 한번 위에 사진을 가져와서 제가 필요한 8080포트를 확인해보면??? 저기 하얀 블럭 상자로 표시해둔 부분이 8080 포트가 LISTENING으로 종료되지 않고 실행되고 있었네요. 이제 PID 번호를 확인한 다음 808..

소스 깃허브링크 주소 경로 boardrestfront (Front 프로젝트), boardrestspring (Back 프로젝트) https://github.com/sblee1031/Kosta/tree/main/ORACLE_DB_THEOTY/Oracle_DB_project/myspring GitHub - sblee1031/Kosta: KOSTA_219 KOSTA_219. Contribute to sblee1031/Kosta development by creating an account on GitHub. github.com [KOSTA/Project] - 답변형 게시판 만들기(1) 답변형 게시판 만들기(1) 2021.07.29 - [KOSTA/Project] - 답변형 게시판 만들기 (2) 소스 깃허브링크..

2021.07.29 - [KOSTA/Project] - 답변형 게시판 만들기 (2) 소스 깃허브링크 주소 경로 boardrestfront (Front 프로젝트), boardrestspring (Back 프로젝트) https://github.com/sblee1031/Kosta/tree/main/ORACLE_DB_THEOTY/Oracle_DB_project/myspring GitHub - sblee1031/Kosta: KOSTA_219 KOSTA_219. Contribute to sblee1031/Kosta development by creating an account on GitHub. github.com 로그인 아이디와 비밀번호는 기존 customer테이블 계정 정보를 참고 하여 진행함. 메인 화면 로그..

pom.xml commons-fileupload commons-fileupload 1.4 servlet-context.xml 파일 추가 태그의 multiple속성을 설정시 여러개의 파일을 업로드 가능 mutiple속성이 없을경우 1개의 파일만 업로드 $(function(){ $("div.ajax>form>input[type=button]").click(function(){ //form태그의 enctype="multipart/form-data"인 경우 //요청전달데이터와 업로드될 파일데이터들은 모두 FormData객체에 저장되어있다 var formData = new FormData($("div.ajax>form")[0]); console.log(formData); formData.forEach(functi..

답글형 게시판 만들기 설계 SQL 구문 drop table board; create table repboard( board_no number,--게시글번호 parent_no number,--부모글번호:원글인경우 0 , 답글인경우 부모글 번호값 board_id varchar2(10), board_title varchar2(100), board_content varchar2(1000), board_viewcount number(5), board_dt date ); alter table repboard add constraint board_no_pk primary key (board_no); alter table repboard add constraint board_id_fk foreign key(board_..