728x90 CSS4 [프론트엔드] JavaScript 기초: 웹을 동적으로 만드는 프로그래밍 언어 오늘은 웹 개발의 중심에 있는 프로그래밍 언어, JavaScript에 대해 알아보겠습니다. HTML과 CSS가 웹의 뼈대와 스타일을 담당한다면, JavaScript는 웹을 생동감 있게 만듭니다. JavaScript란? JavaScript는 1995년에 넷스케이프사에서 처음 개발되었습니다. 원래 명칭은 ‘모카’였으나, 이후 ‘라이브 스크립트’를 거쳐 현재의 ‘자바스크립트’로 명명되었습니다. 표준명칭은 ECMAScript입니다. 웹페이지에서 동작하는 프로그램을 만들 때 사용 HTML, CSS를 프로그래밍적으로 제어 가능 웹브라우저 외의 환경에서도 사용 가능 (예: 서버프로그래밍) 정적 웹 vs 동적 웹 HTML과 CSS는 정적인 웹 페이지를 만들기 위한 언어입니다. 즉, 사용자의 상호작용에 따라 변경되지 않.. 2023. 8. 31. [프론트엔드] CSS 개발 공부 : 사용자와 직접적으로 상호작용하는 인터페이스 CSS 개발 공부 : 사용자와 직접적으로 상호작용하는 인터페이스 CSS는 사용자와 직접적으로 상호작용하는 인터페이스를 구현하는 중요한 작업입니다. HTML과 CSS를 이용한 실제 게시판 디자인 작업을 통해, 개발자가 어떤 일을 하는지 체험하고 이해할 수 있었습니다. 프론트엔드 개발은 웹 애플리케이션의 사용자 경험을 결정하는 핵심적인 부분 중 하나입니다. 특히 CSS는 사용자와의 직접적 상호작용을 구현하는 데 중요한 역할을 합니다. 이번에는 HTML과 CSS를 사용하여 실제 게시판 디자인을 해보면서 프론트엔드 개발자가 하는 일을 직접 경험하고 이해해 보았습니다. Float vs. Flex Float 정의: 요소가 보통 흐름에서 벗어나 텍스트 및 인라인 요소가 그 주위를 감싸 해당 요소에 좌 우측에 배치되게.. 2023. 8. 30. [프론트엔드] CSS: 웹 디자인과 레이아웃을 위한 필수 기술 CSS (Cascading Style Sheets)는 웹 개발에서 사용되는 스타일 시트 언어로, HTML이나 XML과 같은 마크업 언어로 작성된 문서의 표현 방법을 정의합니다. 이를 통해 웹 페이지의 디자인, 레이아웃, 그리고 보여지는 방식을 조절할 수 있습니다. CSS는 웹 디자인 및 개발에서 중요한 부분을 차지하며, 그 중요성은 계속해서 증가하고 있습니다. Cascading이란, 여러 스타일 규칙 중 어떤 것을 우선적으로 적용할지 결정하는 규칙을 말합니다. 이것은 스타일 우선순위에 관한 개념으로, 같은 요소에 여러 가지 스타일 규칙이 적용될 때 적용 우선순위를 결정하기 위해 사용됩니다. 이는 HTML 문서의 스타일을 보다 유연하게 제어할 수 있도록 해줍니다. CSS의 장점에는 다음과 같은 것들이 있습.. 2023. 8. 28. [프론트엔드] HTML과 CSS를 통해 웹 페이지 디자인과 구조를 제어하는 방법 HTML과 CSS는 웹 개발에서 핵심적인 기술로, 웹 페이지의 구조와 디자인을 담당합니다. HTML은 웹 페이지의 구조를 정의하고, CSS는 이를 스타일링하여 사용자에게 보기 좋은 형태로 표현합니다. HTML 태그를 사용하여 웹 페이지의 요소를 정의하고, CSS를 이용하여 이를 꾸밈으로써 사용자 경험을 향상시킬 수 있습니다. 예를 들어, 태그를 사용하여 CSS 코드를 삽입하면, 웹 페이지의 특정 요소에 스타일을 적용할 수 있습니다. 또한 클래스 선택자를 사용하여 여러 요소에 동일한 스타일을 적용할 수 있습니다. CSS의 우선순위는 구체적인 것이 포괄적인 것보다 높으며, ID 선택자는 일반적인 선택자보다 우선순위가 높습니다. 이를 활용하여 웹 페이지의 특정 요소에 우선적으로 스타일을 적용할 수 있습니다. .. 2023. 8. 14. 이전 1 다음 728x90
