KPlay의 코딩 그리고 잡동사니

프로그래밍 언어/JavaScript → (6)건

  1. HTML안의 JavaScript
    2020.10.05
  2. 객체(object)
    2020.10.05
  3. 배열
    2020.10.05
  4. 함수
    2020.10.05
  5. 반복문 (while, for)
    2020.10.05
  6. 입력받는 prompt 함수
    2020.10.05

HTML안의 JavaScript

1. inline 방식 ​ C++의 inline함수 아니고 ​ 이렇게 input 태그의 onclick이라는 html코드 안에 ​ alert라는 JS코드가 오는것을 inline방식이라고 하는데 ​ 이것의 장점은 태그와 연관된 스크립트가 분명하게 드러난다? (onclick의 key값으로는 JavaScript가 오도록 약속되어있다. 이런 html 속성들이 있다) ​ 하지만, 정보와 제어가 섞여 있기 때문에 정보로서의 가치가 떨어진다는 단점이있다. (html은 웹사이트의 '정보'를 표현하는 언어이고 JS는 '제어'하는 언어인데) ​ ​ ​ ​ ​ ​ ​ ​ ​ 2. script방식 ​ 태그를 만들어서 그 안에 JS코드를 삽입하는 방식이다. ​ 장점은 html태그와 JS코드를 분리 할 수 있다는 점이다. ​ 이런..
프로그래밍 언어/JavaScript 2020. 10. 5. 00:11

객체(object)

객체의 기본적인 선언 형식 배열과 유사하지만 배열과 다르게 소괄호로 표시하고 index값을 직접 지정해줄 수 있다. ​ index값 0, 1, 2 대신 egoing, k8805, sorialgi라는 문자열들이 왔고 ​ 각각의 값들에 10, 6, 80이라는 정수를 대입해줬다. 대입해주는것은 딱히 정수가 아니여도 가능하다. ​ ​ console창에서 출력해보면 이런식으로 객체화 된것을 알 수 있다. ​ ​ ​ ​ ​ ​ 객체를 만드는 또다른 방법 이런식으로 파이썬과같이 먼저 객체를 선언해주고 객체안의 멤버를 나중에 넣어 줄 수도 있다. ​ ​ ​ ​ ​ ​ 객체를 사용하는법 ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ 객체와 반복문의 결합 ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ 객체안에 함수담기
프로그래밍 언어/JavaScript 2020. 10. 5. 00:11

배열

​ ​ ​ ​ ​ ​ ​ ​ 배열의 진가는 반복문과 결합했을 때 나타난다 ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ 배열의 추가 / 수정 / 삭제 ​ ​ ​ 추가 명령어 push ​ ​ ​ ​ 복수 추가 명령어 concat ​ ​ ​ ​ ​ ​ ​ ​ 시작점에 추가하는 명령어 unshift ​ ​ ​ ​ ​ ​ ​ splice 명령어 3개의 인자를 받는데 ​ 첫번째 인자는 배열에 추가할 특정 위치를 가리키는 index ​ 두번째 인자는 howmany, index에서부터 제거될 원소들의 수, index부터 howmany에 해당하는 원소들은 삭제된다. 이 값이 0이면 어떠한 원소도 삭제되지 않는다. ​ 세번째 인자는 index와 howmany 사이에 추가될 값 ​ ​ ​ ​ ​ ​ ..
프로그래밍 언어/JavaScript 2020. 10. 5. 00:10

함수

인자를 안받고 return값도 없는 간단한 numbering이라는 함수를 작성해보자 ​ 결과로는 ​ 이렇게 나오게된다(console.log함수를 사용했으니까) ​ ​ ​ ​ ​ ​ ​ return 값이 있는 함수의 예제를 만들어보자 ​ 이렇게 쓰면 이런 결과가 출력된다. ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ 인자값이 있는 함수의 예제를 만들어보자 ​ 이런식으로 하면 ​ 와 2가 alert로 출력이된다. ​ ​ c언어와 달리 JS는 인자값을 따로 변수선언을 안해줘도 되는것같다 ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ 복수의 인자 선언 예제 ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ 함수를 선언하는 또다른 방법 ​ Java..
프로그래밍 언어/JavaScript 2020. 10. 5. 00:10

반복문 (while, for)

JS의 비교 연산자는 거의 C와 같다 ​ 가령 &&은 and연산자 ||은 or연산자같이 ​ ​ ​ ​ 반복문도 거의 같다 ​ while문 형식 ​ while (조건){ 반복해서 실행할 코드 } ​ ​ for문 형식 ​ for(초기화; 반복조건; 반복이 될 때마다 실행되는 코드){ 반복해서 실행될 코드 } ​ ​ ​ ​ break도있고 ​ continue도 있고 ​ 반복문의 중첩도 가능하고
프로그래밍 언어/JavaScript 2020. 10. 5. 00:10

입력받는 prompt 함수

prompt() 함수는 괄호안의 내용을 출력하고 클라이언트로부터 값을 하나 입력받는 함수이다 ​ 대입연산자 우측에 놓고 좌측에는 변수를 선언해주면 거기에 입력받는 값을 넣는다. ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ 조건문의 중첩과 응용해서 패스워드까지 입력받는 프로그램을 짜보면 ​ 이런식으로 나온다
프로그래밍 언어/JavaScript 2020. 10. 5. 00:09
◀ 1 ▶

티스토리툴바