꿀팁모아

자바 스크립트 댓글(Comment) 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 주제는 JS Comment 입니다 1 서론 자바 스크립트 주석은 자바 스크립트 코드를 설명하고 더 읽기 쉽도록 만드는데 사용할 수 있는데요. JavaScript 주석은 대체 코드를 테스트할 때 실행을 방지하는 데도 사용할 수 있습니다. 왜 대체 파이썬, C++ 등과 같이 주석을 사용할까요? 어떠한 컴퓨터 프로그래밍 언어라도 주석은 무조건적으로 사용하는 것이 맞습니다. 예를 들어 설명을 하자면 하나의 게임 회사가 어플을 개발하였는데 그 어플을 업데이트 하기 위해 코드문은 건드렸다고 칩시다. 원래 있었던 개발자들이 아닌 새로 들어온 프로그래머가 주석 없는 프로그램을 만졌다가 그 어플이 만신창이로 바뀔 수 도 있습니다. 그렇기..

자바 스크립트 구문(Syntax) 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 주제는 자바 스크립트 구문(Syntax)입니다 1 서론 저번 포스팅에서 이야기 했던 JS statement에 이어서 오늘은 syntax에 대해서 알아보려고 해요. JS statement에서 다섯번째 이야기했던 키워드들 기억나시나요? 그것을 이용하여 구문을 어떻게 작성하는 건지 이야기하려고 합니다. 물론 다섯번째만 쓰이는 것이 아닌 세미콜론이라든가 문 사이에 줄 바꿈을 이용하는 것도 있습니다. 자바 스크립트 구문은 규칙의 집합이기에 앞으로 설명할 syntax들에 대해서 구체적으로 알려드릴 예정이니 잘 따라오시면 좋을 거 같습니다 JavaScript 구문은 두 가지 유형의 값을 정의합니다 1) 고정 값 2) 변수 값 >> 고정..

자바 스크립트 Statements 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 주제는 자바 스크립트(JS) statements 입니다 1 서론 자바 스크립트 JS program에 대하여 간단하게 설명하고 넘어가려고 합니다. 컴퓨터 프로그램은 컴퓨터에 의해 "실행"될 "명령"의 목록인데요. 자바 스크립트 프로그램은 프로그래밍 명령문의 목록입니다. 오늘 알아볼 것은 자바 스크립튼 문인데요. 영어로는 JavaScript Statements라 일컫고 약자로는 JS Statements라고 칭합니다. 자바 스크립트 문은 다음과 같이 구성하는데요. 값, 연산자, 표현식, 키워드 및 주석 등으로 구성된다고 보시면 될 거 같아요. 대부분의 자바 스크립트 프로그램에는 많은 자바 스크립트 문이 포함되어 있습니다. 명령문..

자바 스크립트 출력 안녕하세요 꿀팁모아의 희망주기입니다 저번 포스팅에 이어 오늘 다뤄볼 주제는 자바 스크립트 출력입니다 1 서론 오늘은 자바 스크립트 출력 (JavaScript Output)에 대하여 이야기 할 것인데요. 자바 스크립트는 여러 방법으로 데이터를 표시할 수 있습니다. InnerHTML을 사용하여 HTML 요소 쓰는 방법, document.write()를 사용하여 HTML 출력, window.alert()를 사용하여 경고 상자에 쓰기 그리고 마지막으로 console.log()를 사용하여 브라우저 콘솔 쓰기가 있습니다. 이외에도 더 많은 방법이 있지만 이 4개를 중심적으로 다뤄 이야기 해볼게요 ㅎㅎ 2 본론 2-1 내부 HTML 사용 HTML 요소에 엑세스하기 위해서 document.getEl..

자바 스크립트(JavaScript)란? 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 것은 바로 Java Script 입니다 1 서론 자바 스크립트(Java Script)는 세계에서 가장 인기있는 프로그래밍 언어 중 하나인데요. 자바 스크립트는 웹의 프로그래밍 언어입니다. 웹 페이지의 내용을 정의하는 것이 HTML 이었고, 웹 페이지의 레이아웃을 지정하는 것이 CSS 였습니다. 그렇다면, 자바 스크립트(Java Script)는 무엇일까요? 결론부터 이야기하자면, 웹 페이지의 동작을 프로그래밍 하는 것이 바로 자바 스크립트 입니다. JavaScript는 멀티-패러다임 언어로 명령형, 함수형, 객체 지향형 언어라고 보시면 편할 거 같아요. 기본적으로는 함수가 일급 시민으로 취급되는 언어로써 함수형 프로그래..

