IT_susu

document.querySelectorAll('p').setAttribute('title', '단락태그');

normalDefault value. Sets the content, if specified, to normal, which default is "none" (which is nothing)Try it »noneSets the content, if specified, to nothingTry it »counterSets the content as a counterTry it »attr(attribute)Sets the content as one of the selector's attributeTry it »stringSets the content to the text you specifyTry it »open-quoteSets the content to be an opening quoteTry it »c..

자바스크립트를 써보기도 전에 제이쿼리를 접하고, 제이쿼리 문법이 자바스크립트 문법인 줄 알았던 무지한 과거는 뒤로 한 채,다시 새롭게 자바스크립트를 공부해 봅시다. 제이쿼리 문법이 간결하고 편하긴 하지만...요즘은 옛날처럼 제이쿼리로만 모든 걸 해결하는 시대는 막을 내리고 있으니어떤 플러그인이나 라이브러리가 와도 잘 사용할 수 있도록 바닐라 자바스크립트를 익혀놉시다 :) DOM 선택 메서드DOM은 html, xml, svg 문서를 위한 프로그래밍 인터페이스입니다.문서의 구조화된 표현 양식을 트리 형태로 제공하며, dom은 트리에 대한 접근을 허용하는 메서드를 규정하고, 해당 메서드는 문서의 구조, 양식, 내용을 변경할 수 있습니다.자바스크립트 언어의 한 부분은 아니지만 웹페이지와 스크립트 혹은 프로그래밍..

blockquote - 블락요소 인용문q - 인라인 요소 인용문cite - 출처, 발언자 따옴표로 대체 가능함.

목록에도 여러 종류가 있습니다.순차적 목록인 ol-li비순차적 목록인 ul-li설명 목록인 dl-dt-dd ol 혹은 ul과 li사이에는 다른 요소가 오면 안되며,li안에는 여러가지 태그가 올 수 있습니다. 설명목록은 dl로 감싸고 그 안에 몇개의 dt, 몇개의 dd가 있을 수 있습니다.

페이지 내 링크를 이동하는 앵커와 다른페이지로 이동하는 하이퍼링크에 대해 알아봅시다.html태그에서 a태그는 다른 곳으로 이동하는 태그입니다. 이는 문서간의 연결을 가능하게 하여 하나의 문서가 아닌 여러개의 문서를 넘나들며 볼 수 있게 되었습니다. 이때 다른 문서의 경로를 적어야 그 주소대로 찾아 연결이 가능할텐데요.경로에는 3가지가 있습니다. 1. 절대경로url로 이루어진 웹사이트의 리소스 위치 경로.https: // tistory.com/admin/entry scheme : https://domain : tistory.compath : /admin/entry : 폴더 경로2. 상대경로현재 문서를 기준으로 상대적으로 다른 문서가 존재하는 위치를 설정ex) ../../img/1.header/backgro..

멀티미디어 콘텐츠를 담아봅시다. 1. img이미지를 담는 태그. 정말 많이 사용되겠죠? 이미지를 불러온 후, 크롬 개발자도구 network창을 열어보면 이미지가 따로 로드되는 것을 볼 수 있습니다.이미지는 html파일 안에 포함되지 않고 링크로 연결되어 따로 불러와지는 것이며,이렇게 하는 이유는 전체 로드시간을 줄이기 위함입니다. 이미지의 종류는 gif - 간단한 애니메이션을 만들때 좋으나 색이 다양하진 않다. 투명처리도 png보다는 퀄리티가 떨어진다.png - 투명처리에 탁월해서 로고나 아이콘에 좋음. 그러나 사진을 처리하기엔 용량이 크다.jpg - 사진 처리에 최적화되어 있음. 색도 다양하고 압축률도 좋음.svg - 위의 세개는 비트맵 형식이나 svg는 벡터 형식이므로 크기조정에도 이미지 깨짐이 없음.

html 태그의 종류를 나누는 것은 html이 어떤 컨텐츠들을 담을 수 있고, 어디까지 기능을 할 수 있는지를 가늠하는 척도와 같습니다. 첫번째, 컨텐츠의 고전! 텍스트를 담는 태그를 알아봅시다. 1. heading 태그h1~h6h1은 한 번만 사용중요도를 알려주며 문서의 구조를 나타냄. 2. paragraph 태그단락을 나눔. 3. br태그라인 브레이크. 줄바꿈에만 사용하며 단락을 구분하겠다고 br을 여러번 사용하는 것은 금지한다.오류가 나는 것은 아니지만 의미에도 맞지 않고, 예전 사용방식이며 그런 경우는 p로 감싼다.

컴퓨터가 이해하는 기계어와 인간이 이해하는 고급언어를 이어주는 컴파일러를 통해 소통이 가능하다. 고급언어- 인간이 이해할 수 있는 프로그래밍 언어- C, javascript, html 등등..- 기계어를 추상화하여 만든 언어- 시스템에 상관없이 언어 사용 가능- 컴파일 과정에서 불필요한 instruction이 생성되므로 속도가 비교적 느림 컴파일러- 고급언어를 어셈블리어로 변환 어셈블리어- 컴파일러로 생성된 언어- 어셈블러에 의해 기계어로 번역됨.- 컴파일러나 어셈블러가 발생시키는 instruction이 적으므로 속도가 빠름- 기계적 사고방식을 강요하기 때문에 프로그램 구성을 위한 소요가 큼 기계어- 컴퓨터가 이해할 수 있는 비트들의 집합- 숫자 하나가 비트 시스템 소프트웨어- 하드웨어와 어플리케이션 소..

컴퓨터의 구성요소를 살펴보고, 컴퓨터에 대해 좀 더 자세히 알아봅시다. * 컴퓨터의 구성요소입력(input) : 데이터를 입력하기 위한 컴퓨터의 외부장치출력(output) : 컴퓨터에서 처리된 결과를 출력해주는 외부장치메모리(memory) : 레지스터의 용량이 작아서 생긴 부품- RAM : 휘발성 데이터- ROM : 비휘발성 데이터- 캐시 : 최근사용한 데이터데이터패스(data path) : 산술연산제어유닛(control)- 레지스터 : 연산에 필요한 데이터나 연산결과를 임시로 저장하는 공간.