Hello World

개발을 할 때 사용하면 좋은 폰트 네이버에서 배포하는 무료 폰트이다. D2Coding github에 접속하여 최신 버전을 다운로드한다 https://github.com/naver/d2codingfont/releases naver/d2codingfont D2 Coding 글꼴. Contribute to naver/d2codingfont development by creating an account on GitHub. github.com

1. CSS란? - Cascading Style Sheets 는 documents가 사용자에게 어떻게 보여질까를 기술하는 언어이다. - HTML이 정보를 표현한다면 CSS는 HTML문서를 시각적으로 이쁘게 꾸며주는 역할을 한다. 2. CSS로 기대되는 효과? - 정보(HTML)와 디자인(CSS)를 분리하여 관리할 수 있다. - 정보를 수정하지 않고 디자인만 변경할 수 있다. > 태그마다 style 속성으로 주게 되면 소스코드가 지저분해 지는데, 분리하여 관리하게 되면 유지보수 및 가독성이 좋아진다. - 검색엔진이 HTML을 해석 가능하도록 하기 때문에 더 많은 방문자들이 방문할 수 있도록 유도할 수 있다. > 시각장애인을 위한 스크린리더 프로그램이 HTML문서를 해석하도록 할 수 있다.(웹접근성) 3. ..

꿀맛 같은 주말이 4시간 남았다. 내일 학원 갈 준비를 미리 해놓고 일찍 잠자리에 들어야지.. 토, 일요일은 늦은 오후까지 그동안 못 잤던 잠을 충분히 자고 가족과 오붓한 시간을 보냈다. 월요일이 몇시간 남지 않았다는 것 내일 일찍 일어나야 한다는 것 부담감이.. 흑 그리고 내일은 점심시간 서울 고용노동센터에 다녀와야 하는데 학원말고도 할 일이 많아 잠들기 전에 모르는용어 몇 개 정리하고 JavaScript와 웹 페이지 프로젝트 진행 상황을 정리해놓아야겠다.

1. 리팩터링이란무엇인가? 리팩터링은외부 동작을 바꾸지 않으면서 내부 구조를 개선하는 방법으로, 소프트웨어 시스템을 변경하는 프로세스이다. * 리팩터링 시 중요한 점 소프트웨어를 보다 이해하기 쉽고, 수정하기 쉽도록 만드는 것, 겉으로 보이는 소프트웨어의 기능을 변경하지 않는 것이다. 따라서, 리팩터링을 할 때는 기능을 추가해서는 안되고, 단지 코드의 구조에만 신경 써야 한다. 리팩터링은 가동 중인 프로그램을 취해서, 동작을 바꾸는 것이 아니라 우리가 빠른 속도로 개발할 수 있도록 하는 특성을 좀 더 많이 주어, 프로그램의 가치를 높이는 것이다. 한줄요약 : 소스코드를 가독성 있게 개선하는 것 출처: https://codereview.tistory.com/3 [Code Review]

JS 콘솔을 사용하는 이유 소스코드의 일부를 실행시켜 문제 여부를 바로 판단 가능 웹페이지 소스코드 분석 콘솔창 단축키 종류 (Chrom 기준) 상황 단축키 Chrom, Explorer콘솔창 띄우기 F12 Elements탭에서 콘솔창 실행 F12 누른후 ESC 콘솔창에서 방금 사용한 소스코드 사용 ↑ JS(Datatype)자료형 기본 자료형 (Primitive) 인 여섯가지 데이터 타입 Boolean true,false(논리타입) Null null(빈값) Undefined 값을 할당하지 않은 변수 (주의 Null과 다름) Null = Null이라는 값이 들어감 Undefined = 할당된 값이 없음 Number 정수 실수 모두 표현 +무한대, -무한대, and NaN (숫자가 아님)이 있다. String..

JavaScript란 HTML,CSS로 구성된 언어의 웹을 동적으로 표현 해주는 언어이다. (사용자와 상호작용) 그렇담 HTML에서 JS를 어떻게 사용할까? Event 와의 연동 1. HTML Attributes(속성)과의 연동 ex) 2. HTML element과의 연동 ex) document.querySelector('myimage'); tag에 id값을 준다음 JavaScript로 해당 tag컨트롤이 가능하다. Event란 어떠한 사건을 의미한다. 위 코드로 설명을 해보자면 버튼을 클릭하였을때 JS alert창을 띄어라 라는 뜻. Event종류는 여러가지가 있는대 대표적으로 onclock(왼쪽버튼클릭시), onload(문서로딩시) 등등이 있다.

https://disqus.com/ Disqus – The #1 way to build your audience Disqus offers the best add-on tools for websites to increase engagement. We help publishers power online discussions with comments and earn revenue with native advertising. disqus.com 출처 : 생활코딩

127.0.0.1

태그는 해당 영역이 어떤 역할을 해야 하는지 웹 브라우저에 알려주는 역할을 하게 됩니다. 예를 들어 p 태그로 감싸진 문장이 있다면, 웹 브라우저에서는 해당 문장 영역을 문단 (Paragraph)로 인식하게 되는 거죠. 태그가 없으면 브라우저는 해당 영역이 어떤 역할을 해야 할지 몰라서 그냥 텍스트로 표현해 주게 됩니다. 출처: https://crestia.tistory.com/23 [Project Crestia] HTML에는 구조를 나타내는 태그 외에도 수많은 태그가 존재합니다. 대부분의 HTML 태그는 여는(Opening) 태그와 닫는(Closing) 태그로 이루어져 있지만, 태그와 같이 홀로 쓰이는 태그도 있고 태그처럼 속성을 함께 사용하는 태그도 있습니다. 태그를 구성하는 요소는 아래와 같습니다...

다양한 UserAgent가 상호 호환이 가능한가에 대한 단어 줄여서 웹호환성 UserAgent : 사용자를 대신하여 일을 수행하는 소프트웨어'는 대개 웹 브라우저를 뜻한다