온보딩트랙4 [온보딩트랙]JavaScript 기초 JavaScript 웹페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어이다. 자바스크립트로 작성한 프로그램을 스크립트라고 하며, HTML 안에 작성할 수 있다. 웹페이지를 불러올 때 자동으로 실행된다. 변수 데이터를 담아 놓기 위해 이름표를 붙여놓은 공간 var num; 변수 선언 num = 10; 변수 초기화 var num = 10; 변수 선언과 초기화를 한 줄로 작성할 수 있다. console.log(num); 를 작성하고 브라우저를 열면 개발자 도구를 통해 10이라는 값이 출력되는걸 볼 수 있다. 사용할 수 없는 변수명 1. 특수문자 2.숫자가 맨 앞에 오는 경우 3. 예약어(프로그래밍 언어 자체적으로 사용할 단어 혹은 키워드) 변수명 표기법 1. Camel Case(카멜 표기법) 맨 첫 글.. 2023. 12. 17. [온보딩트랙]CSS 구성(기본 구조) CSS Cascading Style Sheets 스타일과 레이아웃을 적용할 때 사용하는 스타일 시트 언어이다. HTML로 몸(뼈대)를 만들었다면, CSS는 몸을 꾸며주는 역할을 한다. Cascading은 '계단식', '폭포처럼 흐르다'의 의미인데, 상위(부모) 요소의 스타일 속성이 하위(자식) 요소에도 영향을 주는 모습이 폭포가 아래로 흐르는 것을 닮았기 때문이다. HTML에서도 태그를 쓸 수 있지만 CSS와 분리한 이유는, 정보가 담긴 코드와 디자인만 해주는 코드들이 섞이면서 코드의 가독성과 문서 전체의 일관성이 떨어져 웹 페이지가 갖는 정보로써의 가치도 떨어지기 때문이다. 그래서 HTML이 정보 전달에만 전념하도록 스타일 기능을 CSS가 하는 것이다. 마크업과 스타일을 분리함으로써 코드의 가독성과 일.. 2023. 12. 14. [온보딩트랙]블록요소와 인라인 요소 Block Element(블록 요소) 개별 요소마다 줄을 바꾸며, 부모 요소 너비의 가로 길이를 차지한다. 내용과 별개로 자신의 영역을 가진다. ~ , , 등이 있다. 블록 요소의 가로 길이를 줄이고, 새로 추가한다고 해도 옆에 생기지않는다. width와 height로 요소의 크기를 조절할 수 있다. Inline Element(인라인 요소) 한 줄에 표시되며, 태그로 감싸진 내용만큼만(콘텐츠만큼) 영역을 차지한다. , , 등이 있다. HTML에서 인라인 요소 밑에 인라인 요소를 새로 추가하면 새로운 줄이 아니라 옆쪽으로 생기는 것을 알 수 있다. width와 height로 요소의 크기를 조절할 수 없다. margin과 padding은 좌우에만 적용 가능하다. Inline-Block Element(인라인-.. 2023. 12. 13. [온보딩트랙]HTML <head> 명칭은 Living Standard이며, 웹 표준이다. 최신화된 HTML을 쓰겠다는 의미이다. 이 문서가 어떤 언어로 작성이 되어있는지 명시해주는 부분이다. 보일러플레이트를 단축키로 생성하면 lang="en"으로 설정되어 있는 경우가 많은데, 작업중인 웹 페이지가 한국어로 작성되었다면 lang="ko"로 바꿔주는 것이 좋다. 를 사용하여 웹 문서의 속성, 인코딩 방식, 외부 리소스를 불러오는 등 설정 정보가 담긴다. 이 태그는 여러 개가 쓰일 수 있고, 그 안에 작성하는 속성에 따라 용도가 달라진다. 예를 들어, 위 코드에서 첫 줄 은 문서를 어떻게 해석할지 인코딩 방식을 설정한다. '턈0?????c랾?▲콬-5%' 이런 식으로 문서 내용이 깨진 문자로 보여지는 것을 방지한다. 그 다음 이어지는 태그는 브.. 2023. 12. 13. 이전 1 다음
