항해99/0주차 - PreOnboarding(7)
-
Pre-Onboarding 5일차 - Chap.06 객체
객체 - 키와 값으로 구성된 속성을 가진 데이터 타입 ex) const 객체이름 = { 키: 값, 키2: 값2 } 키 값에 접근하는 법 객체이름.키 = 값 객체이름[키] = 값 [단어정리]요소 - 배열 내부에 있는 값속성 - 객체 내부에 있는 값 메소드 - 객체의 속성 중 함수자료형인 것 ex) console.log() this키워드 - 메소드 내에서 자기 자신이 가진 속성을 출력하고 싶을 때 자신이 가진 속성임을 분형하게 표시하기 위해 사용 ex)const pet = {name: '구름',eat : function (food){ alert(this.name + '은/는' + food + '을/를 먹습니다.')}} 동적으로 객체 속성 추가 - 객체.new속성 = '값' ex) const student =..
2022.11.13 -
Pre-Onboarding 4일차 - Chap.05 함수
함수 : 코드의 집합을 나타내는 자료형 ex) function () { 코드; } 익명함수 : 이름이 붙어있지 않은 함수 ex) const abc = function() {} 선언적 함수 : 이름이 붙어있는 함수 ex) function abc () { } 매개변수 : 함수의 () 괄호안에 적는 것으로 함수에 전달하는 매개체 같은 것이다. 리턴값 :함수의 최종 결과값 ex) function test (매개변수){ return 매개변수+1; } 해설: test라는 함수에 매개변수에 1을 넣으니 2라는 리턴값이 나왔다 가변 매개변수 함수: 호출시 매개변수의 값이 가변적인 함수 나머지 매개변수: 정해져있지 않은 개수를 가진 매개변수를 배열로 만든 것 ex) function test(...나머지매개변수){ con..
2022.11.10 -
Pre-Onboarding 2일차 - Chap.04 반복문
배열이란? : 배열이란 연관된 데이터를 하나의 변수에 그룹핑해서 관리하기 위한 방법 및 자료 ex) const a = [1,2,3,4,5] 배열 요소 접근 ex) a[0]= 1 // a의 0번 인덱스의 자료를 가져옴 배열 요소 추가 ex) a.push(6); // a배열 끝에 6을 추가함 혹은 a[5] = 6; // a의 5번 인덱스의 자료에 6을 추가함 배열 요소 제거 ex) a.splice(4,1) // 4번째 인덱스 자료부터 1개 요소를 제거함 혹은 const INDEX = a.indexOf(요소); //원하는 요소의 인덱스 값 a.splice(INDEX,1); // 원하는 요소의 인덱스값으로부터 1개의 요소 제거 특정 위치에 요소 추가하기 ex) a.splice(2,0,요소) // a배열에 2번째..
2022.11.08 -
Pre-Onboarding 2일차 - Chap.03 조건문
조건문 : 조건에 따라서 코드를 실행할 수도 있고 실행하지 않을 수도 있는 문장 - if조건문 : 조건식이 참일 경우 중괄호 안의 코드를 실행 ex) if(조건식) { 조건이 참일 경우 실행될 코드 } if-else 조건문 : 조건이 거짓이 경우 else문안에 코드를 실행 ex) if(조건식) { 조건이 참일 경우 실행될 코드 }else{ 조건이 거짓일 경우 실행될 코드 } if-else-if 조건문: 여러 조건으로 코드를 구분하여 실행 ex) if(조건식 1) { 조건식1이 참일 경우 실행될 코드 }else if(조건식 2){ 조건식 2가 참일 경우 실행될 코드 }else{ 조건이 모두 거짓일 경우 실행될 코드 } switch 조건문 입력된 식의 결과값에 따라 case를 구분하여 코드를 실행함 ex) ..
2022.11.07 -
Pre-Onboarding 1일차 - Chap.02 자료와 변수
자바스크립트에서는 다양한 자료형이 존재하지만 기본적으로 가장 많이 사용되는 자료형으로는 문자열,숫자,불 자료형 등이 있다. 문자열 자료형(String) : 문자들의 집합으로 이루어진 자료형 - "문자열" 혹은 '문자열' 등으로 표현 - 특수기능을 사용하는 특수문자 사용시 이스케이프 문자(\)를 사용한다. ex) 'This is \'String\' '.; 문자열 연산자 문자열 + 문자열 = 연결된 문자열 ex) '문자' + '입니다' = '문자입니다' 문자열 선택 연산자 문자열[인덱스] ex) '문자입니다'[1] = '자' // 문자입니다의 1번째 인덱스 문자인 '자' 선택 문자열 길이 구하기 문자열.length ex) '문자입니다'.length = 5 숫자 자료형(Number) : 숫자로 이루어진 자료형..
2022.11.07 -
Pre-Onboarding 1일차 - Chap.01 자바스크립트 개요와 개발환경 설정
01-1 자바스크립트의 활용 자바스크립트로 할 수 있는 것들 - 웹 클라이언트 애플리케이션 개발 : 브라우저를 통해 동적인 웹페이지를 구현 가능 - 웹 서버 애플리케이션 개발 : Node.Js를 통해 구현 가능, 허나 꼭 필요한 모듈을 제공함으로서 다른 스크립트 언어와 프레임워크를 사용할 때보다 데이터처리와 예외 처리 등이 보다 복잡함 하지만 다른 언어보다 적은 리소스와 빠른 속도가 장점 - 모바일 애플리케이션 개발 : React를 통해 구현 가능 - 데스크톱 애플리케이션 개발 : NW.js 모듈 등으로 조금씩 자바스크립트를 활용하기 시작 - 데이터베이스 관리 : 보통 SQL로 RDBMS(관계형 데이터베이스 관리 시스템)을 관리하지만 NoSQL를 등장하며 자바스크립트로 빅데이터 처리가 가능해짐 01-2 ..
2022.11.07