본문 바로가기

분류 전체보기

 (68)
HTML영역설정,문자와 관련된 태그들 블록 요소★★: 1. 사용 가능한 최대 가로너비를 사용한다. 2.css로 너비와 높이값을 설정할 수 있다. 3. 블록 요소는 초기값이 width=100% height=0으로 시작한다. 4. 수직으로 요소가 쌓인다(가로너비가 100%이기 때문에) 5. margin, padding의 위아래 좌 우 값을 설정할 수 있다. 6. 주로 레이아웃을 잡는 용도로 사용된다. ex) div, h1, p 태그 인라인 요소★★: 1. 필요한 만큼의 너비만을 사용한다. 2.css로 너비와 높이값을 설정할 수 없다. 3인 라인 요소는 초기값이 width=0 height=0으로 시작한다. 4 수평으로 쌓인다.(width값이 0이라서) 5 margin과 padding의 위아래는 값 설정이 불가능하다.(오른쪽 왼쪽은 값 설정 가능)..
front-end 국비과정 5일차 학습일지 git & github git flow를 이용해 팀원들과 협업하는 과정 실습 1 팀장의 project-repo를 fork 하여 나의 github 블로그에 가져온다 2 fork 한 project-repo를 clone 하여 bash를 사용해 내 컴퓨터에 가져온다 3 내 컴퓨터에 가져온 project-repo에 git flow를 이용해 feature branch를 생성한 후 할당된 업무를 작업한다 4 git flow feature finish 기능을이용해 develop branch로 merge(병합)한다 5 develop에 merge한내용을 add commit push 하여 git-hub에 팀장 repo를 포크 한 repo에 올린다 6 팀장에게 pr요청(pull request)을 한다 이때 pr요청하는 방향을 main브런치로 하면 ..
front-end 국비과정 4일차 학습일지 git & github front-end 국비과정 4일 차 학습일지 git tag 사용시 switch로 tag를 걸고 싶은 branch를 기본 branch로 설정 git tag = tag를 생성한다 git push origin = tag를 repository에 적용한다 git tag -d = tag를 삭제한다 git push origin : = repository의 tag를 삭제한다 Issue란?: 프로젝트, 레포와 관계된 모든 해야할 일과 버그, 개선사항 등을 기록하는 것을 의미 Assignees: 이슈에 대한 책임인원 Labels: 이슈의 제목 Projects: 이슈를 배당할 프로젝트이름 Milestone: 이슈에 해당하는 중요 시점 지정 feature branch를 작성할대 branch이름뒤에 작업 기간에 따라 원하는 데..
front-end 국비과정 3일차 학습일지 git & github git ignore = 특정 확장자나 특정 디렉터리 안에 모든 파일을 무시할 수 있다. MIT License : 모든 행동에 제약 X 관련책임에 자유롭다 Apache License 2.0 : 특허권 관련 내용이 포함되어있다 저작권자를 명시해야 한다 GNU General Public License : 제약이많으며 마음대로 사용 시 법적 책임이 따를 수 있다. hexo프로그램 사용법 hexo 프로그램을 사용할때는 사용하고자 하는 폴더에서 hexo init 폴더 이름을 명시한다 ex hexo init my-first-hexo post = hexo에서 글을 쓸때 작성한다 ex) hexo new post "글 제목" hexo프로그램으로 작성한 글은 vi로 작성한다 ex) vi server = hexo 프로그램으로..
front-end 국비과정 2일차 학습일지 git & github git bash에서 windows는 shift+ insert를 누르면 복사한 내용을 붙여 넣을 수 있다. read.md = 원격저장소에 대한 설명을 작성한다. repository = git 저장소를 의미한다 branch : 커밋 사이를 이동할 수 있는 포인터이다 branch종류 origin = 원격저장소의 경로를 나타냄 main = 커밋하여 만들어진 파일이나 폴더의 기본 branch이다 branch 생성방법 git branch 생성할 branch이름 ex) git branch master branch 삭제방법 git branch -d 삭제할 branch 이름 ex) git branch -d master branch이름 변경방법 git branch -m 변경할 branch 변경될 branch ex) git..
front-end 국비과정 1일차 학습일지 git & github git & github gitbash에서 $ = 사용자에게 명령을 받을 준비가 되어있다는 의미 ~ = 최상위 폴더에 위치해있다는것을 의미 ls = 현제 디렉토리 안에 파일이나 폴더를 보여주는 기능이 있다. cd = 현제 디렉토리를 변경시키는 기능이 있다. cd..= 현제 디렉터리에서 상위 디렉터리로 올라간다. mkdir = 디렉토리를 생성하는 기능이 있다. ex) mkdir 디렉토리이름 - = 해당 속성에 옵션을 부여한다 ls -l = 상세정보를 표현한다. ls -a =숨김 파일을 포함한 모든 파일을 나열합니다. ls -al= ls -a 명령어와 ls -l 명령어를 동시에 사용한 효과이다 pwd : 최상위 디렉터리에서 부터 현제디렉토리까지의 경로를 전부 출력한다. touch: 해당 디렉토리에 파일을 만든..
JS 기타내장객체 2편 JSON객체 :JSON객체는 데이터정보를 교환할때 쓰는 형식이다 JSON객체의 특징 1.서버와 클라이언트 간의 데이터 전송 시 주로 사용된다 즉 서버를다루는개발자(백앤드개발자)와 화면에 나타나는 내용을 다루는 개발자(프론트앤드개발자)가 필요한내용을 주고받을때 이JSON의 형식을 주로 사용한다. 2자바스크립트의 객체(Object)표기법과 매우 비슷하다 3JSON으로 저장된데이터를 JSON객체의 parse()라는 내장함수를 이용하면 JS의 객체형으로 컴파일(변환)해서 사용할 수 있다. 즉 JSON안에 데이터를 JS로 변환할 수있다는 이야기 4프로그래밍 언어에 상관없이 사용할 수 있는 데이터 교환 방식이다 5대부분의 언어에서 JSON안에 데이터를 처리 할 수 있는 라이브러리를 제공한다. widow 객체 ale..
JS 기타내장객체 1편 Set 객체 Set객체는 배열처럼 데이터를 저장하는데 이때 배열과 차이점은 배열은 중복된값이라도 데이터를 저장하지만 set객체는 중복된 데이터를 허용하지않아 중복된 데이터는 저장되지않는다는특징이있다. 즉 Set은 유일한 값 만을 저장한다 Set 객체에도 여러 내장함수가있는데 첫번째로 add()라는 내장함수인데 배열에서 쓰이는 push()처럼 set객체안에 새로운 데이터를 추가한다. ex) let mySet = new Set() mySet.add(1) mySet.add(2) mySet.add(3) mySet.add(1) console.log(mySet) let arr = [1,2,3,1] let arr2 = [] for(let i=0; i

티스토리툴바