세줄코딩

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

NVM ( node 버전 관리 ) 노드 기반 즉 의존성이 포함된 라이브러리를 많이 쓰는 경우에 협업자들끼리 node 버전을 맞추지 않으면 매번 의존성 라이브러리들을 설치하거나 깃에서 충돌이 날 것이다. 이럴때 간편하게 node 를 설치하고 버전관리를 해주는 것이 nvm 이라는 것이 있다. note: curl 로 설치 sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash sudo 명령어를 썼기에 사용자 비번 넣으라고 나올 것이다. 가볍게 비번을 넣어주면 설치 뙁 ~!!!! 설치 후 잘 설치 되었는지 터미널에서 확인 nvm ls-remote command not found 라는 문구가 뜨면서 안되는 경우..

add / commit / log git add test.txt test.txt 를 스테이지에 저장. git add . 폴더의 전체 변경 사항 지정 git commit -m '기록할 메세지' 입력한 메세지와 함께 커밋 git commit -am '기록할 메세지' 스테이지와 커밋을 한번에 실행. git commit --amend 이전 커밋에 변경사항을 추가할때 git log 커밋한 결과 확인 ( 주의 - 모든 목록이 나온다 ) git show 최근 커밋 확인( 주의 - 변경 내역까지 다 나옴 ) git show --stat 최근 커밋 요약해서 보기. ( 추천 ) git log --graph 에디터의 그래프 보듯 예쁘게 히스토리 보기. git status 현재 진행 상태 git ..

reset / rebase 코드를 작성하다보면 잘못된 코드를 추가하거나 merge한 경우 이를 취소할때, a. git reset 으로 취소( 단 push 이전 상태이여야 함 ) git reset add 한 파일 취소 git reset --merge merge 한 코드 취소 b.만약 commit만 취소하고, 작성한 코드는 남겨둘려면? reset --soft 명령어 사용 git reset --soft HEAD^ commit 코드 되살리기 git reset --hard HEAD^ commit 하기 이전 코드로 돌아가기 git rebase 내 브랜치의 커밋들을 대상 브랜치에 재배치 ( 커밋 히스토리를 하나로 합치기에 주의 - 그룹 리더가 책임지고 해야함.) git reset을 이용하여 작성한 코드를 초기화하고 ..

fetch git fetch origin git reset --hard origin/master 로컬에 있는 모든 변경 내용과 확정본을 포기. 원격 저장소의 최신 이력을 가져오고 로컬 master브랜치의 상태를 가져온 최신이력으로 변경. cherry-pick git cherry-pick 다른 커밋 버전을 현재의 브렌치에 업데이트하기. git cherry-pick -continue conflict 등으로 실패하는 경우 계속해서 해결하기 위한 방법을 찾는다. git cherry-pick -n 파일변경, 커밋은 하지 않는다. git cherry-pick -quit 실패하는 경우 더 진행하지 않고 현재 상태를 빠져나온다. git cherry-pick -abort 체리픽 이전 상태로 돌리고 취소한다.

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

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

민팃 ( 중고폰 시세 / 판매 거래 ) 1. 작업스킬 - html5/ css3 /javascript /gulp 2. 작업범위 - ( web/ mobile ) 적응형 작업 main 100% ( 마크업 / 자바스크립트( 제이쿼리) ) sub 50% ( 마크업 / 자바스크립트( 제이쿼리) ) - kiosk ( mart atm, mini atm ) UI 100%( html5/ css3 /javascript /gulp ) 민팃 : www.mintit.co.kr/main/index.do 민팃 간편한 휴대폰 중고거래 www.mintit.co.kr