'WEB' 카테고리의 글 목록

[React] React 란?

1️⃣ 리액트란? → 리액트 : 자바스크립트 라이브러리 - 페이스북(Facebook) 주도로 개발되었다 - SPA(Single Page Application) 개발이 편리하다 2️⃣ 리액트 사용 이유 Q. 리액트 왜쓰나요? → 요소(element) 재사용하기 위해 사용 Q. 어떻게 재사용 하나요? → 컴포넌트 만들어 재활용 Q. 컴포넌트가 뭔가요? → 리액트 엘리먼트를 반환하는 것 Q. 리액트 엘리먼트는 뭔가요? → 불변인 순수 자바스크립트 객체 3️⃣리액트의 특징 - UI 요소 중 자주 사용되는 부분을 컴포넌트(Component)화 하여 재활용성을 높여준다 - 가상 돔 (Virtual DOM) 을 제공하여 효율적인 DOM 관리와 화면 처리를 지원한다 기존 DOM 은 요소가 변경될 때마다 렌더링 과정이 ..

format_list_bulleted WEB/React
· 2023. 11. 23.

[Spring] @ResponseBody 어노테이션

@ResponseBody 어노테이션이란? HTTP 통신 프로토콜의 body 부분에 직접 데이터(응답/response)를 반환할 때 사용하는 어노테이션. 데이터를 넘겨주는 방식은 크게 ①문자를 넘겨주는 방식과 ②객체를 넘겨주는 방식으로 나뉜다. 객체를 넘겨주는 경우 기본적으로 데이터를 json 방식으로 변환하여 리턴한다 문자 데이터의 경우 viewResolver가 동작한다 객체 데이터의 경우 HttpMessageConverter가 동작한다. HttpMessageConverter가 동작한 이후의 동작은 데이터의 형에 따라 나뉜다. 문자일 경우 : StringConverter 가 동작 객체일 경우 :jsonConerter가 기본적으로 동작 기본 문자처리 : StringHttpMessageConverter 기본..

format_list_bulleted WEB/Spring
· 2023. 6. 11.

[Ajax] async : 비동기식/동기식 처리

async : 기본값 true async : true → 비동기식 처리 async : false → 동기식 처리 : ajax 호출 후 서버에서 응답 기다리다 응답을 모두 완료하면 다음 로직 처리 (예) function() { url:url, data:data, ... ... async:false, success:funtion(){ }, error:function(){ } }

format_list_bulleted WEB/jQuery
· 2023. 3. 27.

[jQuery] jQuery 기본선택자

◎ jQuery 메소드의 가장 기본적인 형태 : 문서객체를 다룰 때 사용하는 형태 ◎ 전체 선택자 : * * : HTML 페이지에 있는 모든 문서 객체를 선택하는 선택자 (예시) 모든 문서 객체의 color 스타일 속성에 blue 입력하기 ◎ 태그 선택자 특정한 태그만 선택하는 선택자 태그 이름 사용 (예시) ◎ 아이디 선택자 특정한 id 속성을 가지고 있는 문서객체 선택하는 선택자 ' 태그이름#id ' 또는 ' #id '형태로 사용 (예시) ◎ 클래스 선택자 특정 class 속성을 가진 문서 객체를 선택하는 선택자 ' 태그.(class이름) ' 또는 ' .(class이름) ' 의 형태로 사용 (예시) ◎ jQuery 자식 선택자와 후손 선택자 기본 선택자의 앞에 붙여 사용하며, 기본 선택자의 범위 제한..

format_list_bulleted WEB/jQuery
· 2023. 3. 22.

[jQuery] $(document).ready()

※ $(document).ready() 문서 준비가 완료되면 매개 변수로 전달된 함수를 실행하라는 의미 jQuery 이벤트 메소드 중 하나 jQuery 이벤트 메소드는 이벤트로 여러 개의 함수 연결 가능한 장점 ※ 예제 아래의 두 메소드는 비슷한 역할 ※ 약식 표현 $(document).ready() 메소드를 아래와 같이 간단하게 쓸 수도 있다

format_list_bulleted WEB/jQuery
· 2023. 2. 15.

jQuery 개요

◎ JQuery 개요 모든 브라우저에서 동작하는 자바스크립트 라이브러리 오픈소스 라이브러리 (무료로 사용가능) jQuery의 제작 목표 DOM과 관련된 처리 쉽게 구현 일괄된 이벤트 연결 쉽게 구현 시각적 효과 쉽게 구현 Ajax 어플리케이션 쉽게 개발 ◎ JQuery 다운로드 : 아래 사이트 접속해 다운로드 가능 http://jquery.com jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with a..

format_list_bulleted WEB/jQuery
· 2023. 2. 15.