본문 바로가기

전체 글

(47)
[JS]자바스크립트 데이터 1. e 지수 표기법 ex) 1e9 1에 10^9를 곱한 값 3e-3 3에 10^3을 나눈 값 2. 16진법 0xff /// 0xFF 8진법 0o377 2진법 0b11111111 3. 자주 사용되는 숫자형 메소드 myNumber.toFixed(소수점자리); (범위 : 0~100) 소수점 자리 밑의 숫자를 반올림한다. 범위 까지의 숫자가 없으면 0으로 채워준다. * 문자열로 반환된 값이다. * 다시 숫자로 만드려면 Number()함수를 사용하거나 앞에 +를 붙여준다. myNumber.toString(진법); 해당 진법으로 바꿔준다. *문자열로 반환된 값이다. myNumber.toString(); 숫자를 문자열로 바꿔준다. 정수에서 바로 사용하는 방법 255..toString(); (255).toSting(..
[JS]배열 간단 요약 1. let 배열명 = [값1, 값2, 값3 ....]; 각 값은 요소(element)라고 부른다. 각 요소에 접근은 인덱스(0부터 시작)로 접근한다. 2. 배열 요소 접근하기 배열명[index]; 3. 배열도 객체다 배열 관련된 프로퍼티와 메소드를 사용할 수 있다. 배열명.length or 배열명['length'] 배열의 크기 배열 요소 추가 배열명[추가할인덱스] = 요소값; * 배열의 최대크기를 뛰어넘어서 추가하면 중간에 빈 요소는 undefined가 된다. 배열 요소 수정 배열명[수정할인덱스] = 수정값; 배열 요소 삭제하기 delete를 사용하면 undefined로 남아있는다. 4. splice메소드 배열명.splice(인덱스); 배열의 인덱스 포함 뒤의 요소를 전부 삭제한다. 배열명.splice..
[JS]객체 간단 요약 1. let 객체 = { 프로퍼티네임(키) : 프로퍼티밸류(값) } 2. 프로퍼티네임은 문자열 속성을 가짐 일반적인 식별자 규칙을 따르며 그 외에는 "" '' 감싸줘야한다. 3.접근 방법 객체.프로퍼티키 객체["2프로-퍼티 키"] or 객체[값이 문자열인 변수] 존재하지않는 프로퍼티에 접근하면 undefined 값이 나온다. 4. 프로퍼티 수정, 추가, 삭제 등등 프로퍼티 수정하기 객체.프로퍼티키 = 수정할값; 프로퍼티 추가하기 객체.새로운프로퍼티키 = 값; 프로퍼티 삭제하기 delete 객체.삭제할프로퍼티키; in 연산자 '프로퍼티키' in 객체 해당 프로퍼티의 객체 내 존재 여부를 boolean 값으로 리턴 5. 객체와 메소드 프로퍼티 값으로 함수를 정의할 때 메소드라고 부른다. 메소드키 : func..
[JS]JS 학습 기본 - 1 1. typeof 연산자 typeof 값 값의 자료형을 평가해서 문자열로 반환함 console.log(typeof 8 - 3); 위의 코드의 경우 8-3의 값이 5니까 5의 자료형인 Number가 출력될 것 같지만, typeof의 연산자의 우선순위가 높아 Number - 3 의 결과값인 NaN이 나오게된다. 우선순위를 주의해야한다. 2. true, false >>> 숫자로 형변환시 1, 0 으로 형변환된다. 0, NaN, '', null, undefined Boolean으로 형 변환시 false가 나온다. fasly라고 부른다. 3. +는 문자형 우선, 나머지는 숫자형 우선 연산을 한다. ex) console.log( 4 + '4'); >>> 문자열 44 가 출력된다. console.log('4' / 2..
[CSS]반응형 웹 만들기 미디어 쿼리를 사용한다. 예시) @media (min-width:1000px) { h1{ font-size:20px; } } @media의 옆에는 브라우저의 창크기를 입력하는데 min-width의 경우 해당 크기값 이상일 때 적용이 되며, max-width의 경우 해당 크기값 이하일 때 적용이 된다. min- width를 사용할 경우 가장 작은 크기를 시작으로 레이아웃을 작성하여 점점 커지는 방향으로 max-width를 사용할 경우 가장 큰 크기를 시작으로 레이아웃을 작성하여 점점 작아지는 방향으로 나아간다.
4. git flow 브랜치 전략 Git-flow는Vincent Driessen 의해 널리 퍼지기 시작했고 현재는 Git으로 개발할 때 사용되는 방법론이다. git-flow에서 사용하는 브랜치는 5가지가 있다. 항상 유지되는 브랜치인 1. main branch 2. develop branch 일정 기간 동안 유지되는 3. feature branch 4. release branch 5. hotfix branch 가 있다. 1. main branch - 제품의 안정적인 버전을 나타내며, 프로덕션 환경에 배포될 수 있는 상태여야 한다. 2. develop branch - 다음 릴리스를 위한 개발을 진행하는 브랜치. 새로운 기능이나 버그 수정이 개발되고 테스트하는 브랜치이다. 3. feature branch - 개별 기능 또는 작업을 위한 브랜..
3. merge의 종류 merge의 종류는 크게 두 가지로 나눌 수 있다. fast-forward merge와 3-way merge이다. 1. fast-forward merge - 두 브랜치의 히스토리가 선형적으로 연결되며, 머지 대상인 자손 브랜치의 커밋 이력이 조상 브랜치의 커밋 이력을 모두 포함하는 경우이다. 같은 선상에서 위치 이동만 있기에 머지를 해도 새로운 커밋이 발생하지 않는다. 2. 3-way merge - 머지 할 두 브랜치가 분기, 자기 자신, 머지할 대상을 기준으로 머지를 실행한다. 두 브랜치의 내용이 합쳐지게 되며 하나의 커밋을 생성한다. 이때 파일의 내용에 따라, conflict가 발생할 수 있으며, 이를 해결 한 후에 작업을 진행한다.
[Git]협업 및 작업 관련 명령어 1. 로컬 레포지토리의 커밋과 리모트 레포지토리의 커밋이 다른 경우 서로 다른 개발자에 의해서 다른 내용이 커밋되는 경우가 있다. 이럴 경우는 로컬 레포지토리에서 git push를 해도 에러가 발생한다. 우선 git pull을 하게되면 conflict가 된다. git pull을 하게 되면 리모트 레포지토리의 커밋과 로컬 레포지토리의 커밋과 머지를 하게 된다. 기존 conflict 해결방법과 같이 해결하면된다.(파일 수정) 2. git fetch git pull은 머지를 하게 되는데 git fetch는 가져오는 단계까지만 진행된다. 리모트 레포지토리에 있는 브랜치의 내용을 일단 가져와서 확인한 후 머지하고 싶을 때 사용 git fetch로 리모트 레포지토리를 가져온 다음 git diff 로컬브랜치 orig..