지난 글에 이어 알아두면 디버깅에 편리함을 더해주는 console 객체의 함수들에 대해 정리해 보려 한다.   info(), warn(), error()이들은 console.log()와 기능이 동일하며 각각 레벨로 구분된 로그 정도로 생각해도 무방할 듯 하다. console.info(): 특정한 정보를 출력할 때 사용.console.warn(): 심각한 에러는 아니고 경고 단계에서 사용.console.error(): 심각한 에러(예상하지 못한 에러, 시스템 에러)에 사용.  이들을 사용하면 기본적으로 직관적인 스타일이 적용된 로그를 볼 수 있으며 콘솔 사이드바에서 각각의 레벨별 확인도 가능하다. cf) 브라우저마다 출력되는 스타일은 약간 다르다는 점에 유의하자. 그 예로 파이어폭스에서는 info로 출력한..

※ 이전글인 HTML 표(1)에서의 관련 태그들은 표를 만들기 위한 필수적인 태그에 해당한다. - https://developing-move.tistory.com/50?category=884479 HTML 표(1) - table, tr, th, td ▶ , , , 표의 기본 뼈대를 잡는 데 사용되는 태그. 데이터 표( )의 행(줄 / )과 열(칸, 셀(Cell) / , )을 생성. (Table Row: tr, Table Header: th, Table Data: td) : 표를 만들 때 사용. : 행/줄을 만듦. , :.. developing-move.tistory.com 이 글에서는 표를 보조하는 역할로 활용되는 태그들을 소개하려 한다. ▶ 표의 제목을 설정. 내에서 가장 먼저 작성되어야 함. 열리는 ..

▶ , , , 표의 기본 뼈대를 잡는 데 사용되는 태그. 데이터 표()의 행(줄 / )과 열(칸, 셀(Cell) / , )을 생성. (Table Row: tr, Table Header: th, Table Data: td) : 표를 만들 때 사용. : 행/줄을 만듦. , : 열/칸을 만듦. - 일반적으로 를 사용하고 제목의 역할을 담당하는 경우 를 사용함. diplay 속성 - table { display: table; } / tr { display: table-row; } / th, td { display: table-cell; } - 일반적인 block 요소나 inline 요소의 방식으로는 표를 만들 수 없기 때문에 브라우저 내부에서 table이라는 display 속성을 통해 만들 수 있다고 선언되어 ..