JavaScript

CSS(Cascading Style Sheets)웹 문서에 사용하는 태그에 스타일을 적용하기 위해 W3C에서 고안한 언어태그와 스타일을 함께 사용하던 기존 방식 지양, 태그와 스타일 분리하는 방법으로 발전1. CSS 문법 살펴보기선택자CSS 스타일을 적용할 HTML 태그(요소)를 선택하는 영역선언부 = 속성 + 값선택자에서 선택한 태그에 적용할 스타일을 작성하는 영역중괄호({}) 안에 넣음세미콜론(;) 넣으면 여러 스타일 연속해서 작성할 수 있음선택자{속성:값;}2. CSS 적용하기 내부 스타일 시트, 외부 스타일 시트, 인라인 스타일 시트내부 스타일 시트(internal style sheet)HTML 파일 내부에 CSS 코드를 작성하는 방법(+) 디자인 빠른 적용body 태그에 작성된 내용이 사용자에게..

1 HTML의 기본 구성 요소태그/ 속성/ 문법/ 주석태그구성 요소를 정의하는 역할HTML 문법을 이루는 가장 작은 단위혼화살표괄호() 사이에 태그명을 넣는 형태속성태그에 어떤 의미나 기능을 보충하는 역할~= 옵션 => 사용해도 되고 안 해도 되고, 여러 개 사용해도 됨But, 태그 없이 단독 사용X속성명 + 속성값으로 구성ex. -> 태그: html/ 속성명: lang/ 속성값: ko=> 주 언어(lang)가 한글(ko)로 된 HTML 문서의 시작속성명: 따옴표 X 작성/ 값: 큰따옴표("") 안에 작성속성값 여러 개 -> 쉼표(,)로 구분해 값을 나열문법콘텐츠(content)가 있는 문법콘텐츠 앞뒤를 태그로 감쌈시작 태그(open tag): 앞에 넣는 태그종료 태그(close tag): 뒤에 넣는 ..

1장 리액트 시작1. 왜 리액트인가?모델(Model): 애플리케이션에서 사용하는 데이터를 관리하는 부분뷰(View): 사용자에게 보이는 부분MVC(Model-View-Controller), MVVM(Model-View-View Model), MVM(Model-View-Whatever) 아키텍처 등의 공통점 사용자) 작업(ex. 버튼 클릭, 텍스트 입력)-> 프로그램-컨트롤러) 모델 데이터 조회, 수정/ 변경된 사항 -> 뷰에 반영 = 뷰를 변형(mutate) => 페이스북: 데이터가 변할 때마다 어떤 변화 줄지 X 기존 뷰 날리고 처음부터 새로 렌더링 O-> 애플리케이션 구조 간단하고, 작성해야 할 코드 양 ↓: 뷰가 어떻게 생길지 선언, 데이터 변화 -> 기존의 것 버리고 정해진 규칙에 따라 새로 렌더..