우당탕탕 개발일지

1. Data 전달1. Cat 2. SungJuk        2. Hooks-useRef리액트에서 제공하는 대표적인 훅 중 하나이다. JavaScript 를 사용 할 때에는, 우리가 특정 DOM 을 선택해야 하는 상황에 getElementById, querySelector 같은 DOM Selector 함수를 사용해서 DOM 선택리액트에서는 직접 DOM 요소에 접근해야 할 때, useRef 훅을 사용하여 DOM 요소에 직접 접근이 가능useRef 훅이 반환하는 ref 객체를 이용해서 자식 요소에 접근이 가능input태그와 같이 사용자가 값을 직접 입력하는 html태그에 직접적으로 접근하여 값을 가져오는 것을 가능리액트 컴포넌트는 State가 변할 때마다 다시 렌더링이 되면서 컴포넌트 내부 변수들이 초기화..

비구조할당const dog = { name : '멍멍이', age : 2}console.log(dog.name, dog.age)console.log(dog['name'], dog['age'])// 비구조 할당const {name, age} = dogconsole.log(name, age)console.log('-------------------------')const data = { name2 : '홍길동', kor : 95, eng : 100, math : 85}console.log(data.name2, data.kor, data.eng, data.math)console.log(data['name2'], data['kor'], data['eng'], data['math'..

1. NCP 사용 환경설정계정 정보 pom.xml NaverConfiguration.javaNCP 관련 설정 파일   기능 구현 2. 파일 업로드 Controller.java service.java    3. 파일 수정NCP Object Storage이미지 덮어쓰기 불가능Object Storage(NCP) 이미지 삭제 -> 이미지 업로드로직seq를 사용하여 imageFileName 값 추출Object Storage에서 해당하는 imageFileName 삭제imageFileName 새롭게 만들어서 파일 업로드DB 정보 변경 UserFileUploadServiceImpl.javaupdate()1. 파일 존재 유무 확인1-1. 파일 존재 O  파일 정보 설정NCP에서 파일 삭제NCP에 파일 업로드 후, fil..

1. Controller.java// 3. 다중 파일 처리: List @RequestMapping(value = "/upload", method = RequestMethod.POST, produces = "text/html; charset=UTF-8") @ResponseBody public String upload(@ModelAttribute UserFileUploadDTO userFileUploadDTO, // 파일 정보 @RequestParam("img[]") List imgList, // 업로드 파일 정보 HttpSession session) { // // [ 파일 객체 설정 ] // 실제 폴더 String filePath = session.getServletCon..

1. Interface - Mapper기존에는 아래 그림처럼 인터페이스의 구현체 DAOImpl를 통해서 mapper.xml 파일에 접근하였다.  이번에는 구현체를 통해서 xml 파일에 접근하는 것이 아닌, Interface가 바로 xml파일에 접근해보도록 하겠다.   설정mapper.xmlnamespace 속성 : DAO 인터페이스  root-context.xml1. mybatis-spring:scanMyBatis의 Mapper 인터페이스 스캔2. 트랜잭션 관리를 위한 설정 해당 설정은 어노테이션으로 가능하다. 아래 어노테이션이 위의 xml 파일에서와 같은 기능을 한다. 1. @MapperScan("user.dao")MyBatis의 Mapper 인터페이스 스캔2. @EnableTransactionMana..

요청 응답 관련 설정@ResponseBody반환값을 단순한 문자열로 인식할 수 있도록 도와주는 어노테이션 1. @ResponseBody 사용 XSpring에서 String 반환값을 단순한 문자열이 아닌 view 파일 이름으로 인식 2. @ResponseBody 사용 O@ResponseBody 를 사용하면 Spring Framework가  String 반환값을 단순 문자열로 인식  @RequestMapping 한글 깨짐한글 깨짐 @RequestMapping 에서 produces = "text/html; charset=EUC-KR" 를 사용하면 한글이 안 깨진다.   [ Spring Framework 실습 ]예제1: 다양한 방법으로 Data 주고 받기  프로젝트명: Chapter06_1            ..

[ MyBatis ]환경설정: pom.xml applicationContext.xml    [ MyBatis 예제 ]예제1. XML  프로젝트명 : Chapter05_XML * 이전 시간의 프로젝트와 동일             Spring 환경 설정 파일applicationContext.xmlsqlSessionFactoryMyBatis의 SQL 실행과 매핑 기능을 사용할 수 있도록 환경 설정configLocation: MyBatis 설정 파일 경로를 지정mapperLocations: Mapper.xml 파일 위치 지정sqlSession다중 스레드 환경에서도 안전하게 사용mapper.xml 파일의 sql문과 매핑SQL 작업을 간단하게 수행selectOne()insert()update()delete() tr..