일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- JS 이벤트
- 에러 던지기
- 자바스크립트 문자열
- 트라이캐치
- 리엑트 이벤트
- 사용자 에러
- Try...catch
- js
- 변수 선언
- 프로그래밍 프랙티스
- 자바스크립트
- 자스
- 자바스크립트 객체
- Null비교 금지
- 에이전트 탐지
- 스타일가이드라인
- UI 레이어
- React 리액트
- Programming Practice
- 자바스크립트 클래스
- javascript
- html5
- 자바스크립트 생성자
- 자바스크립트의 기본 포멧
- 자바스크립트 코드 스타일
- JS cod e style
- 브라우저 탐지
- 비구조화 할당
- 함수 호이스팅
- 객체지향프로그래밍 언어
Archives
- Today
- Total
목록UI 레이어 (1)
GomJu's Coding Blog
[JS] 24. UI 레이어 느슨하게 연결하기
UI 레이어 느슨하게 연결하기.웹 개발에서 사용자 인터페이스(UI)는 총 세 개의 레이어로 나뉘고 서로 유기적으로 작동합니다.HTML은 페이지에서 데이터와 의미를 정의하는 데 사용합니다CSS는 페이지의 스타일을 꾸미는 데 사용합니다.자바스크립트는 페이지에 동작을 부여하는 데 사용합니다.UI 레이어는 다음 그림처럼 HTML이 기본이 되고 CSS와 자바스크립트 레이어가 그 위에 있습니다.그림에서는 CSS 위에 자바스크립트가 있지만 실제로는 자바스크립트가 CSS에 의존한다기 보단 서로 형제같은 관계입니다. 자바스크립트 없이 HTML과 CSS만으로 페이지를 만들 수 있고, 그 반대로 CSS 없이 자바스크립트와 HTML만으로도 페이지를 만들 수 있습니다. 세 레이어의 관계는 다음 그림과 같습니다.전체 UI에서 C..
WEB/JavaScript
2018. 12. 4. 22:01