💻Programming

[JavaScript] 이클립스 JavaScript 오류 확인

JavaSctipt 는 브라우저가 해석하고 실행하므로 이클립스 상에서 에러를 찾을 수 없다. 에러가 있으면 아무런 기능을 하지 않는 먹통이 된다. 개발자 도구로 로그를 찍어서 확인하거나, 브라우저 상의 에러를 확인해야 한다. 1. 개발자 도구 확인 크롬 (MacOS) 단축키 Command + Option + i 개발자 도구에 들어가면 오류를 확인 가능 2. 오류 위치 확인

[JavaScript] 개요

JavaScript ᆞ객체 기반의 스크립트 언어 ᆞhtml 문서에 적용되어 동적으로 상호작용하게 사용됨 ᆞ웹의 동작을 구현함 ᆞ타입을 명시할 필요가 없는 인터프리터 언어 ᆞ객체지향 프로그래밍과 함수형 프로그래밍 모두 가능 HTML: 웹 문서의 내용 구성 CSS: 레이아웃, 스타일 지정 자바 스크립트 : HTML이나 CSS와 함께 사용해서 웹의 요소를 움직이거나 웹 사이트 UI 사용 웹 요소 제어 ᆞ웹 요소를 가져와서 필요에 따라 스타일을 변경하거나 움직이게 할 수 있음 ᆞ웹 사이트 UI 부분에 많이 활용 ex) 마우스 포인터를 올렸을 떄 펼쳐지는 메뉴 ᆞ한 화면에 탭을 눌러 내용만 바뀌도록 하는 콘텐츠 웹 애플리케이션 만듦 ᆞ최근의 웹 사이트는 사용자와 실시간으로 정보를 주고 받으며 애플리케이션처럼 동작..

[HTML&CSS] 04. 레이아웃과 포지셔닝 - Grid

Grid 복수의 자식 요소인 Grid Item과 그 상위 부모 요소인 Grid Container(그리드 컨테이너)로 구성 Grid는 정렬하려는 요소의 부모 요소에 『display: grid;』또는 『display: line-grid;』속성을 선언 『display: grid;』또는 『display: line-grid;』속성이 적용된 요소는 grid container가 되고, grid container의 자식 요소는 grid item display에 grid를 주면 격자 형태(grid)로 만들 수 있음 1. 명시적 행/열(Track)의 크기를 정의 그리드 템플릿의 행 부분(가로)의 크기를 지정해 주는것 grid-template-rows: 100px auto 100px; (전체 width 를 600으로 지정해..

[HTML&CSS] 04. 레이아웃과 포지셔닝 - flex

주말에...