본문 바로가기

전체 글

 (293)
[JavaScript] 반복문(for in, for of, for, while) / 2021.10.13 1. for in 반복문 배열과 함께 사용할 수 있는 반복문은 for in 반복문이다. for in 반복문은 배열 요소를 하나하나 꺼내서 특정 문장을 실행할 때 사용한다. for (const 반복 변수 in 배열 또는 객체) { 문장 } 예시를 통해서 알아보자. 여기서 i 변수가 차례대로 0, 1, 2, 3 이다. i 변수로 배열의 요소에 접근한다. 따라서 콘솔창을 확인해보면, 사과부터 차례대로 출력이된다. 2. for of 반복문 for in 반복문과는 다르게 for of 반복문의 반복 변수에는 인덱스의 번호가 아니라 인덱스의 요소의 값이 들어간다. for(const 반복 변수 of 배열 또는 객체){ 문장 } 위의 for in문 코드를 for of문으로 바꿔보자. 콘솔 창을 확인해보면 똑같이 출력되는..
[JavaScript] 배열 / 2021.10.12 1. 배열 배열은 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형이다. 배열은 대괄호[ ]를 사용해 생성하고 내부의 값을 콤마 (,) 로 구분해 입력한다. 배열 내부에 들어있는 값을 요소라고 한다. 예시를 통해서 알아보자. 배열 array를 선언하고 배열의 요소들을 대입해주고 콘솔창에 array를 입력하면 요소의 개수와 요소들이 출력된다. 또한 array 라고 입력한 아랫줄의 ▶를 클릭하면 인덱스 번호마다 요소와 인덱스의 길이를 볼 수 있다. 2. 배열 요소에 접근하기 배열의 기본적인 조작법은 문자열과 비슷하다. 각각의 요소에 접근하려면 배열바로 뒤에 대괄호[인덱스번호]로 접근한다. 자바스크립트에서는 인덱스번호가 0번부터 시작한다. 배열[인덱스] - 인덱스 번호에는 계산식을 넣을 수 있다. 3. ..
[JavaScript] switch 조건문, 삼항 연산자 / 2021.10.12 1. switch 조건문의 구조 switch조건문의 괄호 안에는 비교할 값을 입력을 한다. case옆의 조건들과 이 비교할 값이 같다면 case 키워드 바로 다음에 오는 문장을 실행한다. break 키워드는 switch조건문이나 반복문을 빠져나가기 위해 사용하는 키워드이다. 코드를 읽다가 break를 만나면 break키워드를 감싼 조건문이나 반복문을 빠져나간다. 예시를 통해서 알아보자. * switch문에서 case마다 break를 무조건 써주어야 한다. 2. switch문을 if문처럼 사용하기 위 if문 코드를 switch문 형태로 바꾸어보자. 3. 조건부 연산자 조건문과 비슷한 역할을 하는 연산자이다. 삼항 연산자라고도 한다. 불 표현식 ? 참일 때의 결과 : 거짓일 때의 결과 예시를 통해서 알아보자..
[JavaScript] if 조건문 / 2021.10.11 1. if 조건문 자바스크립트에서 가장 일반적인 조건문은 if 조건문이다. 불 표현식의 값이 true이면 중괄호 안의 문장을 실행하고 false이면 실행하지 않는다. if(불 표현식){ 불 표현식이 true면 실행 } 예제를 통해서 알아보자. (1) 위 코드에서 불 표현식 이 true이면 if안의 문장을 출력하고 종료를 출력할 것이며 false라면 if안의 문장을 출력하지 않고 종료만 출력할 것이다. 위 불 표현식은 true 이기 때문에 문장 2개를 다 출력한다. (2) 현재 시각에 따라 오전과 오후를 구분하는 코드 현재 시각을 구하는 방법은 아래와 같다. * getMonth() : 자바스크립트에서는 월을 0부터 11로 세기 때문에 무조건 +1을 해주어야 한다. 이제 오전과 오후를 if 조건문으로 구분하..
[JavaScript] 입력받기(prompt, confirm), 자료형 변환 / 2021.10.11 1. 문자열 입력 문자열 자료형을 입력할 때 사용하는 함수는 prompt()이다. prompt( 메시지 문자열, 기본 입력 문자열) 예시를 통해서 알아보자. (1) 다음과 같은 코드를 실행한다. (2) 코드를 실행하면 페이지에 입력을 요구하는 창이 나타난다. (3) 입력하는 칸에 글자를 입력하고 확인 버튼을 누른다. (4) 확인 버튼을 누르면 입력한 글자를 경고창에 출력한다. (5) 페이지 콘솔창에서 input 변수를 입력해보았더니 입력한 '자바스크립트'가 상수 input에 대입된 것을 확인할 수 있다. 2. 불 입력 불 자료형은 confirm() 함수로 입력한다. confirm(메시지 문자열) 예시를 통해서 알아보자. (1) 다음과 같은 코드를 실행한다. (2) 코드를 실행하면 페이지에 확인 or 취소..
[JavaScript] 상수와 변수, 연산자, undefined 자료형 / 2021.10.11 1. 상수 상수는 const 키워드로 선언을 한다. const 이름 = 값 반지름으로 원의 둘레와 넓이를 구하는 코드를 작성해보자. (const pi = 3.141592) * 숫자가 들어 있는 상수는 숫자 연산을 할 수 있으며 문자열이 들어있는 상수는 문자열 연산을 할 수 있다. 상수 사용시 주의할 점 : - 특정한 이름의 상수는 한 파일에서 한 번만 선언할 수 있다. - 상수는 한 번만 선언할 수 있으므로 선언할 때 반드시 값을 함께 지정해줘야 한다. - 한 번 선언된 상수의 값은 변경할 수 없다. (변경하고 싶다면 아래에 나오는 변수를 사용할 것) 2. 변수 변수는 let키워드로 선언을 한다. let 이름 = 값 변수 사용시 주의할 점 : - 상수와 마찬가지로 특정한 이름의 변수는 한 파일에서 한 번..
[로봇공학] 머니퓰레이터 좌표계 설정하기, 링크 파라미터 / 2021.10.11 1. 링크 인자 로봇의 각 링크는 기구학 적으로 4개의 숫자로 표현이 된다. - 링크를 설명 : link length, link twist - 링크의 이웃하는 다른 링크와의 연결을 설명 : link offset, joint angle 2. 좌표계(링크계)를 설정하는 방법 각 링크의 위치를 표현하기 위해서 각 링크에 좌표계를 부착한다. 프레임{i}는 링크 i에 부착된다. 1) 중간 링크의 경우 - 프레임 {i} 의 Z축 단위벡터는 관절 축 방향이다. - 프레임 {I}의 원점은 ai(Zi와 Zi+1 사이의 거리)가 관절 축과 교차하는 점이다. - 프레임 {i}의 X 단위 벡터는 ai를 따라 관절 i+1로 향한다. (ai가 최단거리일 때) 2) 첫 링크와 마지막 링크 - 로봇의 베이스에 {0}을 부착한다. 이..
[JavaScript] 자료형 (문자열, 숫자, 불), 자료형 검사 (typeof)/ 2021.10.10 1. 문자열 자료형 자바스크립트에서는 문자가 하나이든 여러 개이든 모두 문자열 자료형이라고 한다. 문자 하나만 나타내는 자료형은 따로 없다. (1) 문자열 연결 연산자 문자열 사이에 덧셈 기호(+)를 사용하면 문자열을 연결할 수 있다. 문자열(A) + 문자열(B) = AB (2) 문자 선택 연산자 문자 선택 연산자를 이용해서 문자열 내부의 문자 하나를 선택할 수 있다. 문자열[숫자] -> [숫자] : 이 부분을 인덱스라고 하는데, 인덱스는 0번부터가 시작이다. (3) 문자열 길이 구하기 문자열 길이를 구하고 싶다면 length속성을 이용하면 된다. 문자열.length -> 온점을 찍고 length입력 (4) 템플릿 문자열 다음과 같은 문자열을 출력해보자. 150 + 50의 값은 200입니다. 과거에 자바..
728x90

티스토리툴바