자바스크립트(javascript)7 #3.자바스크립트(JavaScript) - 오브젝트(객체) 만들기 사용자는 console.log 처럼 xx.xx를 만들어 낼 수 있습니다. 기본 예제 1 2 3 4 const player = {name : "태현" , Points:10}; // 반드시 { } 중괄호를 사용하고 중괄호 안에서는 "="이 아닌 ":"을 쓰고 // 여러개의 요소를 넣을때에는 쉼표(,)로 구분한다. cs 만든것은 console.log 와 같은 형식인 player.name등 으로 쓸 수 있습니다. const는 수정할 수 없는 값이지만 player 안에 있는 오브젝트들은 변경(업데이트) 가능합니다 (player 자체를 변경하는 것이 아니기 때문) ex) name을 인우로 변경 (o) Points를 20으로 변경(o) player를 인우로 변경 (x) 추가를 할 때에는 player.추가하고자 하는것.. 2022. 6. 23. #2.자바스크립트(JavaScript) - JS 기초 용어 console.log() = 값을 출력 const = 바뀌지 않는 값 1 2 const a = 5; //a에 5라는 값을 저장 (업데이트불가) cs let = 바꿀 수 있는 값 1 2 3 let myName = "태현"; //처음 생성시 let을 붙여준다 myName = "가인"; //업데이트시 let을 쓰지않고 변수값만 바꿔준다 //업데이트가 필요한 변수를 쓸때에는 const대신 let을 쓴다 cs JS 변수이름 규칙 : 변수이름에 공백이 필요하다면 공백 다음 문자는 대문자로 씁니다 ex) my name ==> myName 그룹(array)로 묶기 1 2 3 4 const nonsence = [1,2,3,4,5]; // [ ]는 array로 묶는것 console.log(nonsence[4]); // n.. 2022. 6. 22. #1.자바스크립트(JavaScript) HTML-JS-CSS 연결하는법 vsc(Visual Studio Code)를 기준으로 작성되었습니다. 1. HTML - '!'를 쳐서 기본양식을 불러옵니다. (2022.7.20일 기준 vsc 최신버전에서는 [!] + [ctrl] + [space] 를 해야 자동완성 양식이 보입니다.) 1 2 3 4 5 6 7 8 9 10 11 12 Document Colored by Color Scripter cs (HTML 기본양식) 2. html - css 연결 : head 부분에 를 적습니다. ('link:css' 라고 치면 자동완성) 3.html - JS 연결 : body 마지막부분에 를 적습니다. ('scr'또는 'script:src'라고 치면 자동완성) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 Document Colored .. 2022. 6. 22. 이전 1 2 다음
