화면에 표기하려면 restcontroller가 되면 안되고 controller가 되야함 rest로 하면 return json으로 되기 때문 ※ controller restcontroller 차이점 출처 : [Spring] @Controller와 @RestController 차이
참고 : https://devjhs.tistory.com/577 https://cornswrold.tistory.com/112
이미지 업로드시 미리보기 : JavaScript - 이미지 업로드 미리보기 만들기 이미지 중앙정렬 https://www.freecodecamp.org/korean/news/how-to-center-an-image-in-css/ getImageData http://www.devdic.com/javascript/reference/webapi:227/method-share:4036/getImageData() https://devjhs.tistory.com/577 이미지리사이징 https://velog.io/@rara_kim/ImgScalr-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%A6%AC%EC%82%AC%EC%9D%B4%EC%A7%95 https://uminoh.tistory.com/14 h..
getElementbyId 태그에 있는 id 속성을 사용하여 해당 태그에 접근하여 하고 싶은 작업을 할 때 쓰는 함수 사용법 : document.getElementById(id); 에 해당 element의 id를 넣음으로 사용 반환값 주어진 id와 일치하는 dom 요소를 나타내는 Element 객체를 반환하거나 주어진 id와 일치하는 dom 요소가 없으면 null을 return querySelector() document.querySelector() 는 입력한 선택자와 일치하는 문서 내의 첫 번째 element를 반환한다. 일치하는 요소가 없다면 null을 반환한다. 괄호 안에 들어가는 매개변수는 유효한 CSS 선택자여야한다. 사용법 : document.querySelector(id); 에 해당 elem..
React : 사용자와 웹사이트의 상호작용을 돕는 인터페이스를 만들기 위한 자바스크립트 기능 모음집 장점 : 빠른 업데이트와 렌더링 속도, 컴포넌트 기반의 구조 React 구성요소 : 일반 JavaScript와 JSX로 구성 - node_modules 폴더 : 라이브러리 코드 보관함 - public 폴더 : static 파일 보관함 - src 폴더 : 코드 짜는 곳 - React JSX 코드주석 : {/* 내용*/} - React 코드 주석 : //, /* 내용 */ JSX : .js파일에서 쓰는 html 대용품 - JSX 문법 1. class 넣을 땐 className 2. 데이터 바인딩(변수 넣는 것) => { } 중괄호 변수에 있던 자료를 html에 넣고 싶으면 3. style 넣을땐 style =..
라이브러리 : 자주 사용되는 기능들을 정리해 모아 놓은 것 인터페이스 (User Interface, UI) : 사용자와 컴퓨터 프로그램이 서로 상호작용을 하기 위해 중간에서 서로 간에 입력과 출력을 제어해주는 것 ㄴ ex : 버튼이나 텍스트 입력창 UI 라이브러리 : 사용자 인터페이스를 만들기 위한 기능 모음집 프레임워크 VS 라이브러리 차이점 : 프로그램의 흐름에 대한 제어 권한 프레임워크는 흐름의 제어 권한을 개발자가 아닌 프레임워크가 갖고 있는 반면에 라이브러리는 흐름에 대한 제어를 하지 않고 개발자가 필요한 부분만 필요할 때 가져다 사용하는 형태 컴포넌트 : 구성요소 리액트 : 사용자와 웹사이트의 상호작용을 돕는 인터페이스를 만들기 위한 자바스크립트 기능 모음집 장점 : 빠른 업데이트와 렌더링 속..