Web/OpenTutorials
CSS 복습
CSS를 너무 예전에 다뤘어서 다시 한번 정리를 해보려고 한다!1. HTML과 CSS가 만나는 법: CSS코드는 반드시 HTML을 통해서만 구현될수 있다. Hello World Hello world 2. 선택자어떤 태그를 디자인하기 위해서는 디자인하려는 태그를선택하고 (선택자)선택한 대상에게 효과를 줘야 한다. (선언) HTML CSS JavaScript 선택자에는 세가지 종류의 선택자가 있다 - 태그 선택 - 클래스 선택자 - 아이디 선택자 1) 태그 선택자: 태그 전체를 선택하여 스타일을 적용합니다.li:{ color:red} 라는 코드는 li라는 태그를 선택하여 글씨를 빨간색으로 적용한다는 뜻입니다. 2) 아이디 선택자: 해당 아이디 속성 값에 해당하는 태그를 선택하여 스타일을 적용합니다. 3) 클..
JavaScript- (라이브러리~ 정규표현식)
1. 라이브러리 이용 방법 - 라이브러리는 모듈과 비슷한 개념으로, 모듈이 프로그램을 구성하는 작은 부품으로써의 로직을 의미한다면, 라이브러리는 자주 사용되는 로직을 재사용하기 편하도록 잘 정리한 일련의 코드의 집합을 의미한다고 할 수 있다. -> 유명 라이브러리의 예로 jQuery가 있다. ex) https://code.jquery.com jQuery CDN The integrity and crossorigin attributes are used for Subresource Integrity (SRI) checking. This allows browsers to ensure that resources hosted on third-party servers have not been tampered with..
Javascript - 함수~모듈
이 포스팅에서 다루고 있는 내용 함수 배열 객체 모듈 1. 함수란? : 하나의 로직을 재실행할 수 있도록 하는 것으로 코드의 재사용성을 높여준다. -> 코드를 계속 반복하여 작성하는 것보다 훨씬 간결하고, 여러 맥락에서 사용이 가능하다. 함수 문법: function 함수명( [인자...][인자...]){=> 호출할 때 함수의 로직으로 전달될 변수이다. 코드 내용 return 반환값 } ex) => 재사용성이 높아지고, 유지 보수가 용이하며, 함수 이름을 통해 기능을 예측할 수 있어 가독성이 뛰어나진다. ex2) 반환값 => 함수 선언을 다르게 할 수 있다. //방식은 같다. 2. 배열 : 연관된 데이터를 모아서 통으로 관리하기 위해 사용하는 데이터 타입이다. : 변수가 하나의 데이터를 저장하기 위한 것이..