분류 전체보기 164

HTML, CSS, JS의 관계 & codepen.io 활용방법

안녕하세요! 조신선입니다. 원래는 CSS 기초 문법을 작성하려고 했지만, 자바 삼총사의 개념을 먼저 잡는 것이 좋을 것 같아서 JAVA의 기초인 삼총사를 먼저 간단하게 짚고 넘어가도록 하겠습니다. 삼총사 HTML, CSS, JS는 웹 개발에서 가장 중요한 프론트엔드 언어입니다. 각 언어의 역할과 관계는 다음과 같습니다. 언어역할예시 CSS 웹 페이지의 스타일과 레이아웃을 정의하는 스타일 시트 언어 color, font-size, margin, padding, border 등 JavaScript 웹 페이지의 동적인 기능을 담당하는 스크립트 언어 이벤트 핸들러, DOM 조작, AJAX 통신, 애니메이션 등 HTML 웹 페이지의 구조와 콘텐츠를 정의하는 마크업 언어 , , , , , 등 HTML은 웹 페이지의..

HTML 기초 문법 강의

안녕하세요. 조신선입니다. 오늘은 HTML 기초 문법에 대한 포스팅을 하도록 하겠습니다. HTML (Hypertext Markup Language)은 웹 페이지의 구조와 내용을 정의하는 마크업 언어입니다. HTML은 웹 브라우저에게 어떤 내용을 표시하고 어떻게 구조화할지를 알려줍니다. 아래는 HTML의 기초적인 문법을 설명해드리겠습니다. 1. 태그 (Tags): HTML은 태그를 사용하여 요소를 정의합니다. 예를 들어, 태그는 단락을 정의하고, 태그는 제목을 정의합니다. 이것은 단락입니다. 이것은 제목입니다. 2. 속성 (Attributes): 태그에는 속성을 추가하여 추가적인 정보를 제공할 수 있습니다. 예를 들어, 태그에는 src 속성을 사용하여 이미지의 파일 경로를 지정합니다. 이곳을 클릭하세요 3..

JS 기초 문법

안녕하세요! 조신선입니다🪐. 오늘은 JS 기초문법을 알아보도록 하겠습니다. JavaScript(종종 JS로 축약됨)는 개발자가 웹 페이지에 동적 및 대화형 기능을 추가할 수 있도록 하는 널리 사용되는 프로그래밍 언어입니다. 주로 프런트 엔드 웹 개발에 사용되며 대화형 사용자 인터페이스 생성, 사용자 이벤트 처리, 서버에 대한 비동기 요청 생성이 가능합니다. JavaScript는 동적으로 입력되는 언어입니다. 즉, 변수는 모든 데이터 유형의 값을 보유할 수 있으며 해당 유형은 런타임에 변경될 수 있습니다. 객체 지향, 명령형 및 기능적 프로그래밍 패러다임을 지원하므로 광범위한 개발 작업에 다용도로 사용할 수 있습니다. JavaScript의 몇 가지 주요 기능은 다음과 같습니다. 변수: JavaScript는..