728x90 JavaScript9 [JS] input에 입력한 값을 찾는 방법 input에 입력한 값을 찾는 방법 = document.getElementById('인풋태그찾고').value 2024. 3. 22. [생활코딩] JavaScript 입문 (2) # 숫자와 문자 - 수의 표현 # 숫자와 문자 - 수의 연산 Math 명령 : 수학과 관련된 명령 카테고리 pow : 수학 카테고리에 있는 명령 중에서 제곱에 해당하는 명령을 갖고있음 # 숫자와 문자 - 문자의 표현 Syntax Error - 문법 에러 큰따옴표 - 작은따옴표 : 문자가 끝나지 않았는데 괄호가 나온거라 에러 저기에 있는 작은따옴표는 문법적 요소가 아닌, 그냥 작은따옴표라 문자 작은따옴표 3개 쓰고 싶을 때 사이에 있는 작은따옴표 앞에다가 역슬래쉬(\)를 사용해주면 된다. = 이스케이프 (\) = 문자로 역할을 해제시킴 숫자인지 문자인지 알 수 있는 명령어 : typeof # 숫자와 문자 - 문자에 대한 명령들 \n 사용하기 \n = 줄바꿈 의미 < 문자와 문자를 .. 2023. 8. 1. [생활코딩] JavaScript 입문 (1) # 오리엔테이션 자바스크립트 : 웹브라우저를 제어하기 위한 용도로만 사용될 뿐만 아니라 자바스크립트 언어와 자바스크립트가 동작하는 환경 (웹브라우저) 을 분리해서 생각해야한다 자바스크립트의 용도 : 웹서버를 동작하기 위한 도구로서 사용이 됨 = 서버사이드스크립트 브라우저에서 동작하는 자바스크립트 = 클라이언트 사이드 스크립트 자바스크립트를 웹서버에서도 사용할 수 있도록 하는 기술들 : JAVA , PHP, Python 웹브라우저에 주소를 입력하면 주소에 해당되는 컴퓨터를 찾아가게 됨 (요청) 그 컴퓨터에게 웹브라우저가 요청을 하게 되면 사용자가 입력한 주소에 해당되는 웹서버라는 소프트웨어가 사용자가 요청한 정보를 찾아서 그 정보를 웹브라우저에게 응답하게 된다. 서버 쪽에 존재하면서 사용자(웹 브라우저)에.. 2023. 8. 1. [ HTML + CSS + 자바스크립트] 12.1 ~ 12.7 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 12.1) 문서 객체 모델 이해하기 노드: Dom tree 각각의 구성요소 - 노드 종류 (5) - - 문서노드 - 요소노드 - 속성노드 - 텍스트노드 - 주석노드 12.2) 노드 선택하기 1. 속성으로 노드 선택하기 2. 메소드로 노드 선택하기 header link - 모든 노드 탐색 - 요소 노드 탐색 : 태그를 기반으로 받은 노드만 선택 - childNodes - : 다이렉트 자식만 반환 (후손 X) h1 a : 원하는 요소 노드를 바로 선택할 수 있는 장점 - getElementById() - h1 a - getElementsByClassName()- : class는 id와 다르게 중복해.. 2023. 4. 9. [ HTML + CSS + 자바스크립트] 11.1 ~ 11.4 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 11.1) 객체란 const person = { name: ["Hong Gildong"], // 배열 age: 20, // 숫자 isAdult: true, // 논리 }; : 키와 값으로 구성된 속성의 집합 - 리터럴 방식 - : {}을 이용해 객체 생성하는 것 const person = {}; - 빈 객체 - : 속성이 한 개도 없는 객체 const person = { name: "Hong Gildong" }; - 속성 - : 키와 값으로 구성 name - 키 Honag Gildong - 값 const person = { name: { firstName: "Gildong", lastName: "Hong", }, age: 20, // 숫자 i.. 2023. 4. 9. [ HTML + CSS + 자바스크립트] 10.1 ~ 10.5 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 10.1) 함수란 ／／ ３단 출력 for (let i = 1; i : 어떤 목적을 갖고 작성한 코드를 모아둔 블록문 : 재사용하기 유용 10.2) 함수를 정의하는 방법 1. 함수 선언문 2. 함수 표현식 3. 화살표 함수 function gugudan() { for (let i = 1; i function sum() { let a = 10; // 지역스코프 console.log(`함수 내부: ${a}`); } sum(); console.log(`함수 외부: ${a}`); // 함수 내부: 10 // 함수 외부: 10 1). 내부 - 지역 스코프 : 외부에서 참조하려하면 오류 발생 let a = 10; // 전역스코프 function sum() { cons.. 2023. 4. 9. 이전 1 2 다음 728x90
