55
명 공부중
04월 27일 (토)
공부방법
열람권한
배추빌더
백신
샘플
회원가입
로그인
글쓰기
질문하기
1:1 문의
제작의뢰
등업신청
웹디자인언어
∨
코딩동강
HTML
CSS
JavaScript
jQuery
Bootstrap 3
Bootstrap 4
Bootstrap 5
서버관리언어
∨
PHP
SQL
서버 관리
Python
고급코딩언어
∨
LESS
SCSS
NodeJS
React
Java
C++
C#
Go
R
그누보드
∨
G5코드사전
그누보드5
영카트5
아미나
나리야4
배추5
배추4
배추라이트
배추5 함수
그누보드6
G6코드사전
나리야5
제작의뢰
∨
제작의뢰
포트폴리오
Q&A
∨
Q&A
FAQ
커뮤니티
∨
회원보드
Music
빗소리
게임센터
설문투표
고백듣기
유튜브입문
티스토리입문
제안하기
후기쓰기
웹유틸
∨
비율계산기
색상코드변환기
도메인IP추적기
아이피변환기
URL암호기
Tistory 코드
구글맞춤검색
마우스클릭테스트
유튜브확대재생기
전광판
회원센터
∨
공지사항
1:1 문의
등업신청
후원하기
웹디자인언어
코딩동강
Lv 1 : 손님
0
코딩동강
[JS-바위] JS 32강 - (PC / MOBILE) 구분 - 모바일 접속기기 탐지
598
https://homzzang.com/b/mv-790
https://youtu.be/1O13X68nrSs
(122)
이전글
다음글
목록
글쓰기
준비 중
주소 복사
랜덤 이동
코딩동강 관련글
JS 46~50강 - 필터링 반응형 갤러리 (Fitered Gallery)
JS 40강 - 반응형 일정표 (Gantt chart : 간트 차트)
JS 32강 - (PC / MOBILE) 구분 - 모바일 접속기기 탐지
HTML 관련글
HTML - Responsive Web Design (반응형 웹디자인) 장단점 + 홈페이지 제작법
HTML - <meta> 태그 ★★ - 메타정보 (= meta태그 = 메타태그) (HTML5수정) + 모바일 상단 헤드 주소창 배경색 ※ 검색최적화 (SEO)
CSS 관련글
CSS - 화면 비율 유지. (= 요소 종횡비 유지 = 반응형 레이아웃 사이즈/크기)
CSS - 반응형 마름모 갤러리 (Responsible Rhomb gallery on grids + clip-path)
CSS - 모바일 크롬새로고침 (Mobile, Chrome, Cache, Refresh)
CSS - RES Frameworks - (반응형 프레임워크) - 반응형홈페이지틀
CSS - RES Video - (반응형 동영상)
CSS - Responsive Image - (반응형 이미지) ★★★
CSS - Viewport ★ - 사용자에게 보이는 웹페이지 영역 (= 메타태그 뷰포트 ※ 반응형 필수조건 = 반응형 글자크기에 영향)
CSS - RES Intro - (반응형 웹디자인 소개)
CSS - @media 구문 - 미디어쿼리 이용한 반응형 스타일 구현 (= media쿼리) ※ IE/Edge 반응형 (= 익스플로러/엣지 브라우저 크로스브라우징) ※ 반응형 필수
CSS - FlexBox (플렉스박스) 소개 ★★★ - 새로운 반응형 레이아웃 모델 ※ (가로/세로) (기본축/교차축) (중앙정렬/가운데정렬)
JavaScript 관련글
JS - orientationchange 이벤트 - 장치 방향 바뀜 이벤트 (= 오리엔테이션체인지 이벤트) ※ 모바일 스마트폰 기기 방향 변동/변환 이벤트
JS - devicePixelRatio 속성 ★ - 기기 픽셀 비율. ※ PC, 모바일 구별하기
JS - <meta> 객체 ★ - 메타정보 (= meta태그 = 메타태그) (HTML5수정) + 모바일주소창배경색 (= 모바일배경색 = 모바일헤드배경색)
JS - matchMedia() 메서드 ★ - 미디어쿼리리스트 객체 (MediaQueryList) 반환 (IE10 이상) + 반응형배경색
JS - wordWrap 속성 ★ - 단어줄바꿈 위해 긴단어쪼개기 (= 긴단어깨기 = 긴단어나누기 = wordWrap속성 = 워드랩속성) ※ 반응형 필수 속성
JQuery 관련글
PHP 관련글
SQL 관련글
Bootstrap 3 관련글
BS3 - grid CSS (BS그리드CSS = BS반응형CSS = BS노출CSS) + BS프린트클래스 ★★★★★
BS3 - Grid (그리드) - 반응형 레이아웃 ★★★
BS3 - Image (BS이미지) - 반응형이미지 + 반응형동영상 + 이미지정렬
BS3 - Table (BS테이블) - 테이블테두리 + 테이블배경색 + 반응형테이블
Bootstrap 4 관련글
BS4 - Grid (BS그리드) - 반응형 레이아웃 ★★★
BS4 - Image (BS이미지) - 이미지모양 + 이미지정렬 + 반응형이미지
BS4 - Table (BS테이블) - 테이블테두리 + 테이블배경색 + 반응형테이블
코멘트입력
비밀글
//phpphp if (!is_g5() && (!$is_comment_editor || $mw_basic['cf_editor'] != "cheditor")) { ?>
입력
특수문자
이전글
다음글
목록
글쓰기
전체
BS-나동빈
C-나동빈
C-두들낙서
GO-터커
HTML-바위
JAVA-생코
JQ-샵투
JS-바위
JS-생코
JS-서기
JS-엘리
Node.js-생코
PHP-생코
PHP-서기
PHP-쩡원
PHP2020-서기
PHP7-바위
PHP7-서기
Py_Ru-생코
React
SQL-생코
WEB1-생코
WEB2-생코
am-행복한이웃
regex
서버
코딩 야학
코딩 입문
분류
제목
JS-바위
JS 36강 - 라이트박스 (Lightbox) 모달 (순수JS버전)
JS-바위
JS 35강 - 핵심리뷰2 - CSS 변경 / 이벤트 연결 / DOM 제어
JS-바위
JS 34강 - 핵심리뷰1 - 반복문 (Loop)
JS-바위
JS 33강 - 코딩 휴식 타임
JS-바위
JS 32강 - (PC / MOBILE) 구분 - 모바일 접속기기 탐지
JS-바위
JS 30~31강 - aJax (아작스/에이잭스) - 비동기식 웹 어플리케이션 / XML 파일로 리스트 생성
JS-바위
JS 28~29강 - 슬라이드쇼 (Slideshow) ★ - 오토슬라이드 / 페이저 생성 / 이동하기 / 멀…
JS-바위
JS 27강 - 스크롤 메뉴 축소 애니메이션 (Shrink Nav) - JavaScript / jQuery …
JS-바위
JS 26강 - 코딩 휴식 타임
JS-바위
JS 25강 - 스크롤 메뉴 (Scroll Menu) - JavaScript / jQuery 코드 비교
JS-바위
JS 24강 - 슬라이드쇼 (SlideShow) - 좌우 이동 버튼 생성
JS-바위
JS 23강 - 비디오 (Video), 오디오 (Audio) - 미디어 컨트롤
JS-바위
JS 22강 - 쿠키(Cookie) 활용 팝업 제어 - 첫 방문자에게만 팝업 띄우기
JS-바위
JS 21강 - 풀스크린 호버 이펙트 애니메이션 (Hover Animation)
JS-바위
JS 20강 - 라이트박스 (Lightbox) - 이미지 클릭해 확대해서 보는 갤러리 효과
JS-바위
JS 19강 - 코딩 휴식 타임
JS-바위
JS 18강 - 스크롤트리거 (Scrolltrigger) - 스크롤 애니메이션 구현
JS-바위
JS 17강 - 탭스 (tabs) 메뉴 + 무빙탭메뉴 (Moving Tab Menu) = 움직이는 탭메뉴
JS-바위
JS 16강 - 아코디언 (Accodion) 메뉴
JS-바위
JS 13~15강 - 슬라이드쇼 (SlideShow) 시스템 작동원리
2/35
제목
내용
제목+내용
and
or
검색
검색
목록
제목
내용
제목+내용
and
or
검색
처음
1
페이지
열린
2
페이지
3
페이지
4
페이지
5
페이지
6
페이지
7
페이지
8
페이지
9
페이지
10
페이지
다음
맨끝
오늘: 2,598 | 어제: 3,973 | 최대: 11,609 | 전체: 6,489,831
채팅방 닫기
채팅방
필독
1. 채팅창 헤드에서
접속자
확인
2. 닉네임 클릭해
1:1 채팅
가능
3. 닉네임 클릭해
귓속말
가능
4. 닉네임 클릭해
호출하기
가능
5. 우하단 클릭해
환경 설정
가능
6. 의뢰글 작성 후
의뢰 상담
가능
7. 질문글 작성 후
질문 상담
가능
8. 채팅방에
개인정보 입력
금지
9. 채팅방에
광고 욕설 비방
금지
(견적/의뢰/질문/등업) 상담은 게시판 이용해 주세요.
인터넷 임시파일 제거 시 속도 ↑ (Ctrl + Shift + Del)
공지사항
(제안하기/후기쓰기) 게시판 개설 안내
로그인 비밀번호 틀려서 로그인 못 하시는 분들께...
매뉴얼 제작관리 우선순위 안내 (= 홈짱 관심사 순서)
최신글
최선원 - 슬퍼지려 하기전에 (미니 COVER…
익명
(빌더변경 + 업그레이드) 작업 의뢰비용 견적
홈짱
그누보드6 실행 중단하고 싶어요. (= 유비콘…
홈짱
극한의 저온 얼음 고문을 견뎌내는 KF-21 …
익명
감서윤 치어리더 님 (G)I-dle - Wif…
익명
U23 축구 대표팀, 일본을 1:0으로 제압
익명
최신댓글
비밀글입니다.
홈짱
비밀글입니다.
홈짱
비밀글입니다.
홈짱
비밀글입니다.
천사
비밀글입니다.
홈짱
비밀글입니다.
천사
운영비 후원해주신 분 리스트
된장남
AlexSeo
초보킹
꽁치주물럭
된장남
새벽의기습
서버확장비 목표달성률
9
찾아주셔서 감사합니다. Since 2012
최신댓글