혼공학습단/자바스크립트
혼공학습단 9기_6주차 미션
- 6주차 미션 기본과제 추가과제 혼공단 마지막 날이네요... 그동안 미션을 깨면서 자바스크립트에 대해 알게 된 것 같아 뜻깊었던 경험이 되었습니다!! 감사했습니다 :)🥰
혼공JS
혼공학습단/자바스크립트
Chapter 06
6장 ☃️6-1 객체의 기본 - 객체 자바스크립트에서 여러 자료를 다룰 때는 객체를 사용 배열도 여러 자료를 다룰 수 있다. 그렇게 할 수 있었던 이유는 배열도 객체이기 때문 배열을 typeof로 실행해보면 object라는 문자열이 출력 이때 출력한 object가 바로 객체이다. 객체는 중괄호[...]로 생성하며, 다음과 같은 형태의 자료를 쉼표(,)로 연결해서 입력 키: 값 객체선언 +키와 값 뒤에 쉼표(,)를 넣어 구분함 위에서 생성한 객체를 표로 나타내면 키 속성 제품명 7D 건조 망고 유형 당절임 성분 망고, 설탕, 메타중아황산나트륨, 치자황색소 원산지 필리핀 - 객체의 요소에 접근할 수 있는 방법 1. 객체 뒤에 대괄호[...]를 사용하고 키를 입력하면 객체의 요소에 접근 할 수 있음 produ..
혼공학습단/자바스크립트
혼공학습단 9기_5주차 미션
- 5주차 미션 기본과제 객체(object) : 여러가지 속성을 가질 수 있는 대상 속성(poperty) : 객체 내부에 있는 값 배열 내부에 있으면 요소, 객체 내부에 있으면 속성이라고 함. - delete 키워드 : 객체의 속성을 제거할 때 사용 메소드(method) : 객체의 속성 중에 함수 자료형인 속성 - this 키워드 : 객체 내부의 메소드에서 자기 자신이 가진 속성을 표시할 때 사용 선택과제 #문제 3번 모질라 문서에서 Math 객체와 관련된 내용을 읽고 사인 90도 값을 구해보세요. - 코드 - - 결과 - - 코드 풀이 - 먼저 아주 단순하게 생각해서 코드를 구현하면 이런식으로 0.8939966636005579라는 결과가 나오게 된다. 이를 어떻게 해야 제대로 사용할 수 있는지 구글 검..
혼공학습단/자바스크립트
혼공학습단 9기_4주차 미션
- 4주차 미션 기본과제 - 코드 - - 실행결과 - 추가과제 - 코드 - - 실행 결과 - - 코드 풀이 - 먼저 let 키워드로 numbers를 선언해준다 //변수 선언 let numbers = [273, 25,75,52,103,32,57,24,76] 그 다음 콜백 함수를 넣어준다. 콜백함수의 기본형태는 function (value, index, array) { } 이다. 이 형태의 콜백 함수를 사용하는 것이 기본이지만 value만 활용하므로 value만 매개변수로 넣어준다. 그리고 filter 함수를 이용하여 홀수이고, 100이하의 수이면서 5로 나눈 나머지가 0인수를 구해준다. filter 메소드는 콜백 함수에서 리턴하는 값이 true인 것들만 모아서 새로운 배열을 만드는 함수이다. + funct..
혼공학습단/자바스크립트
Chapter 05
5장 🌴05-1 함수의 기본 형태 함수호출 : 함수를 사용하는 것, '함수를 호출하다'라고도 표현 매개변수 : 함수를 호출할 때는 괄호 내부에 여러 가지 자료를 넣는데, 이러한 자료를 매개변수라고 부름 매개변수를 통해 함수는 외부의 정보를 입력 받을 수 있음 리턴값 : 함수의 최종적인 결과를 리턴값이라 함. 함수 내부에 return 키워드를 입력하고 뒤에 값을 넣어서 생성함 - 함수 : 코드의 집합을 나타내는 자료형 →함수를 코드의 집합이라고 말하는 이유 : 중괄호{...} 내부에 코드를 넣기 때문 →함수의 자료형은 function이며 현재 코드에서 함수를 출력하면 f( ) { } 라고 출력됨. 이때 f는 함수를 나타냄 →함수의 장점 반복되는 코드를 한 번만 정의해놓고 필요할 때마다 호출하므로 반복 작업..
혼공학습단/자바스크립트
혼공학습단 9기_3주차 미션
- 3주차 미션 기본 과제 1. 비파괴적 처리와 파괴적 처리의 의미와 장단점 메소드는 크게 파괴적 처리와 비파괴적 처리로 구분 파괴적 처리 비파괴적 처리 의미 처리 후에 원본 내용이 변경됨 처리 후에 원본 내용이 변경되지 않음 장점 메모리 절약 메모리를 절약할 수 없음 단점 원본이 사라지기 때문에 오류가 났을 때 오류나기 전의 데이터를 알지 못해서 위험하다 원본을 저장하기 때문에 자료보호를 할 수 있음 예시 a와 b를 살펴보면 원본 내용이 변하지 않았음을 알 수 있음 push()메소드를 실행한 뒤 c의 값을 보면 원본과 다르다는 것을 알 수 있음 +현재는 원본 자료 보호를 위해 비파괴적 처리를 함 추가 과제 - 풀이 - 1. 비파괴적 처리 : strA값이 변경되지 않음 2. 파괴적 처리 : arrayB값..
혼공학습단/자바스크립트
Chapter 04
04장 🐳 04-1 배열 - 배열만들기 array 여러개의 변수를 한번에 선언하여 다룰 수 있는 자료형 대괄호[ ]를 사용하여 생성하고 내부의 값을 쉼표(,)로 구분한다. 요소 : 배열 내부에 들어있는 값 [요소, 요소, 요소, ... , 요소] - 배열 요소에 접근하기 가장 앞에 있는 요소를 0번째로 표현 이때 요소의 순서를 인덱스(index) 라고 부름 배열[인덱스] - 배열 요소 개수 확인하기 배열 내부에 들어 있는 요소의 개수를 확인 할 때는 배열의 length 속성을 사용 배열.length - 배열 뒷부분에 요소 추가하기 push() 메서드를 사용해 뒷부분에 요소 추가하기 배열.push(요소) + 인덱스를 사용해 배열 뒷부분에 요소 추가하기 - 배열 요소 제거하기 인덱스를 기반으로 제거하는 경우..
혼공학습단/자바스크립트
혼공학습단 9기_2주차 미션
- 2주차 미션 기본과제 - 실행화면 - 코드 - 코드 풀이 두 조건이 모두 true 일 때는 &&연산자를 사용해줘야 한다 추가 과제 - 실행화면 - 코드 - 효율적인 코드 만들기 split로 문자열을 잘라 사용하기 +spilt메소드는 배열을 만들어내는 메소드 Chapter 03 필기 https://rei050r.tistory.com/53 Chapter 03 03장 03-1 if 조건문 🎈 conditional statement 조건에 따라 코드를 실행하거나 실행하지 않도록 할 때 사용하는 구문. 코드가 실행되는 흐름을 변경하는 것을 조건 분기라고 함 if 조건문 : 괄호 안의 불 rei050r.tistory.com
