본문 바로가기

개발 공부/웹개발54

자바스크립트 객체 개념정리(1)_javascript_Object_객체접근,객체추가,객체삭제,객체만들기 object 오늘은 자바스크립트에서 꽃이라고 하는 '객체'에 대해 알아보겠습니다. 객체를 가장 쉽게 말하면 '키와 밸류의 집합체'입니다. 배열은 순서에 따라서 정해지지만 객체는 의미에 따라 접근할 수 있습니다. 밑에 있는 것을 천천히 읽다보면 쉽게 이해가능하실겁니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86.. 2021. 4. 27.

Dom 기본개념 정리(1)_querySelector_setAttribute_textContent_innerHTML 오늘은 dom이라는 개념에 대해서 알아보겠습니다. Dom이란 Document Object Model의 약자이며 html을 java script가 이해할 수 있게 객체로 만드는 것을 말한다. 즉, html 문서의 구조와 관계를 객체로 표현한 모델 이다 dom의 장점은 자바스크립트를 이용해서 엘리먼트의 속성값을 얻어내거나 변경할 수 있다. html 문서도, javascript 객체도 둘다 트리구조 로 되어 있고 여기서 트리구조란, 이런 자료 구조를 컴퓨터 공학에서는 트리 구조라고 합니다. 트리 구조의 가장 큰 특징은 부모가 자식을 여러 개 가지고, 부모가 하나인 구조가 반복되는 점입니다. 마지막으로, document 라는 전역변수로 접근이 가능합니다. document 객체에는 많은 속성과 메소드가 존재합니다.. 2021. 4. 27.

자바스크립트(java script) 배열(Array) 정리(1) 배열의 순서,요소,pop,push,shift,unshift 배열(Array) 간단하게 "순서가 있는 값"을 말합니다. let arr =[ 1, 45, 3, 8, 7 ]; 위에 보이는 간단한 식처럼 배열은 대괄호로 나타내며 쉼표를 사용하여 요소를 나눕니다. 순서 index, 요소 element 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 .. 2021. 4. 25.

HTML 필수 태그 정리(1)_제목_문단_강조_링크_이미지 태그_Heading, paragraph, anchor, image, emphasis, breakline 들어가기에 앞서 html 태그(tag)를 해부해보자 1. 태그는 꺽쇠로 이루어져있다. 2.태그에 맞는 속성들이 있다. 3.다양한 태그와 웹표준에 맞는 올바른 사용법을 익혀야 한다. 내용 html을 잘하기 위해선 꼭 알아야 하는 태그 6가지 첫번재. 제목 태그 1 2 3 4 5 heading1 heading2 heading4 heading5 heading6 cs 특징-1)제목에 많이 쓴다. h1의 크기가 가장 크며 점점 줄어든다. 두번째. Paragraph 문단 태크 1 2 내용1 내용2 cs 특징-1) 문단을 나눌때 사용한다. 세번째 Emphasis 강조 강조 태그에는 2가지가 있다. 하나는 강조하고 싶은 부분과 또 다른하나는 강조하고 싶은 부분 이다. em은 기울임이라는 강조를 주고 strong은 굵게.. 2021. 4. 21.

변수, 데이터, 변수 선언, 데이터할당, 자료형 변수 = 변할수 있는 수, 데이터를 저장하는 공간(쉽게 변할수 있다.) 데이터 =값, 값의 유형 변수 선언 => let, var, const 로 할 수 있습니다. 1)var는 초창기 변수 선언, 변수의 중복 선언이 가능한 장점이 있지만, 대규모 프로젝트시 위험성이 높다 2)let 은 변수 중복 선언은 불가능 하지만 변수 변경 가능 3)const는 상수리며, 변수 중복선언x, 데이터 변경x 변수를 선언 후 데이터를 할당한다 let i = 9; i라는 변수를 선언하고, 9라는 숫자 데이터를 할당했다. 자료형(Data type) 데이터 = 값(value) + 값의 유형(type) 원시 타입(primitive)에는 숫자형, 문자열형, 논리형, null, undefined, symbol 이 있다. 참조 타입(re.. 2021. 4. 21.

반복문_문제풀이(java script) factorial 문제 : 수를 입력받아 factorial(n) 값을 리턴하기 / 1*2*3*4...*num for문 이용하기 ↓↓↓↓↓↓↓드래그해야 보입니다. function factorial(num) { let result = 1; 2021. 4. 20.

문자열_문제풀이(javascript) areValidCredentials 문제: 이름과 비밀번호를 입력받아 이름이 3글자보다 크고 비밀번호가 8글자 이상이면 true를 리턴하기 ↓↓↓↓↓↓↓↓↓드래그 function areValidCredentials(name, password) { if (name.length > 3 && password.length >= 8) { return true; } return false; } findMinLengthOfThreeWords 문제:세 개의 단어를 입력받아 그 중 가장 짧은 단어의 길이를 리턴하기 주의 : number타입 리턴, 단어의 길이가 같은 경우 그 길이를 리턴 ↓↓↓↓↓↓↓↓↓드래그 function findMinLengthOfThreeWords(word1, word2, word3) { let .. 2021. 4. 20.

조건문_문제풀이 equalsTen 문제:수를 입력받아 10과 같은지 여부를 리턴해야 합니다. --↓ function equalsTen(num) { return num === 10; } daysInMonth 문제 : 특정 달(month)을 입력받아 각 달에 몇 일이 있는지 리턴해야 합니다. -7월과 8월에는 모두 31일이 존재합니다. -2월 29일은 존재하지 않는다고 가정합니다. --↓ function daysInMonth(month) { if (month === 2) { return 28; } else if (month === 4 || month === 6 || month === 9 || month === 11) { return 30; } else { return 31; } } } isEitherEvenAndLessTh.. 2021. 4. 19.

변수_문제풀이(javascript 자바스크립트) 함수는 입력(input)을 받아 출력(output)을 하는 하나의 작은 기능 단위이다. '변수를 선언하고, 함수를 할당했다' 라고 한다. 함수가 호출되고 나면, 함수의 body(중괄호 내의 코드)에 있는 코드가 실행되고 결과값을 리턴(return)한다. 이 결과 값은 함수의 body에서 어떤 값을 return하는지에 따라서 결정된다. 아무것도 return하지 않으면 undefined를 리턴한다. getRunCatDistance 문제: 속력 speed , 시간 time 이 숫자로 주어졌을 때, 이동한 거리를 변수 distance에 할당하여 리턴하는 getRunCatDistance 함수를 작성하기 function getRunCatDistance(speed, time) { let distance; distan.. 2021. 4. 19.

이전 1 ··· 3 4 5 6 다음

티스토리툴바