JS 프레임워크16 [jQuery] 기본 선택자 CSS의 가장 기본적인 선택자는 전체 선택자 입니다. HTML 페이지에 있는 모든 문서 객체를 선택하는 선택자 이다. 전체 선택자 Lorem ipsum CSS메서드는 jQuery에서 가장 기본적인 메소드이다. $('*').css('color', 'red'); 첫번째 매개변수에는 바꾸고자 하는 스타일 속성 이름을 입력 두번째 메소드에 스타일 속성 값을 입력 태그 선택자 - 일반 태그 선택자 특정한 태그를 선택하는 선택자 이다. Lorem ipsum Lorem ipsum dolor sit amet Lorem ipsum consectetur adipiscing elit h1태그에만 스타일이 적용이 되었다. 태그 선택자 - 여러개 태그 선택자 Lorem ipsum Lorem ipsum dolor sit amet.. 2021. 4. 10. [jQuery] 설치 다운로드 https://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 an easy-to-use API that works across a multitude of browsers. jquery.com 사이트 방문 이후 Download jQuery로 들어간다. 이후 페이지를 조금 내려서 Using jQuery with CDN를 찾아 형광색으로 체크한 링크로 들어가거나밑에 링크.. 2021. 4. 8. [Vue] Vue 라우트 라우팅은 현대 웹 앱 형태 중 하나인 싱글 페이지 애플리케이션에서 주로 사용하고 있습니다 브라우저에서 웹페이지를 요청하면 서버에서 응답을 받아 웹페이지를 다시 사용자에게 보여주는 준비를 하는 시간동안 깜박이는데 라우팅으로 처리하면 깜빡거림 없이 화면을 전환할 수 있을뿐 아니라 더 빠르게 화면을 조작할 수 있음 태그 설명 페이지 이동 태그, 화면에서는 로 표시되며 클릭하면 to에 지정한 url로 이동합니다 페이지 표시 태그, 변경되는 url에 따라 해당 컴포넌트를 뿌려주는 영역입니다 뷰 라우터 예제 Main 컴포넌트로 이동 Login 컴포넌트로 이동 2021. 4. 6. 뷰 컴포넌트 통신 컴포넌트 간 통신과 유효 범위 뷰의 경우 컴포넌트로 화면을 구성하므로 같은 웹 페이지라도 데이터를 공유할 수 없다. 컴포넌트 자체적으로 고유한 유효 범위를 갖기 때문이다. 이는 뷰 프레임워크 내부적으로 정의된 특징이다. 각 컴포넌트의 유효 범위가 독립적이기 때문이다. 컴포넌트 유효 범위 증명 코드 상 하위 컴포넌트 관계 기본적인 데이터 전달 방법은 상하위 컴포넌트 간의 데이터 전달 방법이다. 상위-하위 컴포넌트란 트리 구조에서 부모 노드, 자식 노드처럼 컴포넌트 간의 관계가 부모.자식으로 이루어진 컴포넌트를 의미한다. 상위에서 하위 컴포넌트로 데이터 전달하기 props속성 props는 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달할 때 사용하는 속성이다. 상위 컴포넌트의 HTML코드에 등록된 child.. 2021. 4. 1. 이전 1 2 3 4 다음
