본문 바로가기

분류 전체보기93

웹 브라우저 스펙 차이에 따른 스타일링 이슈는 어떻게 해결하나요? 웹 브라우저와 웹 표준 웹 브라우저란 웹 서버에서 이동하며 쌍방향으로 통신하고 HTML 문서나 파일을 출력하는 그래픽 사용자 인터페이스 기반의 응용 소프트웨어를 뜻한다. 웹 브라우저의 종류는 모질라 파이어폭스, 구글 크롬, 인터넷 익스플로러, 오페라, 사파리, 브레이브 등 아주 다양한데, 이러한 웹 브라우저들은 웹 브라우저의 종류에 따라, 버전에 따라 어떤 기능을 어떻게 지원하는지 전부 상이하기 때문에 웹 브라우저의 종류와 버전에 따라 동일한 사이트가 다르게 보이고 다르게 작동한다는 문제가 발생하게 된다. 이 문제를 해결하기 위해 제안된 것이 바로 웹 표준이다. 웹 표준이란 웹 브라우저의 종류 및 버전에 따른 기능 차이에도 호환이 가능하도록 제시된 표준으로, HTML, CSS, Javascript 등에 .. 2024. 9. 17.
반복문 ① 배열 배열과 요소 배열은 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형으로, 대괄호를 사용해 생성하고 내부의 값을 쉼표로 구분한다. 이때 이 내부의 값을 요소라고 하고, 하나의 배열은 다양한 자료형의 요소를 가질 수 있다.** 예를 들어 [10, '10', true, function () {}, {}, [10, 20]]과 같은 형태의 배열도 가능하다.  배열 요소에 접근하기배열[인덱스] 배열을 생성할 때도 대괄호를 사용하지만, 요소에 접근할 때도 대괄호를 사용한다. 배열명 뒤에 대괄호를 입력하고 대괄호 사이에 인덱스를 입력하면 인덱스에 해당하는 요소에 접근할 수 있다.> const numbers = [10, 20, 30]undefined> numbers[0]10> numbers[1]20> number.. 2024. 9. 16.
XML과 XHTML의 차이점은 무엇인가요? XML, XHTML을 이해하기 위해선 먼저 HTML을 이해할 필요가 있다. HTMLHyperText Markup Language의 약자로, 하이퍼텍스트를 마크업하는 언어 이때 하이퍼텍스트는 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능을, 마크업은 태그를 사용해 문서에서 어느 부분이 제목이고 본문인지, 어느 부분이 사진이고 링크인지 구분해주는 것을 말한다. 즉, HTML은 다른 문서나 사이트로 이동할 수 있는 링크를 태그를 이용해 나타내는 언어로 이해할 수 있다.  HTML을 이용하면 텍스트, 이미지, 버튼, 드롭다운 벅스 등을 렌더링하여 애플리케이션 UI를 생성할 수 있다. XMLeXtensible Markup Language의 약자로, 확장 가능한 마크업 언어 이때 확장.. 2024. 9. 15.
조건문 ③ 연산자를 이용한 조건문 JavaScript에서 사용할 수 있는 조건문 중 연산자를 사용한 조건문에 대해 알아보자.  조건부 연산자불 값을 리턴하는 표현식 ? 표현식이 true일 때의 결과 : 표현식이 false일 때의 결과 JavaScript에서 3개의 항을 갖는 연산자는 조건부 연산자가 유일해 조건부 연산자를 삼항 연산자라고 부르기도 한다. 아래는 조건부 연산자를 사용한 조건문의 예시이다. 짧은 조건문 논리합 연산자를 사용한 짧은 조건문불 값을 리턴하는 표현식 || 표현식이 false일 때 실행할 문장 JavaScript는 표현식의 값이 true가 확실할 경우 추가 연산을 진행하지 않고, 논리합 연산자는 두 개의 항 중 하나만 true여도 true를 리턴한다. 즉, 논리합 연산자의 좌변이 true면 우변을 실행하지 않고 이는.. 2024. 9. 14.
조건문 ② switch 조건문 JavaScript에서 사용할 수 있는 조건문 중 switch 조건문에 대해 알아보자.  switch 조건문switch (표현식) { case 표현식의 값 1: break case 표현식의 값 2: break default: break}이때 default 구문은 생략할 수 있다. 일반적으로 switch 조건문은 특정 표현식의 값을 기준으로 조건을 분기할 때 사용하고, 특정 표현식의 범위를 기준으로 조건을 분기하는 것은 불가능하지는 않지만 어렵다. 아래는 switch 조건문을 이용해 특정 표현식의 범위를 기준으로 조건을 분기하는 예시이다.     이 글은 혼자 공부하는 자바스크립트 (윤인성 저)를 바탕으로 공부한 내용을 작성한 글입니다. 2024. 9. 14.
조건문 ① if 조건문 JavaScript에서 사용할 수 있는 조건문 중 if 조건문에 대해 알아보자. if 조건문if (불 값을 리턴하는 표현식) { 표현식이 true일 때 실행할 문장} if else 조건문if (불 값을 리턴하는 표현식) { 표현식이 true일 때 실행할 문장} else { 표현식이 false일 때 실행할 문장} 중첩 조건문if (불 값을 리턴하는 표현식 1) { // 표현식 1이 true일 때 실행할 조건문 if (불 값을 리턴하는 표현식 2) { 표현식 2가 true일 때 실행할 문장 } else { 표현식 2가 false일 때 실행할 문장 }} else { // 표현식 1이 false일 때 실행할 조건문 if (불 값을 리턴하는 표현식 3) { 표현식 3이 true일 .. 2024. 9. 14.

티스토리툴바