낮에는 기획자 밤에는 개발자

OSI (Open System Interconnection) 개방형 시스템 상호연결 네트워크에서 통신이 일어나는 과정을 7단계로 나누어 계층간 상호 작동방식을 정해 놓은것 Background 80년대 컴퓨터 통신망이 확산되면서 다양한 제조사에 따른 호환문제가 대두됨 1984년 국제 표준화 기구에서 원할한 통신을 수행하기 위해 OSI7 모델을 제시하고 이 표준이 지키짐으로서 다른 제조사의 시스템이라도 네트워크 유형에 관계없이 상호 통신이 가능해짐 => 통신이 일어나는 과정을 단계별로 파악할 수 있음 => 흐름을 한눈에 알아보고 사람들이 이해하기 쉬움 => 문제 발생시 다른 단계의 장비 및 소프트웨어를 건들지 않고 문제 발생 단계만 고칠 수 있음 계층의 캡슐화와 디 캡슐화 통신을 한다는 것은 클라와 서버가 ..

백틱(Backtick)이란 컴퓨터 과학에서 백틱은 "더블 연산자"라고 부르는 "쉘"형태의 명령 구조를 나타낸다. 기본적으로 백틱을 사용하면 일반 명령의 일부로 문자열을 평가한다. Perl 또는 다른 유형의 코드와 같은 컴퓨팅 언어에서 사용된다 - texhopedia.com - 프로그래밍을 익히면서 키보드에 있는지도 몰랐을 다양한 기호를 사용하게 된다. ESC 버큰 아래 ` 이렇게 생긴 것을 백틱이라고 한다. 엔터 옆에 ' , "따옴표와 다르게 생김을 알 수 있다. 백틱의 사용 ES6에서는 템플릿 리터럴 이라는 새로운 문자열 표기법이 도입됐다 Javascript 에서 문자열 자료형을 자주 사용하게 되는데 " " + " " 이런 형태의 연산자를 사용하게 된다 문자열에 넣을 내용이 많고 사용되는 변수가 여러개..

자주 사용하는 메뉴바 디자인 기록 Home Menu1 Menu2 Menu3 .headerWrap { width: 100%; height: 50px; text-align: center; background-position: center; background-size: cover; background-color: #000000; position: fixed; z-index: 1; } nav{ font-size: 1.2rem; position: relative; } nav ul{ text-align: center; margin: 0 auto; width: auto; } nav ul li{ display: inline-block; } nav ul li a{ line-height: 50px; } nav ul li..

reset.css 이 골격으로 입맛에 맞게 커스터마이징. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article, aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu, nav,ou..

분류 명령어 기능 시작 및 설정 $ git --version 설치된 git 버전 확인 $ git init .git 하위 디렉토리 생성 $ git config --global user.name "사용자이름" 사용자 이름 설정 $ git config --global user.email "사용자이메일" 사용자 이메일 설정 $ git status 상태 확인 저장소 $ git remote add origin [github 저장소 주소] 원격 저장소 연결 $ git remote -v 저장소 확인 $ git clone /로컬/저장소/경로 로컬 저장소 복제 $ git clone 이름@호스트:/원격/저장소/경로 원격 저장소 복제 commit 명령어 $ git add 파일명 커밋에 변경사항 올림 $ git add . 수정..

github Repository 생성후 $ git remote add origin Repository주소 $ git add . $ git commit -m "메시지" $ git push 아래 이미지와 같은 에러 메세지가 나왔다. 원인은 Repository 생성후 원격 저장소에 대한 기본 브랜치 설정을 안 해줬기 때문이다 처음 브랜치 설정만 해주면 해결이 가능 $ git push --set-upstream origin master 위 이미지에도 친절하게 설명이 나와있다

프로그래밍을 하면 뭔 오류가 이리 많은지… 띄어쓰기 하나만 틀려도 초보에게는 산넘어 산이다 포스팅도 할겸 발생되는 오류사항을 기록하도록 하자 깃허브를 이용을 위해 이것저것 조작해보던중 git commit 를 입력하니 E325: ATTENTION 오류가 발생했다 원인분석 E325: ATTENTION 오류는 vi에디터가 비정상적으로 종료되었때 발생된다고 한다. 위 이미지 두번째 COMMIT_EDITMSG .swp 파일이 원인이다. Found a swap file by the name "~/dev/workbook/.git/.COMMIT_EDITMSG.swp" .swp 확장자는 vi 편집기를 사용하는 동안 비정상적으로 종료가 발생되면 임시로파일을 저장하기 위해 사용되는 파일이다. 즉 vi 편집기 사용시 swp ..

결합자 combinator 두개 이상의 셀럭터들의 관계를 타겟팅하기 쉽게 하기 위한 기호 이다. [ > ] child selector - 자식요소 결합자 > 직계 자손 [ + ] adjacent sibiling selector - 인접 형제 요소 결합자, 뒤에오는 형제 중 첫번째 [ ~ ] general sibling selector - 형제 요소 결합자, 뒤에오는 형제 모두를 포함한다 _(띄어쓰기) descenant selector - 후손식별자, ex) div p {} selector (선택자) 기호 - css selector은 특정한 HTML 태그를 선택하여 다중으로 CSS효과를 부여하는 역할을 한다. - 전체를 선택하는 * 선태자와 class="클래스명" , -id="아이디명" 선택자가 있다. e..

CSS 기본 규칙 네이밍 규칙 파일 네이밍시 (html/css 동일) - 포함할 수 있는 문자는 영문(대소문자), 숫자, _, - 까지 허용된다. - 처음 시작글자는 영문 소문자로만 시작할 수 있다. - 조합 형태는 -> 의미 -> 순서 -> 상태를 기본 순서로 사용한다. - 단어의 조합으로 네이밍시 띄어쓰기 대신 _(언더스코어) 를 사용한다. 파일내 태그 네이밍시 - 모든 속성은 숫자, 대문자, 특수문자로 시작할 수 없으며, 영문 소문자로만 작성한다. - 2가지 단어를 조합하여 표현할 때 "카멜표기법 =>noticeTitle", "_(언더스코어)표기법 => notice_title" 을 사용한다. - 1,2 와 같은 한자리 정수는 사용하지 않으며 01, 02와 같이 네이밍 하여 사용할것을 권장한다. - ..

절대단위 절대적인 크기가 정해져 있는 단위 px, 픽셀, pixel = 웹에서 가장 많이 사용되는 단위 1/96 inch pt, 포인트. point = 1pt = 1/72 inch in 인치 inch = 1인치는 2.54cm cm 센치미터 = . mm 밀리미터 = . pc 파이카 picas = 활자의 크기를 나타내던 옛말, 지금은 잘 사용하지 않는다. 1파이카는 12포인트 상대단위 부모 요소의 크기를 기준으로 상대값이 정해진다. 고정형 웹에서 반응형 웹으로 넘어오면서 많이 사용되고 있다. em - em 단위는 body{font-size:16px} 값을 기준으로 사용한다 - 부모 요소의 글꼴에 비례. 때문에 기준값에 따라 값이 바뀐다. - 2em은 현재 글꼴 크기의 2배를 의미한다. % - 100% 를 기..