전체 글46 #6.자바스크립트(JavaScript) - 조건문(if문) 조건문이란? 특정 조건 만족 시(참인 경우) 실행하는 명령의 집합 이며, 어떤 작업을 수행하고 싶을 때 사용하는 것이 조건문이다. if문 문법 1. if(표현식){ 실행문; => 표현식이 참 일 때 실행문을 실행합니다. } 1 2 3 4 5 6 7 if (x == y){ console.log("x와 y는 같습니다."); } // 연산자 : == 같다 // && and // || or cs 2.if(표현식){ 실행문; } else { 실행문; } 1 2 3 4 5 6 if (x == y){ console.log("x와 y는 같습니다."); } else{ console.log("x와 y는 같지 않습니다."); } Colored by Color Scripter cs 3. if else문 안에 다시 if문으로 .. 2022. 6. 25. #5.자바스크립트(JavaScript) - 오브젝트(객체) 안에 function(함수) 넣기 오브젝트(객체) 안에 function을 넣어보겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 const player = {name : "태현", sayHello : function(personName){ console.log("Hello " + personName + " nice to meet you!") }, }; //오브젝트 속 함수 실행법 //player.sayHello(내용); 문자를 넣을때는 "" 2022. 6. 24. #4.자바스크립트(JavaScript) - 기본 함수(function, return) function = 필요할 때마다 호출하여 해당 작업을 반복해서 수행 가능한 함수입니다. 기본사용법 1 2 3 4 5 6 7 8 9 10 11 //function 함수이름(매개변수){ // 함수가 호출될 때 실행되는 실행문; // } function addNum(x,y){ console.log(x+y); } //x,y는 사용자로 부터 받는 데이터 addNum(3,2) // 5 cs 매개변수(parameter)란 함수의 정의에서 전달받은 인수를 함수 내부로 전달하기 위해 사용하는 변수를 의미합니다. 인수(argument)란 함수가 호출될 때 함수로 값을 전달해주는 값을 말합니다. 위의 예제에서 addNum() 함수를 호출할 때 인수가 세 개보다 적게 전달되면, 계산할 수 없다는 의미인 NaN을 반환합니다... 2022. 6. 24. #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 3 4 5 다음
