CS Knowledge (4) 썸네일형 리스트형 XMLHttpRequest 나는 "자바스크립트 완벽 가이드 6판"을 참고하여 공부했는데, 새롭게 나온 "JavaScript: The Definitive Guide, 7th Edition" 원본에는 이렇게 써있다. GOODBYE XMLHTTPREQUEST The fetch() API replaces the baroque and misleadingly named XMLHttpRequest API (which has nothing to do with XML). 사실 나도 fetch() 쓴다. 그렇지만 XMLHttpRequest를 이해하면 HTTP 스크립팅 이해에 도움이 될 것 같아서 공부하려고 한다. HTTP(HyperText Transfer Protocol) : 웹 브라우저가 서버로부터 문서를 전송받거나 폼의 내용을 보내는 방법, 그.. DOM & BOM DOM이라는 단어를 처음 들었을 때가 xml 프로그래밍 수업을 들었을 때다. 아마 html을 배우면서 들었을 가능성이 매우 높지만, xml ㅇㅇㅇ교수님이 DOM구조를 매우 강조하셔서 더욱 기억에 남는 것일수도 있다. 간단한 html 파일을 한 번 만들어보자. 안녕 여러분s 사실 DOM구조가 궁금하지는 않아 그래도 똥멍청이가 될 수는 없잖아? 이 파일을 실행시켜 보면 아래와 같이 브라우저에 나타날 것이다. 이게 어떻게 가능할까. 우리는 고작 코드 덩어리 몇 줄을 적었을 뿐인데 어떻게 브라우저는 이것을 내가 쓴 대로 보여주는 것일까. 웹 브라우저(Chrome)는 HTML 코드를 해석해 화면을 통해 보여준다 (이것을 렌더링이라고 부른다). 브라우저는 HTML을 해석할 때, 오른쪽 그림과 같이 요소들을 트리형태.. Prototype, 프로토타입 👇🏻 참조 수준이 아니라 그대로 갖다가 글로 옮긴 거기 때문에 꼭 영상보기를 강추한돠 더보기 https://www.youtube.com/watch?v=wUgmzvExL_E 설명의 신... Prototype 프로토타입 | 제품이 출시되기 전의 원래의 형태 또는 전형적인 예, 기초, 표준 나는 프로젝트를 할 때 필요에 의해서 종종 UI를 디자인하는 경우가 있다. 디자인할 때, 피그마를 이용하는데 여기에서 Prototype이라는 단어가 굉장히 많이 쓰인다. UI 디자인은 웹 서비스나 어플을 출시하기 전에 사용자가 보게 될 화면을 만드는 것인데 이것을 '프로토타입을 작성한다'라고 한다. 그러면, 프로그래밍 언어에서 Prototype이란 무엇일까. 사실, 프로토타입은 거지같게도 자바스크립트에만 있는 특이한 문법이.. Semantic Markup, 시맨틱 마크업 Semantic 의미론적 Markup 태그를 사용하는 컴퓨터 언어(HTML과 같은) Semantic Markup 의미가 있는 태그를 사용하는 컴퓨터 언어 먼저 의미가 있는 태그란 무엇인지 알아보자 A : , B : , A,B는 둘 다 HTML의 태그이다. 하지만, 둘 중 하나는 semantic, 다른 하나는 non-semantic 요소이다. 어떤 것이 의미가 있는 태그일까? 정답은 B이다. 태그는 사용자에게 입력받는 "형식"이라는 것을 알 수 있고, 은 "표"를 의미한다는 것을 알 수 있다. 반면에 와 은 class나 id를 읽기 전까지는 어떤 컨텐츠를 가지고 있는지 알 수가 없다. 즉, 의미가 있는 태그는 컨텐츠의 목적과 내용을 알 수 있게 해주는 태그를 말한다. semantic tag를 사용하는 이유.. 이전 1 다음
