월횽

안녕하세요! 프로그래밍 도구에 대해 소개하려는 "월횽입니다. 초보자들에게 추천하는 세 가지 무료 도구를 소개하고, 장단점에 대해 설명해드릴게요. 3위 - 메모장(NotePad): 윈도우 사용자에게 무료로 제공되는 간단한 프로그래밍 도구입니다. · 장점: 프로그래밍 기초를 접할 수 있습니다. 윈도우 사용자에게 무료로 제공됩니다. · 단점: 기능에 제한이 있습니다. 코드의 색상 구분이 없어 긴 코드를 작성할 경우 구분이 어렵습니다. 코드 애니웨어(CodeAnyWhere) 공식 홈페이지 2위 - 코드애니웨어(CodeAnyWhere): 웹사이트에서 접속해서 사용할 수 있는 무설치형 프로그램입니다. · 장점: 설치 필요 없이 간편하게 사용할 수 있습니다. 저장공간을 사용하지 않습니다. · 단점: 사용 시 홈페이지..

안녕하세요! 저는 "진로상담&진로 강연"을 하는 박진형입니다. 오늘은 17강에서 **타이틀 (Title)**에 대해 알아보겠습니다. 타이틀이란 웹사이트의 이름을 나타내는 요소입니다. 매장에 들어갈 때 매장 이름을 아는 것처럼, 사용자는 타이틀을 통해 사이트 이름을 알 수 있습니다. 타이틀 사용 방법 타이틀은 이렇게 사용하면 사이트 제목이 "자스트"라는 것을 알릴 수 있습니다. 검색창에 "자스트"를 입력하면 만든 홈페이지 또는 블로그가 나옵니다. 오늘 수업을 따라오시면서 어려운 점이 있다면 댓글로 알려주세요. 오늘 하루도 복습하시고 좋은 하루 보내세요!

안녕하세요! 진로 상담 및 강연을 하는 월횽(박진형)입니다. 오늘은 Iframe 수업을 진행할 예정입니다. Iframe이 무엇인지, 어떻게 사용하는지 예제를 통해 살펴보겠습니다. Iframe이란? Iframe은 웹페이지의 HTML 코드 안에 다른 HTML 페이지를 삽입하는 방법입니다. 또 다른 HTML 프레임을 포함하는 것이기 때문에 인라인 프레임이라고도 합니다. Iframe 사용 방법 Iframe을 사용하려면 HTML 코드에서 다음과 같이 작성합니다: 1. 태그를 사용하여 Iframe을 열어줍니다. 2. src="" 속성에 표시할 웹 페이지의 URL을 넣습니다. 3. 태그로 Iframe을 닫습니다. 예를 들어, https://jast.tistory.com/ 라는 웹 페이지를 표시하려면 다음과 같이 작성..

