세줄코딩

1. HTML 1-1. Syntax 들여쓰기는 2개의 공백 문자(소프트탭)을 사용. 다른 규칙으로 통일하여 작성해도 된다. 모든 엘리먼트 명과 애트리뷰트 명은 케밥 표기법(kebab-case)으로 작성. 모든 애트리뷰트 값은 큰 따옴표(")로 감싸기. 주석 처럼 기본 표기 하고 note : 수정사항 등을 기재하기 위한 주석 ( 주석에 년도날짜 / 수정내용 표기는 반드시 해야 한다 ) ......중략....... 혹은 ......중략....... 1-2. Doctype Doctype은 HTML5 DTD 로 선언. html5 로 지정 이어서 자기 마침 태그(Self-Closing Tags)에 후행 슬래시(/)를 사용금지. 1-3. Metadata 태그 내에 로드 순서 지키기( CSS 태그를 자바스크립트 태그..

swiper - 여러 모로 도움이 많이 되는 슬라이더 중 하나이다. 이젠 거의 Swiper 만 쓰는 것 같기도 하다. slick 을 쓰다 swiper 를 더 많이 쓰게되는 이유는 1. 커스텀 할 수 있는 설정 옵션이 많다. 2. 모바일 터치 슬라이드가 자연스럽다. 아래는 예제만 따로 모아둔 swiper 홈페이지 url 이다. - https://swiperjs.com/demos/ Swiper Demos swiperjs.com html Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 Slide 8 Slide 9 Slide 10 CSS javasscript

gulp 플러그인 설치 목록 import gulp from 'gulp'; import babel from 'gulp-babel'; import browserify from "browserify"; import vinylSourceStream from 'vinyl-source-stream'; import buffer from 'vinyl-buffer'; import ts from 'gulp-typescript'; import tsify from 'tsify'; import sourceMaps from 'gulp-sourcemaps'; ts 번들을 위한 설정. const bundler = () =>{ return browserify({ basedir: '.', debug: true, //tsify는 번들된 ..

jQuery -->Vanilla JS ( pure javascript ) 전환하기 여태까지 jQuery 를 잘 써오고 있다. 음~제목과 다른 전개이지만~ 왠지 앞으로도 계속 쓸 것 같다. 구차한 이야기는 생략하겠지만 그 만큼 이 바닥 시장이 더럽다. 빠르게 요구함은 물론이거니와 레거시 코드의 운영도 만만치 않기 때문이다. 머 변명일 수도 있겠지만 빠른 퇴근과 스트레스를 받지 않으려면.... 어쩔 수 없는 현실이기도 하다. 지금도 가슴으로는 '아 이거 이렇게 하면 무겁게 돌아갈 텐데.....' 라고 고민하곤 하지만 시계를 보곤 음... 아니지 걍 있던데로 하자 라고 마음을 다 잡곤 한다. 여튼 서두가 길었는데.. 타이틀 대로 간혹 순수 자바스크립트으로만 코딩할 때가 있는데.. 그 때를 위해 나름 정리해 둘..

아래 코드는 youtube api 에서 공식적으로 제공하는 코드 이다. https://developers.google.com/youtube/iframe_api_reference?hl=ko iframe 삽입에 대한 YouTube Player API 참조 문서 | YouTube IFrame Player API Embed a YouTube player in your application. developers.google.com var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; fir..

/*10번이후 모든 리스트*/ :nth-child(n+10){ ..... } /*1~3번 리스트*/ :nth-child(-n+3){ ..... }

git checkout temp - 브랜치 이동 git checkout {새로운 로컬 Branch 이름} git checkout -b develop master - master을 기준으로 로컬에 새로운 브랜치를 생성합니다 git checkout -b develop origin/develop - 원격 브런치가 이미 존재 할 경우 원격 브런치를 기준으로 로컬 브랜치를 만드는 방법 ( checkout 명령에 -b 옵션을 넣으면 브랜치 작성과 체크아웃을 한꺼번에 실행 ) git checkout -b {새로운 로컬 Branch 이름} {원격 저장소 별칭}/{원격 Branch 이름} git push origin develop - local 브랜치를 remote로 push하기 git pull origin master..

소스 포맷 및 공백 협업할 때 겪는 소스 포맷(Formatting)과 공백 문제는 미묘하고 난해하다. Git에는 이 이슈를 돕는 몇 가지 설정이 있다. core.autocrlf 윈도에서 개발하는 동료와 함께 일하면 줄 바꿈(New Line) 문자에 문제가 생긴다. 윈도는 줄 바꿈 문자로 CR(Carriage-Return)과 LF(Line Feed) 문자를 둘 다 사용하지만, Mac과 Linux는 LF 문자만 사용한다. Git은 커밋할 때 자동으로 CRLF를 LF로 변환해주고 반대로 Checkout할 때 LF를 CRLF로 변환해 주는 기능이 있다. core.autocrlf 설정으로 이 기능을 켤 수 있다. 윈도에서 이 값을 true로 설정하면 Checkout할 때 LF 문자가 CRLR 문자로 변환된다: $..