22.0616~0620
* 스와이퍼 반응형 >> API breakpoint
* 반응형 검사는 responsive 로 하다가 >> 마지막은 아이폰 SE로 할 것!
* 제이쿼리 장점
1) Ajax(Asynchronous JavaScript And XML) ; 백엔드와 통신
- 갱신없이(새로고침 no) 데이터 가져다 뿌리기
2) selector, traversing
: DOM 요소 찾기
3) manipulation
*gnb 내부구조가 복잡해질 경우, 반응형으로 웹용/모바일용 gnb를 두개 만들어 놓고 display:none/block으로 제어하기도 한다. 이런 경우가 많음~
* css 스타일 적용 방법
1. css
2. js에서 적용 << 겹쳤을때 우선순위로 적용
* turbo console log
alt+shift +l(L) : 콘솔찍기
+d : turbo console로 찍은 콘솔을 삭제
+c : 주석처리
+u : 주석해제
* 운영서버 / 실서버 ; 실서버에 업로드할 때 콘솔 반드시 지우기(로그 정보 등 유출 위험)
* 제이쿼리 애니메이션 >> Effects
- 성능이 그닥 좋지는 못함.
* 제이쿼리 >> Offset
* offset() vs potision()
- offset() 은 document 기준의 거리(페이지 가장 위에서부터의 높이)
- position()은 영역 내에서의 거리 (부모요소 안의 요소들끼리~)
* 디버깅 tip
- syntaxError >> 괄호나 . 등의 오류로 검사창에 오류를 표시한다.
- 철자가 틀린것은 >> 기능하지 않는 함수의 안팎에 다른 콘솔창 입력하여,
함수 안쪽에 입력한 콘솔값이 나타나지 않으면 철자 에러가 있을 수 있으므로 확인할 것
- 중단점 걸어 검사하기 >> visual studio 좌측 실행 및 디버그
RWDB
RWDB Responsive Web Design dB Web awards, 우수 하이브리드웹·반응형웹 모음 사이트
rwdb.kr
반응형 웹 샘플