-
script 태그의 async defer 어트리뷰트
<script async src="extern.js"></script> <script defer src="extern.js"></script>
` async : 웹페이지 파싱과 외부 스크립트 파일의 다운로드가 동시에 진행된다. 스크립트는 다운로드 완료 직후 실행된다. IE9 이하 버전은 지원하지 않는다. `
` defer : 웹페이지 파싱과 외부 스크립트 파일의 다운로드가 동시에 진행된다. 스크립트는 웹페이지 파싱 완료 직후 실행된다. IE9 이하 버전에서 정상적으로 동작하지 않을 수 있다. `
` async와 defer 어트리뷰트는 웹페이지 파싱과 외부 스크립트 파일의 다운로드가 동시에 진행된다는 면에서는 동일하다. 하지만 스크립트의 실행 시점이 다르다. `
-
hover 이벤트의 3가지 방법
작성중…
css
-
markup 상에서 2가지의 이미지를 주고 hover시 opacity:0;
See the Pen markup에서 2가지 이미지. hover시 opactiy:0 by rudwnok (@rudwnok) on CodePen.
-
markup 상에서 1가지의 이미지를 주고 hover시 bg:img
See the Pen markup 상에서 1가지의 이미지를 주고 hover시 bg:img by rudwnok (@rudwnok) on CodePen.
- 위 두가지의 차이점은 1.번의 경우 css가 좀더 길어지나 markup에서 class로 인해 markup만으로도 오버 이미지안지 판별이 가능하다. = 굳이 사용자에게 오버시 이미지도 같이 보여줄 필요가 없는거 같다.
jquery
- markup 상에서 인라인 mouseover, mouseleave 속성
- 인라인상으로 넣게 되면 사용자에게 이 부분에 이벤트가 들어가는걸 보여줄수있지만. 비 권장사항이다.
- script 파일 상에서 mouseove, mouseleave 속성
- 인라인속성으로 이벤트를 넣는건 비추천이다. css상으로 할수있는건 css로 하자.
-
-
git명령어 & node
npm
$ npm –version ( npm -v) $ node –version ( node -v) $ npm run test 파일명
git 명령어
깃폴더로 설정
git init
커밋
$ git commit -m ‘메세지내용’ $ git commit -a -m ‘메세지내용’
깃 레포지토리 연결
- 깃허브에서 레포지토리 생성 후. $ git remote add origin http://깃주소 $ git remote - (깃연결 확인)
깃 푸쉬
$ git push -u origin master (-u로 선언하면 이후의 push는 git push만 해도됨. 브런치가 master로 쓰일때만 가능할 듯.) $ git push
깃 클론
$ git clone http://깃주소 $ git pull origin master
계정 등록
$ git config –global user.name “username” $ git config –global user.email “github email address”
branch
$ git branch 이름 ( 이름 branch 생성)
$ git checkout 이름 ( 이름 branch로 들어가기 )
$ git -d 이름 ( 이름 branch 삭제, 강제는 -D)
$ git -m 이름 이름1 ( 이름을 이름1로 변경)
$ git log “비교할 브랜치명1” “비교할 브런치명2” ( branch 간에 비교할 때 )
$ git diff “비교할 브런치명1” “비교할 브런치명2” ( branch 간의 코드를 비교할 때 )
rollback
$ git reset HEAD^ 이전 하나의 커밋 상태로 돌아가기 $ git reset HEAD^2 이전 2개의 커밋 상태로 돌아가기
2020.03.19 업데이트
git reset --hard ORIG_HEAD^여기서 ^는 전 단계. ^^ 두번이면 두 단계 이전. 위 커맨드를 친 후 More? 라고 나오면 ^ 나 ^^로 단계 되돌릴 단계 설정소스트리처럼 깃 히스토리 보기
$ gitk- all
vscode 내부에서 git
git : view file history하면 commit 메시지 내역이 나옴. 내역 중 수정된 것을 누르고 compare against previous version
-
모바일 접속 시 모바일 페이지로 자동 링크
<script type="text/javascript"> var uAgent = navigator.userAgent.toLowerCase(); var mobilePhones = new Array('iphone','ipod','android','blackberry','windows ce', 'nokia','webos','opera mini','sonyericsson','opera mobi','iemobile'); for(var i=0;i<mobilePhones.length;i++) if(uAgent.indexOf(mobilePhones[i]) != -1) document.location="모바일 주소"; </script>