Notice
Recent Posts
Recent Comments
Link
«   2025/01   »
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
Tags
more
Archives
Today
Total
관리 메뉴

ksw_devlog

WIL 5주차 본문

TIL

WIL 5주차

kimcoach 2022. 12. 4. 00:11
  • 객체

객체: 순서없이 정보를 저장, 이름이 있는 정리정돈 상자

객체는 중괄호 {} , 배열은 대괄호[]

객체는 key , 배열은 index(순서가 있기 때문)

 let profile = {
            'name' : 'kimsw', // -> key값
            'age' : '27',
            'where' : 'nowongu'
        }
        document.write('name : ' +profile.name+'<br>')
        document.write('age : '+profile.age+'<br>')
        profile.number = '7726'
        document.write('number :'+profile.number+'<br>')
        profile.phone_number = '01027427726'
        document.write('phone_number :'+profile.phone_number+'<br>')

 


 

객체와 반복문

for(let key in profile) {
           
        }

profile 객체에 있는 key들을 하나하나 꺼내서 중괄호에 있는 코드를 실행해주는 명령이 -> for

 

for(let key in profile) {
            document.write(key+' : '+profile[key]+'<br>')
        }

결과 :

name : kimsw
age : 27
where : nowongu
number : 7726
phone number : 01027427726

 


객체의 소속된 함수 -> 메소드(Method)

객체의 소속된 변수 -> 프로퍼(Property)

 

객체 활용 :

 

let Body = {
            setcolor : function(color) {
                document.querySelector('body').style.color = color
            },
            setBackgroundColor : function(color) {
                document.querySelector('body').style.backgroundColor = color
            }
        }
        function nightDayHandler(self) {
            Body.setcolor('white')
            Body.setBackgroundColor('black')
        }

 

 

 


자바스크립트 파일 배포

 

<script src="test.js"></script>

 

cashe -> 저장

 

파일로 쪼개는 것 -> 훨씬 효율적


bit : 0과 1을 가지고 있는 작은 메모리 조각

메모리 조각들이 모여서 -> memory(memo +ry)

 

모든 data는 byte 단위의 식별자인 메모리 주소값을 통해서 서로 구분이 된다.


 

'TIL' 카테고리의 다른 글

TIL 6주 2일차  (1) 2022.12.06
TIL 6주 1일차  (0) 2022.12.05
TIL 5주 5일차  (0) 2022.12.02
TIL 5주 4일차  (0) 2022.12.01
TIL 5주 3일차  (0) 2022.11.30