웹페이지 효율적인 작업방법 1. 모바일에서 사용할 목적을 명확히 하여 필요한 내용 위주로 반응형 웹을 효율적으로 사용한다.사용자가 어떤 목적을 갖고 웹사이트를 방문하는지에 대해 생각해보고 모바일에서 필요한 내용 위주로 보여주기방문자들의 생각이나 의견을 변화시키는 것이 중요! 2. 데스크탑 -> 태블릿 -> 모바일작업이 아닌 모바일 -> 태블릿 -> 데스크탑 작업모바일 디자인은 최대한 단순하며 초점이 있게 디자인을 해야한다.작업을 간소화하는 장점이 있음로딩하는 데 시간이 걸리는 모든 것들(소스, 이미지, 동영상 등)을 과감히 버려야한다.McKnight Kurland사의 Frank Kurland에 따르면, 모바일 사용 인구가 세계 인구의 87%에 달함 3. 소스코드(CSS, Javascript)를 모두 압축..
HTML 태그 정리 Core Attributes (공통 속성) 1. id고유 한 요소를 식별 하기 위해 사용하며 id에 해당하는 요소를 참조하기 위해 CSS와 Javascript에서 사용가능함1 HARIBO 2. class여러개 해당하는 요소가 동일한 값을 가질수 있게 하며 css 요소를 참조하는데 사용1 2 3 HARIBO KEYBOARD MOUSE 3. title요소에 제목을 추가할 수 있으며 모든 브라우저는 요소가 겹쳐서 표시되거나 포커스가 있을 때 이 속성 값을 표시 4. style요소에 스타일을 적용할 수 있으며 요소 안에는 CSS 코드를 사용1 글자색은 노랑이며 백그라운드 색은 블랙 style 요소는 되도록 HTML안에 사용하지 않는 것이 좋으며 직접 .css파일을 추가하여 style을 주는 ..
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- window
- const
- 클래스형 컴포넌트
- JavaScript
- Function Component
- 리엑트
- website
- TypeScript
- this
- array
- Let
- useState
- 깃헙
- HTML
- ES6
- github
- 클래스 컴포넌트
- class component
- react
- scope
- string
- 함수 컴포넌트
- useEffect
- NestJS
- Prototype
- Angular
- Es5
- 가상돔
- 웹사이트
- virtual dom
- Total
- Today
- Yesterday