지금, 개발하기81 Javascript] array(배열) vs objec(객체) 1. 배열(Array) - 배열은 대괄호[]를 이용해 선언합니다. 대괄호 안에는 'value(값)'만 입력합니다. - 배열의 값들은 element(요소)라고 부릅니다. - 배열의 요소들은 순서로 구분이 되므로, 인덱스를 이용하여(array[0]) 접근합니다. - 일반 for 반복문을 사용하여 값을 추출할 수 있습니다. - 배열의 추가: push() → 요소를 맨 뒤에 추가, unshift() → 요소를 맨 앞에 추가 - 배열의 삭제: pop() → 맨 뒤 요소를 삭제, shift() → 맨 앞 요소를 삭제 2. 객체(Object) - 객체는 중괄호{}를 이용해 선언합니다. 중괄호 안에는 'key(이름)'와'value(값)'를 입력합니다. - 객체의 값들은 property(속성)이라고 부릅니다. - 객체의.. 2021. 10. 7. javascript] 객체 반복문, for문으로 객체에서 key value 꺼내기 javascript를 사용하면 for문을 이용해서 key, value를 꺼내서 사용하는 경우가 많습니다. 그런데 문제가 있습니다. 배열에서는 단순 for문과 for in으로 모두 key, value를 꺼낼 수 있는데, 객체를 다룰 때는 단순 for문이 먹히지 않습니다. 두둥! 주의해야할 게 객체에서는 키와 속성을 꺼낼 때 반드시 'for in'문을 사용해야합니다. 아래 예시를 보시죠 객체의 반복문: for in 아래 예시에서 배열과 객체를 for문으로 출력해보겠습니다. 배열은 순서대로 출력만하면 되니까 순수for문으로 출력이 가능한 걸 볼 수 있습니다. 그러나 객체는 key와 value가 묶어져 있습니다. 그래서 for in문을 돌리면서 원하는 값을 지정해줘야 출력할 수있습니다. Javascript Test 2021. 10. 6. HTML/CSS] label 태그는 언제 쓰는 건가요? 1. label 태그란? 태그는 폼 요소에 이름표를 붙이기 위한 것입니다:) 이 이름표를 레이블이라고 하는데요. 쉽게 말하면 인풋 입력 창 앞에 있는 텍스트를 생각하시면 됩니다. 아래 그림에서는 '이름', '나이'가 되겠네요. 태그를 사용하다보면 태그를 쓸 일이 많은데요, 아주 쉬우니 간단하게 보겠습니다. 예시를 볼까요? css html 아래 사진처럼 label을 사용하지 않았을 때는 input태그를 정확히 클릭해줘야만 입력이 가능합니다. 1) 이번엔 이름, 나이 input태그에 태그를 적용시켜보겠습니다. 짜짠~ 이름표만 클릭해도 input태그에 입력이 가능합니다. 2) 이번엔 체크박스에 태그를 적용시켜보겠습니다. 짜잔~ 역시나 이름표를 클릭하기만해도 체크박스 선택/해제가 가능하네요 이름: 나이: css.. 2021. 10. 5. 포토샵없이 초간단 png파일 색상변경 윈도우 3D 그림판 png파일 색상을 변경하고 싶을 때가 있습니다. 배경이 없는 png파일의 특성을 살려서 이미지만 색상을 변경하고 싶은데 ㅠ 참 쉽지 않죠 ㅠ 포토샵은 할 줄 모르고.. 그림판으로 하자니 다 깨져서 확대해서 일일히 누끼딸 생각하면 눙물이...! 여기에 아주 초간단한 반법으로 png파일의 색상을 변경해주는 방법이 있습니다. 바로바로~~ 윈도우 3D 그림판입니다. 엄청 쉬우니까 바로 따라오세요~ ① 아래 사이트 들어가서 '그림판 3D' 사용해보기 클릭! https://support.microsoft.com/ko-kr/windows/microsoft-%EA%B7%B8%EB%A6%BC%ED%8C%90-%EB%B0%9B%EA%B8%B0-a6b9578c-ed1c-5b09-0699-4ed8115f9.. 2021. 10. 1. 이전 1 ··· 7 8 9 10 11 12 13 ··· 21 다음
