본문 바로가기

전체 글259

컴포넌트(component) 6. 컴포넌트(component) 1> 개념 - 웹 화면에서 보여지는 개별적인 블럭 의미. (JSP 의 top.jsp, menu.jsp, bottom.jsp 와 비슷하다.) - 일반적으로 *.js 파일로 구현됨. - *.js 당 *.css 형태로 구현됨.   사용방법은 import './App.css' 형식을 사용함. - 일반적으로  중첩된 형태로 구현됨. 2> 컴포넌트 종류 2가지 가. 함수형 컴포넌트 - 현재 거의 개발할때 사용빈도가 높다. ex>     // 함수선언식(이름이 있는 함수)     function fun() {     }     // 함수표현식(익명함수)     const fun = function(){};     // arrow 표현식     java: () -> {}     js:.. 2024. 7. 3.
개요 1. 개요 - facebook 제공 - 프론트엔드 프레임워크 (3대 프레임워크: React.js-facebook, Vue.js-중국계미국인, Angular-google) ==> JS 기반 - MVC 패턴에서 V(View) 담당 - 가상 DOM 이용해서 빠른 DOM 처리가 가능. - 개발방법 2가지   가. 함수형       - 현재 개발 방법.       - 일반함수 가능         arrow 함수 가능       - 클래스 컴포넌트에서만 사용가능한 문법들이 있었음.         버전업이 되면서 함수형 컴포넌트에서도 사용가능하도록 문법지원.         (hooks 지원)   나. 클래스       - 과거에 주로 사용됨. 2. React.js 종류 3가지 1> CSR (Client Side Re.. 2024. 7. 3.
Spring MVC - 폼유효성체크 17> 폼 유효성 체크 (1) 개요 - 사용자 입력 폼의 데이터 유효성 검사 의미. ex>     필수사항(null허용 유무,...), 날짜(미래날짜만 가능), 값의 길이 n 개 이상, .... (2) 구현 방식 - html 속성 이용 - JS 이용 ==> html 및 JS 는 전부 클라이언트에서 처리하는 방법이다.     클라이언트에서 JS 비활성화 시키거나 보안 이슈 발생 가능성이 높음. - Spring Boot 이용 ==> 서버에서 유효성 체크하는 방법이다. (3) 적용 가. 의존성 설정        org.springframework.boot     spring-boot-starter-validation    4.0.0 org.springframework.boot spring-boot-sta.. 2024. 7. 3.
Spring MVC - webjar 16> webjar     # 현재 사용했던 방식   - jquery 사용          - bootstrap 사용       CDN 방식 링크로 사용   ==> 버전이 변경 또는  네트워크 이슈로 사용이 힘들수 있음   # 적용 방식    - jquery 와 bootstrap 를 의존성 설정해서 사용하자.     webJar의 jQuery 경로     /META-INF/resources/webjars/jquery/3.7.1/jquery.min.js    최종적으로 사용 경로:      webJar의 bootstrap 경로     /META-INF/resources/webjars/bootstrap/5.3.3/css/bootstrap.min.css     /META-INF/resources/webjars.. 2024. 7. 3.

티스토리툴바