HTML CSS 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 주제는 HTML CSS 입니다 1 CSS CSS 는 계단식 스타일 시트의 약자인데요. CSS 많은 작업을 저장할 수 있어요. 한 번에 여러 웹 페이지의 레이아웃을 제어할 수 있기도 하구요 ㅎㅎ CSS를 사용하면 색상, 글꼴, 텍스트 크기, 요소 사이의 간격, 요소의 위치 및 배치 방법, 사용할 배경 이미지 또는 배경색, 다양한 장치 및 화면 크기에 대한 다양한 디스플레이 등을 제어할 수 있습니다. 계단식 스타일? 그게 뭘까요? 계단식이라는 단어는 부모 요소에 적용한 스타일이 부모 내의 모든 자식 요소에도 적용된다는 것을 의미하는데요. 따라서 본문 텍스트의 색상을 "파란색"으로 설정하게 되면 본문 내의 모든 제목, 단락 및 기타 텍스트 요소도..

HTML 댓글 및 색상 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 주제는 HTML 댓글과 색상입니다 1 서론 HTML의 정의부터 시작해서 편집하는 방법 그리고 그외 기본 다른 요소들에 대해서 많이 알아보았는데요. 앞으로 조금만 더 기본기를 다루고 더 깊게 들어가려고 합니다. 그러기 위해선, 앞으로 있을 기본기들과 지난 포스팅을 잘 복습하시면 따라오기 편할 듯해요 ㅎㅎ 이번 포스팅에서 댓글과 색상에 대하여 이야기 하려고 합니다. HTML 주석에 대하여 물어보시는 분들이 많으신데.. HTML 주석은 브라우저에 표시되지 않지만 HTML 소스 코드를 문서화하는데 도움이 될 수 있어요. 그럼 이제 시작해볼게요 ㅎㅎ 2 HTML 댓글 태그 및 추가 다음 구문을 사용하여 HTML 소스에 주석을 추가할 수 있는데..

HTML 인용문 및 인용 요소 안녕하세요 꿀팁모아의 희망주기입니다 저번 시간에 이어 오늘은 인용문에 대해서 알아보도록 하겠습니다 1 HTML 인용문 는 블록 따옴표 인용문으로 다른 소스에서 인용된 섹션을 정의할 때 쓰는 요소인데요. 브라우저는 일반적으로 이 요소를 들여 씁니다. 2 HTML 짧은 인용문 는 HTML에 있어 짧은 인용문을 정의할 때 쓰는 요소인데요. 일반적으로 따옴표를 삽입합니다. 3 HTML 약어 HTML 태그는 "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM"과 같은 약어 또는 약어를 정의하는데요. 약어 표시는 브라우저, 번역 시스템 및 검색 엔진에 유용한 정보를 제공할 수 있어요. 전역 title 속성을 사용하여 요소 위로 마우스를 이동할 때 약어/약어에 대..

HTML 텍스트 서식 지정 안녕하세요 꿀팁모아의 희망주기입니다 저번 포스팅에 이어서 오늘 알아볼 주제는 HTML 텍스트 서식 지정입니다 1 텍스트 서식 지정 HTML 에는 특별한 의미로 텍스트를 정의하기 위한 몇 가지 요소가 포함되어 있습니다. 서식 지정 요소는 특별한 유형의 텍스트를 표시하도록 설계가 되었다는 말과 같은 의미를 갖죠 ㅎㅎ 1) - 대담한 텍스트 2) - 중요한 텍스트 3) - 기울임꼴 텍스트 4) - 강조 텍스트 5) - 표시된 텍스트 6) - 작은 텍스트 7) - 삭제된 텍스트 8) - 삽입된 텍스트 9) - 아래 첨자 텍스트 10) - 위 첨자 텍스트 2 HTML 및 요소 HTML 요소는 별도의 중요성 없이 굵은 텍스트를 정의를 하는데 사용이 됩니다. HTML 요소는 매우 중요한 텍..

HTML 스타일 안녕하세요 꿀팁모아의 희망주기 입니다 저번 포스팅에 이어서 오늘은 HTML 속성 중에 Style에 대하여 자세히 알아볼 예정입니다 1 HTML Style HTML style 속성은 색상, 글꼴, 크기 등과 같은 스타일을 요소에 추가하는데 사용이 됩니다. HTML 의 글꼴 스타일을 설정하는 것은 style 이라는 속성 값을 이용하여 설정할 수 있으며 다음과 같이 설정하시면 됩니다. 속성은 css 속성이며 값은 css 입니다. CSS가 뭐지 싶으신 분들이 계실거 같기도 한데... 흐음.. CSS 부분 역시 카테고리 안에 있으니 조만간 올릴 포스팅에서 참고 하시면 될 거 같아요. 2 배경색 CSS 속성인 backgroud-color을 이용하여 HTML의 배경색을 정의합니다. 배경색 1의 경우 ..