자바스크립트 알고리즘 공부 / javascript tag

첫번쨰 코드

이 코드는 span 태그를 가져와서 읽어오지 않기 때문에 잘못된 접근이라 할 수 있다

하지만, 답은 정확하게 나타내므로 50% 정확한 답이다

 

수정된 코드

코드 다이어트 순서 1

코드 다이어트 순서 2

 

 

참고하기

코딩은 항상 최고의 다이어트는 선택이 아닌, 필수!

 

개념 공부

 

 

innerHTML 같은 경우 태그 <p> </p> 같이 시작과 끝이 있는 태그에서 사용할 수 있는데

input 태그 같은 경우, 태그가 1개라 value 를 이용해야한다

 

사용 빈도는 innerHTML 보다 value 가 더 사용 빈도수가 높다

---

복수데이터

데이터를 가져왔는데 , collection(3)

한개가 아니라 여러개의 데이터가 넘어왔다는 뜻

 

실제 데이터 타입은 다른데, collection과 array의 차이점 분석하기

 

 

elements 요소 접근

 

= 을 쓰면 어떤 값을 넣어주냐 안넣어주냐의 차이

 

이전 실습 2는 안에 있는 문자값은 String 값이므로 형 변환이 필요하다

 

input 태그는 요소로 작용하는게 아니라, value 값을 통해서(속성을 이용해서) 값을 가져온다

 

 

복수개의 데이터를 가져올때는 

 

body 를 입력하면

1개를 가져온다

요청 자체가 복수개 이기떄문에, 1개여도 index 값을 지정해서

[0] 이렇게 불러와야한다.

 

---

 

 

 

하드 코딩 :

코딩을 통해서 디자인을 변경하는 것,

빠르게 코딩 가능,

코드가 복잡해짐

한번더 클릭했을때 다른색이 나오게 하고 싶을때,

class 값만 바꿔서 다음과 같이 쓸 수 있다.

 

css : 실제 파일에 영향을 주지는 않음

 

 

바닐라 JS 가 기본으로 배우는 것이다

 

br태그 사용법

단순히 문장을 띄울떄 사용한다

 

함부로 쓰는거 아님!!

 

 

속성에 접근하는 예

 

 

사진 변경하기~

이미지 주소 복사!!