hwlink

협업시 반드시 사용하는 Git에서 브렌치를 사용하는 방법을 정리하려한다. 깃허브는 타인이 작성한 소스코드를 볼 수 있으며, 버전관리가 가능하며, 현재 출시하고 있는 버전의 유지보수를 하면서 새로운 기능 추가 버그 수정이 가능하며 병렬로 관리하기 위해 브랜치 기능을 제공한다. 브랜치는 지점에서 병렬로 관리되는 다른 지점의 영향을 받지 않기 때문에 같은 저장소에서 각각의 개발이 가능하게 해줍니다. Git Repositories를 생성하면 기본적으로 'master' 라는 이름의 브렌치를 자동으로 만들어 줍니다. 이 상태에서 새로운 파일을 추가, 변경하고 커밋을 하게 되면 모두 'master' 라는 이름의 브렌치를 통해 처리됩니다. 'master' 는 일반적으로 안전한 최종 배포버전으로 운영되는 상태이므로, m..

Git 2021. 11. 11. 22:33

Scope를 이해하기 전에 block의 개념에 대하여 알아야합니다. 1. block 중괄호({}, curly brace)로 감싸진 것 function(){ ///block/// } block 내부에서 변수가 적용되면 해당 block 내부에서만 변수가 사용이 가능하다. 해당 변수를 지역변수(local)라고 한다. 2. Global(전역) Scope scope은 변수가 선언되고 사용할 수 있는 공간 block밖인 global scope에서 만든 변수를 global variable(전역변수)라고 합니다. scope 외부(block밖)에서는 특정 scope의 변수에 접근할 수가 없습니다. 코드 어디서든 접근 가능하여 변수값을 확인할 수 있다. 자유로운 전역변수가 좋기만 한 것 같지만 단점도 존재한다. 현업에서 ..

Coding/JS 2021. 11. 6. 13:03

자바스크립트 인자개수만큼 반복문에 대하여 정리하려고 한다. 1. for 문을 인자인 saleArr, reviewArr, likeArr 들의 각각 length만큼 반복문을 돌려줬다. function getData(salesArr, reviewArr, likeArr){ let dateTotalSales = 0; let dateTotalReview = 0; let dateTotalLike = 0; for(let i = 0; i

Coding/JS 2021. 11. 4. 18:00

참고:https://ko.learnlayout.com/position.html 1. position 속성 - relative, absolute, fixed position 프로퍼티에는 다양한 값을 설정할 수 있다. position: relative .relative1 { position: relative; } .relative2 { position: relative; top: -20px; left: 20px; background-color: white; width: 500px; } position: fixed 고정(fixed) 엘리먼트는 뷰포트(viewport)에 상대적으로 위치가 지정되는데, 이는 페이지가 스크롤되더라도 늘 같은 곳에 위치한다는 뜻이다. 주로 메인페이지 헤더부분에 많이 사용한다. .fi..

Coding/CSS 2021. 11. 2. 20:46

참고링크 https://blog.px-lab.com/html-img-tag-vs-css-background-image/ HTML img tag vs CSS background-image This post covers one of the most searchable questions: how to use images on the web pages. When to use alt tag, when background-image blog.px-lab.com 작업을 하다보면 이미지 삽입시 필요한 두 가지 형태 1. 태그와 2.background-image: { url(링크)} 1, 2 어떤것을 사용해야 하는지 고민하기 때문에 정리해본다. 1. 사용 디자인 요소뿐만 아니라 콘텐츠 와 관련된 경우 색인을 생성한다. ..

Coding/WEB 2021. 11. 2. 20:03

웹페이지에 자바스크립트를 이용하여 현재시간을 표시 하려고한다. new Date()에 대해 정리하려고합니다. new Date()로 현재 날짜와 시간을 담은 Date 객체를 구할 수 있습니다.  const now = new Date(); // 현재 날짜 및 시간 console.log(now); //콘솔출력값: Wed Oct 27 2021 12:07:54 GMT+0900 (한국 표준시)const now = new Date() console.dir(now)를 실행시키면 가져올수있는 객체들이 쫙 나온다.아래 이미지에 가져올 수 있는 년,월,일,시,분,초 등이 나타나있다.연도 구하기데이터 객체 getFullYear()를 이용한다.const now = new Date(); // 현..

Coding/JS 2021. 10. 27. 14:28

WEB2. Home server _공유기 WAN: Wide Area Network / 광역네트워크 통신회사에서 주는 회선. ^ | WAN LAN을 연결해주는 라우터(공유기) | | v LAN: Local Area Network / 지역네트워크 public IP address 누구든 접속가능한 ip private IP address 내선번호같음 외부에서 접속못함 WEB2.Network Address Translation 1. private IP address인 192.168.0.4 가 '위키피디아'에 접속한다. 2. 접속을 위해 라우터로 신호를 보내고 라우터는 신호가 온 192.168.0.4를 기억한다. 3. 위키피디아가 있는 외부 WAN으로 접근해야하기 때문에 192.168.0.4(private IP a..

Coding/Network 2021. 10. 25. 22:08

round() 반올림 해준다. round(2.4) : 2 round(5.6) : 6 round(7.5) :8 round(-2.3) : -2 round(-4.6) : -5 round(-5.4) : -5 ceil() 천장까지 간다. 올림해준다. ceil(98.1) = 100 ceil(0.1) = 1 ceil(7.9) = 8 ceil(7.4) = 8 ceil(-5.55) = -5 floor() 바닥까지 간다. 내림해준다. 소수점 아래를 무조건 무시한다. floor(7.6) = 7 floor(2.9) = 2 floor(-1.2) = -2

Coding/JS 2021. 10. 24. 20:32