728x90 DEV35 JavaScript 시작하기 1. 📒 자바스크립트란?자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어이다.HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있으며, 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있다.또한, 현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있다.2. 자바스크립트의 특징자바스크립트는 객체 기반의 스크립트 언어이다.자바스크립트는 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어이다.자바스크립트는 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있다.✔ C언어와 같은 언어는 소스 파일을.. 2024. 10. 20. CSS 들여다보기 CSS1. CSS라는 것은?Cascading Style Sheet의 약자이며 웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일시트이다. 문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄어들게 만들어졌다.C를 뜻하는 Cascading은 Author Style / User Style / Browser 우리가 정의한 스타일이 없다면 사용자가 지정한 스타일로 가고, 사용자가 지정한 스타일이 없다면 브라우저가 지정한 스타일로 가는 것, 이런식으로 떨어지는 느낌을 의미하는 것이다.HTML의 body라는 상자안에 다양한 섹션으로 나뉘어서 요소마다 레이블링을 해주는데, 열심히 레이블링 해준 결과는 바로 CSS에서 진가를 발휘한다. selectors(html에 어떤 태그들을 고를 것인지 규정하는 .. 2024. 10. 20. HTML 2. 구조 뜯어보기 ✔ 는 HTML5버전을 사용하고 있음을 의미✔ Html 태그는 가장 위에 위치해 있는 파일이며, html 안에는 head와 body로 나뉜다.head사용자에게 보여지는 UI적 요소가 전혀 없으며 구글에서 검색할 때 나오는 타이틀이나 부가설명 북마크 추가시 보이는 제목이나 아이콘들이 정의 되어 있으며, 만약 CSS 파일이 있다면 연결하는 부분 또한 head에 있다.따라서, head는 사용자에게 보여지는 정보가 없고 metadata로 구성되어 있다.태그의 경우 이 페이지에서 보여지는 charactor set(글자의 포멧)은 utf-8로 현존하는 모든언어를 지원해주기 때문에 utf-8을 일반적으로 적용해 주면 된다.뷰포트에 대해서 정의하는 태그이며, width-device-width의 경우 디바이스 스크린의 .. 2024. 10. 20. HTML 1. 톺아보기 📌 1. HTML이라는 것은?하이퍼텍스트 마크업 랭퀴지(Hyper Text Markup Language)의 줄임말이며,여기서 '하이퍼텍스트'는 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 이동할 수 있는 기능을 뜻하며, '마크업'은 태그를 사용해 제목이나 본문, 이미지를 표시하는 것이다.📌 2.Tag 사용의 중요성tag는 웹페이지 구성에 맞게 잘 사용하는 것이 중요하다.제목에 abcd를 작성할 때, 아래 두가지 방법으로 코드를 입력할 수 있는데, 웹브라우저에서 봤을 때는 글자의 크기나 스타일이 동일해 보이지만 abcd를 검색했을 경우 h4태그를 사용한 후자가 더 검색이 잘 된다. 태그는 웹 문서에 표시하려는 내용을 전달하는 언어이기에 정확한 태그를 사용하는 것이 중요하다.1) abcd abcd .. 2024. 10. 20. parameter(매개변수)와 argument(전달인자)의 비교 매개변수는 함수의 정의부분에 나열되어 있는 변수들을 의미하고 전달인자는 함수를 호출할 때 전달되는 실제 값을 의미한다. 매개변수는 변수(variable), 전달인자는 값(value)으로 보는 것이 일반적이다. 따라서 매개변수는 함수를 정의하는 영역에서, 전달인자는 함수를 호출하는 영역에서 볼 수 있다. f(x) =2x 위의 식에서는 변수 'x'가 매개변수, f(3)와 같은 함수 호출부분에서 값 '3'이 함수의 전달인자가 된다. 따라서 parameter은 함수나 메서드에 어떤 값을 받을 지 결정하는 '형식'이고 argument는 그 형식에 맞춰 전달하는 '실재 값' 이라고 할 수 있다. 실제 Js식으로 예시를 들어보자면, function asa ( param1, param2 ){ return ( param.. 2021. 4. 18. 이전 1 ··· 3 4 5 6 다음 728x90 반응형