728x90 HTML4 [프론트엔드] JavaScript 기초: 웹을 동적으로 만드는 프로그래밍 언어 오늘은 웹 개발의 중심에 있는 프로그래밍 언어, JavaScript에 대해 알아보겠습니다. HTML과 CSS가 웹의 뼈대와 스타일을 담당한다면, JavaScript는 웹을 생동감 있게 만듭니다. JavaScript란? JavaScript는 1995년에 넷스케이프사에서 처음 개발되었습니다. 원래 명칭은 ‘모카’였으나, 이후 ‘라이브 스크립트’를 거쳐 현재의 ‘자바스크립트’로 명명되었습니다. 표준명칭은 ECMAScript입니다. 웹페이지에서 동작하는 프로그램을 만들 때 사용 HTML, CSS를 프로그래밍적으로 제어 가능 웹브라우저 외의 환경에서도 사용 가능 (예: 서버프로그래밍) 정적 웹 vs 동적 웹 HTML과 CSS는 정적인 웹 페이지를 만들기 위한 언어입니다. 즉, 사용자의 상호작용에 따라 변경되지 않.. 2023. 8. 31. [프론트엔드] 자바스크립트 이벤트 처리: 웹 페이지의 상호작용을 향상시키는 방법 자바스크립트 이벤트 처리: 웹 페이지의 상호작용을 향상시키는 방법 자바스크립트를 활용하는 법 자바스크립트를 활용하여 웹 페이지를 보다 동적이고 사용자 친화적으로 만들 수 있습니다. 이를 위해 자바스크립트의 핵심인 이벤트 처리를 다루는 방법에 대해 알아보겠습니다. 이 글에서는 버튼 클릭, 입력 필드 변화 등 다양한 이벤트에 대한 처리 방법과 예시 코드를 제공할 것입니다. 첫째로, 버튼 클릭에 반응하는 예시 코드를 살펴보겠습니다. WEB 위 코드는 두 개의 버튼을 생성하고, 각 버튼을 클릭할 때마다 웹 페이지의 배경색과 텍스트 색상을 변경하는 기능을 구현한 예시입니다. 둘째로, 입력 필드 변화에 반응하는 예시 코드를 살펴보겠습니다. Javascript Javascript is dynamic language .. 2023. 8. 14. [프론트엔드] HTML과 CSS를 통해 웹 페이지 디자인과 구조를 제어하는 방법 HTML과 CSS는 웹 개발에서 핵심적인 기술로, 웹 페이지의 구조와 디자인을 담당합니다. HTML은 웹 페이지의 구조를 정의하고, CSS는 이를 스타일링하여 사용자에게 보기 좋은 형태로 표현합니다. HTML 태그를 사용하여 웹 페이지의 요소를 정의하고, CSS를 이용하여 이를 꾸밈으로써 사용자 경험을 향상시킬 수 있습니다. 예를 들어, 태그를 사용하여 CSS 코드를 삽입하면, 웹 페이지의 특정 요소에 스타일을 적용할 수 있습니다. 또한 클래스 선택자를 사용하여 여러 요소에 동일한 스타일을 적용할 수 있습니다. CSS의 우선순위는 구체적인 것이 포괄적인 것보다 높으며, ID 선택자는 일반적인 선택자보다 우선순위가 높습니다. 이를 활용하여 웹 페이지의 특정 요소에 우선적으로 스타일을 적용할 수 있습니다. .. 2023. 8. 14. [프론트엔드] 코드할때 잘 쓰이는 Html 태그 정리 HTML 태그들을 활용하여 웹 페이지를 구성하는 것은 매우 중요합니다. 이러한 태그들은 웹 페이지의 구조를 정의하고 콘텐츠를 구성하는 데에 필수적입니다. 그렇기에 각 태그의 기능과 사용법을 잘 이해하는 것이 중요합니다. 예를 들어, 태그 안에는 웹 페이지의 메타 정보를 포함시킬 수 있습니다. 이는 검색 엔진 최적화(SEO)를 위한 정보나 문자 인코딩 방식을 설정하는 등의 역할을 합니다. 또한 태그를 사용하여 웹 브라우저의 제목 표시줄에 나타날 제목을 정의할 수 있습니다. 이는 사용자가 웹 페이지를 식별하고 이용하는 데에 도움이 됩니다. 태그 안에는 실제로 사용자에게 보여지는 콘텐츠를 포함시킬 수 있습니다. 태그를 사용하여 구역을 나누고 CSS를 통해 스타일을 적용할 수 있습니다. 또한 태그를 사용하여 단.. 2023. 8. 11. 이전 1 다음 728x90
