ijooha 님의 블로그

콘솔(console) 알아보기         콘솔(console)이란? 크롬에서 마우스 오른쪽 클릭 > 검사 > 상단 메뉴 중 'console' 클릭원하는 값이나 메시지를 입력하면 바로 결과가 나옴따라서 내가 작성한 코드의 흐름을 이해하거나 디버깅할 수 있다.         사용법 \n줄바꿈할 때 사용console.log('Hello\nWorld');//Hello//World console.()console.log()일반 로그 메시지 출력console.warn()경고 메시지 출력console.error()오류 메시지 출력console.table()객체를 표 형식으로 출력

프론트엔드의 기본 구성 알아보기         HTML HyperText Markup LanguageHTML은 웹 페이지의 구조와 내용을 정의하는 데 사용된다.웹 페이지의 텍스트, 링크, 이미지 및 기타 요소들을 마크업하여 사용자에게 정보를 전달한다.보통 뼈대로 비유한다. 기본 구성 요소태그(tag)는 태그는 요소의 종류속성(attribute)은 요소의 특성         CSS Cascading Style SheetsCSS는 웹 페이지의 스타일을 지정하는 데 사용된다.색상, 폰트, 레이아웃 등의 시각적 요소를 조정하여 웹 페이지의 외관을 디자인한다.보통 피부 등 외관으로 비유한다. 작동 방식선택자(selector)를 사용하여 HTML 요소를 지정하고, 해당 요소에 적용할 스타일 규칙을 정의한다.    ..

웹에 대해 알아보기         Web이란? 연결된 여러 웹사이트를 통해 정보를 찾고, 읽고, 보고, 공유할 수 있게 해주는 도구웹은 우리가 흔히 아는 블로깅, 구글링 등을 연결해주는 거대한 네트워크이다. 인터넷이 이 네트워크의 도로라면,웹은 그 위를 달리는 자동차다. 우리가 필요한 정보를 인터넷을 통해 실어 나르는 역할. 서버는 식당 주방이다. 음식을 위한 재료가 있고, 주문이 들어오면 음식을 만들어 전달한다.클라이언트는 식당의 손님이다. 원하는 음식을 주문한다.         웹사이트와 웹페이지의 차이점 웹 페이지는 사이트의 전체 구조에 독특하게 기여하여 사용자가 흥미로운 여러 영역 간에 원활하게 탐색할 수 있도록 한다. 예를 들어, 홈 페이지는 일반적인 개요를 제공할 수 있는 반면, 개별 페이지는..