개발 블로그
프로그래밍 개발을 다루는 페이지 입니다.
자바스크립트 비교 연산자란? 자바스크립트 비교 연산자는 값들 간의 관계를 평가하여 불리언(Boolean)으로 결과를 반환하는 연산자입니다. 비교 연산자들은 주로 조건문이나 논리적인 결정에 활용되며, 값들 간에 비교하여 조건에 따른 판단을 할 때 사용됩니다. 비교 연산자 종류 비교 연산자 예제 동등 연산자 (==) 값이 같은지를 확인합니다. 단, 타입은 비교하지 않으며, 형 변환이 가능합니다. 일치 연산자 (===) 값과 타입이 정확히 … Read more
자바스크립트 Math 메서드란? 자바스크립트 Math 객체는 수학적인 연산을 하기 위한 다양한 메서드를 제공하는 내장 객체입니다. 이 메서드들은 수학적인 계산을 간편하게 수행할 수 있도록 도와줍니다. 주로 숫자와 관련된 연산을 다루며, 다양한 수학 함수 및 상수를 제공합니다. 자주 쓰는 Math 메서드 Math 메서드 예제 Math.abs(x) 주어진 숫자 x의 절댓값을 반환합니다. Math.round(x) 주어진 숫자 x를 반올림한 값(round)을 반환합니다. … Read more
자바스크립트 문자열 메서드란? 자바스크립트에는 다양한 문자열 메서드가 있습니다. 문자열 메서드는 여러 상황에서 활용되며, 문자열을 다양하게 조작하고 처리할 수 있습니다. 이번 글에서는 자바스크립트에서 자주 사용되는 문자열 메서드에 대해 알아보겠습니다. 자주 쓰는 문자열 메서드 문자열 메서드 예제 length 메서드 문자열의 길이를 반환합니다. charAt(index) 메서드 주어진 인덱스에 해당하는 문자를 반환합니다. concat(str1, str2, …) 메서드 문자열을 합쳐서 새로운 문자열을 … Read more
자바스크립트 원시타입과 참조타입 자바스크립트는 동적 타입 언어로, 변수를 선언할 때 타입을 명시하지 않아도 됩니다. 그러나 모든 값은 내부적으로는 원시타입 또는 참조타입 중 하나로 분류됩니다. 원시타입이란? 자바스크립트의 원시 타입은 불변(immutable)하며, 값 자체가 메모리에 직접 저장됩니다. 원시 타입은 총 6가지가 있습니다. 이러한 원시 타입들은 각각의 값을 직접적으로 변수에 저장하므로, 서로 다른 변수 간에는 독립적으로 존재합니다. 예를 들어, … Read more
CSS 가상 클래스와 가상 요소란? CSS 가상 클래스와 가상 요소는 웹 페이지의 스타일링을 더 다양하고 동적으로 만들 수 있는 기능입니다. 마우스 호버, 클릭 등의 상태에 반응하거나, 특정 부분에 스타일을 적용하는 데 사용됩니다. CSS 가상 클래스와 가상 요소의 속성 가상 클래스 (Pseudo-classes) 가상 클래스는 요소의 특정 상태나 위치를 선택하여 스타일을 적용하는 데 사용됩니다. 가상 요소 (Pseudo-elements) … Read more
CSS transform 변형 이란? CSS transform은 웹페이지에서 요소의 모양, 크기, 위치 등을 변형 시키기 위한 속성입니다. 주로 애니메이션 및 레이아웃 조정에 사용됩니다. CSS transform 속성 CSS transform의 주요 속성과 종류에 대한 설명입니다. CSS transform 예제 설명 CSS transform 의 주요 속성에 대한 예제입니다.아래는 예제에 공통적으로 적용되는 HTML 과 CSS 입니다.비교를 위해 body에 border를 설정했습니다. transform … Read more
CSS 스타일 우선순위 명시도란? CSS 명시도는 스타일 규칙이 적용되는 우선순위를 결정하는 값입니다.CSS 스타일 우선순위와 명시도에 대하여 알아보겠습니다. CSS 선택자 우선순위 기본적으로 CSS 에서는 나중에 적은 스타일을 우선 적용합니다.즉 우선순위가 같을 때 나중에 작성한 스타일을 우선 적용한다는 뜻입니다. 또한 더 구체적으로 작성한 선택자의 우선순위가 더 높습니다. 선택자 우선순위를 낮은 순 부터 정리하면 다음과 같습니다. 다음은 우선순위가 … Read more
CSS background 란? CSS background 배경 속성은 웹 페이지의 디자인을 꾸미고 여러 시각적 효과를 부여하는 데 사용되는 스타일 속성입니다. 배경 속성은 웹 페이지의 배경 색상, 이미지, 크기, 위치 등을 제어합니다. CSS background 속성 CSS background 예제 background-color 배경 색상 background-color 속성은 요소의 배경 색상을 지정하는 데 사용됩니다. 아래는 간단한 HTML과 CSS를 사용한 background-color 속성의 예제입니다. … Read more
CSS box-shadow 그림자 속성 box-shadow 는 CSS에서 사용되는 속성 중 하나로, 요소에 그림자 효과를 추가하는 데 사용됩니다. box-shadow 속성을 사용하면 요소가 화면에서 떠 있는 듯한 입체적인 효과를 만들 수 있습니다. CSS box-shadow 형식 box-shadow 는 다음과 같은 형식을 가지고 있습니다. 여기서 각 값은 다음과 같습니다. CSS box-shadow 예시 아래 예제들의 공통적인 HTML 과 CSS 코드 … Read more
CSS border-radius 속성 border-radius 는 요소의 모서리, 테두리 부분을 둥글게 만들 때 사용되는 CSS 속성입니다.border-radius 의 값은 해당 모서리의 둥글기를 나타냅니다. border-radius 속성은 1개, 2개, 3개, 4개의 값을 가질 수 있습니다.개수에 따라서 값이 적용되는 위치가 달라집니다. 각각 다른 위치에 값을 따로 지정 해 줄 수도 있습니다. CSS border-radius 예제 1개의 값 지정 border-radius 에 1개의 … Read more