404 Not Found

코드 관리를 하다 보면 커밋을 다른 브랜치에 잘못 하거나 코드 의존성 때문에 다른 사람의 커밋중 일부를 가져와야 하는 경우가 생긴다. git rebase나 git cherry-pick을 사용한다.

MORE

대부분의 사이트는 수직적으로 레이아웃이 구성되어 있으며 위아래로 스크롤하여 사용하게 된다. 수평 구조의 경우 table, float, inline-block을 주로 사용하고 있으나 주로 차선책일 뿐이며 flex로 레이아웃을 쉽게 구성할 수 있다.

MORE

filter 속성은 흐림 효과, 색상 변형 등 이미지 비주얼 효과를 정의한다. CSS 표준은 미리 정의된 효과를 내는 몇가지 함수를 포함하고 있으며, SVG 필터 요소에 대한 URL 참조를 사용하여 SVG 필터를 적용할 수도 있다. hue-rotate()는 0deg-360deg까지 표현한다.

MORE

브라우저에서 이벤트란 사용자가 버튼을 클릭했을 때나 웹페이지가 로드되었을 때 등을 의미한다. DOM 요소와 관련이 있다. 이벤트 발생 시점이나 순서를 미리 알 수 없으므로 이벤트가 발생했을 때를 감지하고 그에 대응하는 처리를 호출할 수 있어야 한다.

브라우저가 이벤트를 감지하고 통지해주는 과정을 통해 사용자와 웹페이지는 상호작용(Interaction)이 가능해진다. 이벤트가 발생하면 그에 맞는 반응을 해주어야 하기 때문에 이벤트는 일반 함수에 연결된다. 이 함수는 이벤트가 발생되면 실행된다. 이런 함수를 이벤트 핸들러 라고 한다.

MORE

모든 HTML 요소는 Box 형태의 영역을 가지고 있다. Content, Padding, Border, Margin으로 구성되어 있으며 브라우저는 박스 모델 크기(dimension)와 프로퍼티(색, 배경, 모양 등) 위치를 근거로 렌더링한다. 모든 박스모델 관련 프로퍼티는 상속되지 않는다.

MORE

style을 적용하고자 하는 HTML 요소를 선택할 때 셀렉터를 사용하며 선택한 요소에 스타일을 정의한다. 여러개의 셀렉터를 함께 사용할 수 있고 쉼표(,)로 구분한다.

MORE

정수 num이 짝수일 경우 Even을 반환하고 홀수인 경우 Odd를 반환하는 함수, solution을 완성해주세요.

제한 조건
num은 int 범위의 정수입니다.
0은 짝수입니다.

MORE

길이가 n이고, 수박수박수박수….와 같은 패턴을 유지하는 문자열을 리턴하는 함수, solution을 완성하세요. 예를들어 n이 4이면 수박수박을 리턴하고 3이라면 수박수를 리턴하면 됩니다.

제한 조건
n은 길이 10,000이하인 자연수입니다.

MORE

HTML5의 요소는 0개 이상의 카테고리에 속하며, 각 카테고리는 특성이 비슷한 요소끼리 묶어둔 분류이다. 특정 요소는 폼 관련 요소로 따로 분류하여 다양한 폼 관리 처리 모델에서 세부적으로 분류된다. 어떤 요소들은 특정 요소만의 요구사항을 가지고 있고, 아무 카테고리에도 해당되지 않는 경우가 있다. 기본 규칙은 Base HTML Element에 나온 규칙을 따른다.

MORE

CSS 그리드는 더 복잡한 레이아웃을 위해 2치원 레이아웃 시스템을 제공한다. 다양한 레이아웃 대체 방식들을 해결하기 위해 만들어진 CSS 모듈이다. 효율적으로 학습하기 위해서는 파이어폭스 브라우저를 사용하는 것이 좋다.

MORE