웹 튜터링 2차 과제

<새로 알게 된 점>

 

1. 코드 정리의 도구 : 함수, 객체, 파일

 

2. 여러가지 파일을 다운받는다면 웹 서버 입장에서는 안 좋지만(접속은 적을 수록 좋다.) 그럼에도 불구하고 파일을 사용하는 것이 더 효율적인 이유

> 캐시(cache : 저장한다) 때문에.

한 번 웹 브라우저에 다운로드 된 파일은 보통 웹 브라우저가 컴퓨터에 저장하고 다음에 접속할 때 저장된 파일을 읽어서 네트워크를 통하지 않게 한다. 그렇게 된다면 서버 입장에서는 비용을 절감 할 수 있고 사용자 입장에서는 네트워크 트레픽을 절감해 훨씬 더 빠르게 웹 페이지를 화면에 표시할 수 있다. 따라서 중요하고 공통되는 코드는 파일로 쪼개서 사용하는 것이 훨씬 더 효율적이고 돈과 시간이 적게 드는 것이다.

 

3. <style> : 속성 값으로 css를 가져온다.

   <script> : 속성 값으로 Java Script를 가져온다.

 

4. html에서 부등호를 화면에 출력하고 싶다면

> '<' : &lt; (less than)

> '>' : &gt; (greater than)

 

5. 의미는 없지만 다른 코드와 구분하는 것을 도와주는 tag

> <div> : 전체를 사용하기 때문에 엔터가 들어간다. (display 속성: block)

> <span> : 부분을 사용하기 때문에 엔터가 들어가지 않는다. (display 속성: inline)

> <br> : 줄바꿈 tag

 

6. <ul>과 <li> tag의 차이

> ul은 unordered list로 들여쓰기만 된다.

> li는 list item으로 검정 동그라미가 생긴다.

 

7. 객체는 property 구분을 ,을 사용해서 한다.

 

8. JS에서 key 값에 space를 넣고 싶다면

> 객체 이름["key"] = "value";

 

 

<생각해볼 점>

 

1. DOM은 무엇이고, DOM 조작은 어떻게 하는 것일까요?

> The Document Object Model (DOM) is a programming interface for web documents. It represents the page so that programs can change the document structure, style, and content. The DOM represents the document as nodes and objects; that way, programming languages can interact with the page.

 

> You don't have to do anything special to begin using the DOM. You use the API directly in JavaScript from within what is called a script, a program run by a browser.

The following is a brief list of common APIs in web and XML page scripting using the DOM.

• document.querySelector(selector)
• document.querySelectorAll(name)
• document.createElement(name)
• parentNode.appendChild(node)
• element.innerHTML
• element.style.left
• element.setAttribute()
• element.getAttribute()
• element.addEventListener()
• window.content
• GlobalEventHandlers/onload
• window.scrollTo()

출처: https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction

 

2. 변수명은 어떻게 짓는 것이 좋을까요?

> 명사형으로 어떤 값을 담을 변수인지를 잘 알아볼 수 있게끔 짓는 것이 좋다.

(함수는 동사형으로, 변수명과 함수명 모두 camelCase로 짓는 것이 컨벤션이다.)

 

3. git commit 단위를 기능별로 쪼개는 이유는 무엇일까요?

> 어느 기능, 어떤 부분을 고쳤는지 한 눈에 알아볼 수 있으면 다른 개발자와 협업할 때 훨씬 편리하다.

 

4. 코드 포매터를 사용하는 이유는 무엇일까요?

> 다른 개발자와 협업할 때, 서로 다른 코딩 스타일을 동일한 것으로 통일하기 위해서 사용한다. 혼자 코딩을 할 때도 저장하면 바로 예쁜 포맷으로 바뀌기 때문에 사용한다.

 

5. 시맨틱 태그는 무엇이고 왜 사용하는 걸까요?

> 1주차 <생각해볼 점> 참고