안녕하세요! "월횽(박진형)"입니다. 오늘은 15강에서 "아이디 속성 (ID Property)"에 대해 알아보려고 합니다. 이전 강의인 [14강 - Class (클래스)]도 함께 확인하시면 도움이 됩니다. 아이디 속성 (ID Property)란? 아이디 속성은 HTML 문서에서 요소에 고유한 ID를 지정하는 것입니다. 게임을 할 때 고유한 게임 ID를 부여받는 것과 비슷합니다. 예를 들어, 코딩 중 특정 부분에 ID를 지정해줄 수 있습니다. 이렇게 하면 이 ID를 사용하여 요소를 식별할 수 있습니다. 아이디 속성 (ID Property)의 용도 아이디 속성은 이후에 배우게 될 CSS나 JavaScript에서 지정된 ID를 사용하여 요소를 수정하거나 꾸밀 수 있습니다. CSS에서는 해시태그(#)를 사용하여..

안녕하세요! "진로상담&진로 강연"하는 남자 "월횽(박진형)”입니다. 오늘은 14강 - 클래스 (Class) 수업을 진행해보려고 합니다. 클래스 (Class) 수업에서는 클래스 (Class)는 무엇인지 사용 방법은 어떤 방법으로 사용하는지 알아보려고 합니다. 클래스 (Class) 수업을 진행하기 전에 [ 13강 - 인라인 엘리먼트 ] 또는 [ 12강 - 블록 레벨 엘리먼트 ] 수업을 먼저 진행하는 방법을 권장해드립니다. 그럼 수업을 시작해보겠습니다. 클래스 (Class) 란..? 우리가 기존에 배웠던 블록 레벨 엘리먼트 로 예시를 들어보겠습니다. 우리는 이전 예시에서 아래와 같은 예시를 사용했었는데요. 예시 1) 내용1 내용2 내용3 내용4 예시에 div 태그를 적용하는 방법은 아래와 같이 적용 했었습니..

안녕하세요! "진로상담&진로 강연"하는 남자 "월횽(박진형)”입니다. 오늘 진행하려고 하는 수업은 13강 인라인 엘리먼트 (Inline elements) 입니다. 혹여나 인라인 엘리먼트와 반대의 블록 레벨 엘리먼트 자료가 필요하시다면 [ 12강 - 블록 레벨 엘리먼트 ] 수업을 꼭 확인해주세요! 그럼 수업을 시작하도록 하겠습니다. 인라인 엘리먼트 (Inline elements) 란..? 인라인 엘리먼트 (Inline elements) 는 블록 레벨 엘리먼트와 다르게 좌, 우 가로 영역으로 쌓아가는 태그라고 생각하시면 됩니다. 인라인 엘리먼트는 태그를 가장 많이 사용하는데요. 우리 수업에서는 태그를 통해서 인라인 엘리먼트를 알아보는 수업을 진행하겠습니다. 인라인 엘리먼트 (Inline elements) 사..

안녕하세요! "진로상담&진로 강연"하는 남자 "월횽(박진형)”입니다. 오늘은 12강 - 블록 레벨 엘리먼트 (Block level Elements) 에 대해서 알아보는 시간을 만들게 되었는데요. 블록 엘리먼트에 대해 간단하게 개념을 알아보고 예시를 통해 어떤 방법으로 사용하는 것인지 알아보려고 합니다. 그리고 다음 수업에서는 블록 엘리먼트와 다른 인라인 엘리먼트에 대해 알아보려고 하는데요. 우선은 오늘 진행할 수업 블록 레벨 엘리먼트에 대해서 기본적인 이론부터 함께 알아보도록 하겠습니다. 블록 레벨 엘리먼트 (Block level Elements) 란..? 블록 레벨 엘리먼트는 말 그대로 블록처럼 아래서 위로 하나씩 쌓아 올리는 태그라고 생각하시면 이해하기 쉽습니다. 블록 레벨 엘리먼트에는 , ~ 등이 ..

안녕하세요! "진로상담&진로 강연"하는 남자 "월횽(박진형)”입니다. 오늘은 11강 링크 태그 (Link Tag) 에 대해서 알아보는 시간을 만들게 되었습니다. 오늘 수업도 여러분에게 유익한 수업이 되었으면 좋겠습니다. 그럼 링크 태그에 대해서 알아보겠습니다. 링크 태그 (Link Tag) 란..? 링크 태그의 기본은 태그를 사용하는 방법입니다. 그리고 링크 태그에는 두 가지의 방법이 있는데요. 우리가 지금 보고 있는 텍스트에 링크를 삽입하는 방법 또는 이미지에 링크를 삽입하는 방법이 있습니다. 오늘 두 가지에 대해서 모두 알아보겠습니다. 우선 텍스트에 링크를 사용하는 방법에 대해서 알아보도록 하겠습니다. 텍스트에 링크를 적용하는 방법 우선 기본적으로 우리가 사용하는 텍스트에 링크를 사용하는 방법인데요...

안녕하세요! "진로상담&진로 강연"하는 남자 "월횽(박진형)”입니다. 오늘은 10강 주석 태그 (Comment Tag) 에 대해서 알아보는 시간을 만들었는데요. 오늘 수업도 여러분에게 유익한 수업이 되었으면 좋겠습니다. 그럼 오늘 수업을 지금 바로 시작하도록 해보겠습니다. 주석 태그 (Comment Tag) 란..? 주석 태그는 우리가 웹사이트를 다른 사람들에게 보여줄 때 보여주고 싶지 않은 부분이 있죠? 그 부분을 코딩으로 웹사이트야 여기부터 여기까지는 다른 사람들이 볼 수 없게 만들어줘! 라고 말하는 태그 라고 생각하시면 조금 수월하게 이해가 가능합니다. 주석 태그 (Comment Tag) 사용법 주석 태그의 사용 방법은 매우 간단합니다. 내가 보여주고 싶지 않은 부분의 맨 앞 부분에 이 표시를 해주..

안녕하세요! "진로상담&진로 강연"하는 남자 "월횽(박진형)”입니다. 오늘은 9강 리스트를 나타내는 태그의 수업을 진행해보려고 하는데요. 리스트를 타나내는 태그에 대해서 수업을 바로 같이 진행해보겠습니다. 리스트를 나타내는 태그란..? 리스트를 나타내는 태그란 우리가 리스트를 나타낼 때 사용하는 태그입니다. 예를 들어서 수업의 목차를 작성할 때 1. 기초 2. 초급 3. 중급 4. 고급 이런 방법으로 리스트 목록 형태를 만들지 않나요? 이렇게 리스트 형태를 만들 때 사용하는 태그가 , , 태그 입니다. 하지만 3 가지의 태그가 약간씩 다르기 때문에 3 가지의 리스트 태그에 대해서 알아보도록 하겠습니다. 우선 태그에 대해서 알아보겠습니다. li Tag 는 자식 태그라고 생각하시면 됩니다. 때문에 자식은 부..