animation animation: 애니메이션이름 지속시간 [타이밍함수 대기시간 반복횟수 반복방향 전후상태 재생/정지]; 요소에 애니메이션을 설정하고 제어하는 단축 속성이다. @keyprames 2개 이상의 애니메이션 중간 상태(프레임)을 지정한다. @ (at-sign) 기호로 시작하는 것을 CSS rules 라고 한다. animation-name @keyframes 규칙의 이름을 지정한다. - none : 애니메이션을 지정하지 않는다. (기본값) - @keyframes 이름 : 이름이 일치하는 @keyframes 규칙의 애니메이션을 적용한다. animation-duration 애니메이션의 지속 시간을 설정한다. - 시간 : 지속 시간을 설정한다. (기본값 : 0s) animation-timing-fu..

CSS grid display grid : Block 특성을 가진 그리드 컨테이너를 정의한다. inline-grid : Inline 특성을 가진 그리드 컨테이너를 정의한다. grid-template-rows .container { display: grid; grid-template-rows: 1행크기 2행크기 ...; } 명시적으로 행의 크기를 정의한다. fr(fraction, 공간 비율) 단위와 repeat() 함수를 사용할 수 있다. grid-template-columns .container { display: grid; grid-template-columns: 1열크기 2열크기 ...; } 명시적으로 열의 크기를 정의한다. fr(fraction, 공간 비율) 단위와 repeat() 함수를 사용할 수..

[ 브랜치 전략 ] git flow (hotfix) - master -(release) - develop - feature 주요 브랜치 두개(master, develop)를 사용하는 전략이다. 가장 많이 적용하고 있고 각 단계과 명확하게 구분된다는 장점이 있지만 복잡할 수 있다는 단점이 있다. develop 에서 각각 기능을 개발하고 릴리즈를 거쳐서 master 브랜치에 적용된다. github flow master - feature git flow가 Github에서 사용하기에는 복잡하다고 해서 등장한 전략이다. master 브랜치는 항상 최신 상태이고, 항상 배포가 가능한 상태이다. 브랜치 모델을 단순화 했다는 장점이 있지만 CI 의존성이 높다는 단점이 있다. 정기적인 릴리즈가 없지만 바로바로 업데이트가..

Branch 특정한 시점으로부터 분기점을 생성하여 독립적으로 코드를 변경할 수 있도록 도와주는 모델을 의미한다. # 사용 가능한 로컬 브랜치 보기 $ git branch # 사용 가능한 리모트 브랜치 보기 $ git branch -r # 사용 가능한 모든 브랜치 보기 $ git branch -a Branch 변경하기 # checkout 은 두 가지 기능을 해서 명령어가 나누어짐 # 현재는 switch 를 많이 사용함 $ git checkout [브랜치명] $ git switch [브랜치명] merge $ git merge [브랜치명] 특정 브랜치에서 작업한 내용을 당겨온다. 내용을 당겨온다고 해서 해당 브랜치의 내용이 이동하는 것은 아니다. 브랜치의 내용은 사라지지 않고 기록이 남아있다. Branch 삭..

UNIX 1965년 데니스 리치, 켄 톰슨 등이 벨 연구소에서 어셈블리어로 작성한 운영체제이다. 주로 서버용 컴퓨터에서 사용된다. Kernel 하드웨어와 응용프로그램 간의 인터페이스 역할을 해주는 시스템 소프트웨어를 말한다. Linux 1991년 리누스 토발즈가 작성한 유닉스 계열의 운영체제이다. PC, 모바일, 서버, 임베디드 시스템 등의 다양한 분야에서 활용된다. Redhat, Debain, Ubuntu, Android 등의 다양한 배포판이 존재한다. Shell 사용자의 명령어를 인식하여 프로그램을 호출하고 명령을 수행하는 명령어해석기이다. 시스템과 사용자간의 인터페이스를 역할을 해준다. - bash Brian Fox 가 작성한 유닉스 쉘이다. 현재 리눅스의 표준 쉘이며 다양한 운영체제에서 기본 쉘로..

문제 설명 문자열 s를 숫자로 변환한 결과를 반환하는 함수, solution을 완성하세요. 제한 조건 s의 길이는 1 이상 5이하입니다. s의 맨앞에는 부호(+, -)가 올 수 있습니다. s는 부호와 숫자로만 이루어져있습니다. s는 "0"으로 시작하지 않습니다. 입출력 예 예를들어 str이 "1234"이면 1234를 반환하고, "-1234"이면 -1234를 반환하면 됩니다. str은 부호(+,-)와 숫자로만 구성되어 있고, 잘못된 값이 입력되는 경우는 없습니다. 나의 문제 풀이 function solution(s) { return parseInt(s); } 다른 사람의 문제 풀이 function strToInt(str){ return str / 1; } 자바스크립트에서는 문자형에 사칙연산을 하게 되면 암..