오늘의 생각
시작하며
분명 OT날도 회고록을 작성하려고 했는데 벌써 하루 빼먹게 되었다... OTL
오늘부터는 성장하는 새싹개발자가 되기 위하여 매일 회고록을 작성할 예정이다.
지렁이 화이팅!
마치며
첫 페어프로그램을 통해 줌으로 첫 개발자 동료 태욱님을 만나게 되었다!
각자 개발자를 꿈꾸게 된 이야기로 시작하다보니 어느새 긴장됐던 페어프로그램이 편해지고 개발에 대한 정보/지식들도 공유한 유익한 시간이었다. 앞으로도 좋은 동료들의 기운을 받아 열심히 노력하는 지렁이가 되어야지.
아쉬웠던 점
과제를 진행하며 과제 제출하기 버튼이 비활성화되어있는 줄 알고 꽤 애먹었는데, 알고보니 Chrome 다크모드로 인한 이미지 오류현상이었다. 아직 다크모드라는게 대중화되어있는 기본 서비스가 아니다보니 이런 오류(?)가 발생하는 것 같다. 원활한 서비스 이용을 위해서는 잠시 다크모드를 꺼두는 것도 좋은 방법일수도(?)
오늘의 학습내용
1. 변수
1) 변수의 선언
목적
코딩 시 매번 반복되는 작업을 줄여, 효율성 및 가독성을 높이기 위해 사용
데이터를 담는 저장소 개념
Javascript 사용법
let 변수명;
유의점
한번 선언한 변수는 재선언 불가!
2) 변수의 할당
목적
선언한 변수에 값을 넣어주기 위해 사용
저장소에 담을 데이터 개념
Javascript 사용법
1)선언/할당 동시 사용
let 변수명 = 할당값;
2)선언/할당 별도 사용
let 변수명;
변수명 = 할당값;
유의점
할당 시 사용되는 기호 '='은 '같다'는 뜻이 아닌, 오른쪽 값을 왼쪽 변수로 할당해준다는 의미
2. 타입
1) 타입의 종류
string
: 문자열 (' ' 사용)
number
: 숫자(자연수, 소수, 음수 모두 포함)
boolean
: 참/거짓 판별 값(true/false)
undefined
: 정의되지 않은 값(할당되지 않은 값)
function
: 함수
자료형
1) 배열 타입
2) 객체 타입
2) 변수의 타입 확인하기
Javascript 사용법
typeof 사용하기
ex) console.log(typeof 변수명/값);
*console.log()란?
Javascript 콘솔창에 결과값 출력하는 명령어
3. 함수
1) 함수란?
함수란 복잡한 기능을 구현해주는 버튼
목적
반복되는 작업을 함수를 활용하여 재사용할 시 유용
개념/용어
매개변수(parameter)
: 함수 안에서 사용할 매개변수
전달인자(argument)
: 매개변수 안에 대입할 값
2) 함수의 구성
ex)속력/시간을 이용한 거리를 계산하는 함수
function getRunCatDistance(speed, time) {
let distance;
distance = speed * time;
return distance;
}
console.log(getRunCatDistance(3,4));- 함수명 : getRunCatDistance
- 매개변수(parameter) : speed, time
- 전달인자(argument) : 3,4
- body : {중괄호 안 함수의 내용}
3) 함수 작성법
함수선언식
: function 함수명(매개변수){body} 을 이용한 함수 선언법
ex)속력/시간을 이용한 거리를 계산하는 함수
function getRunCatDistance(speed, time) {
let distance;
distance = speed * time;
return distance;
}함수표현식
: 함수를 변수안에 할당하는 방식의 함수 표현법
ex)속력/시간을 이용한 거리를 계산하는 함수
getRunCatDistance = function (speed, time) {
let distance;
distance = speed * time;
return distance;
}화살표함수
: ES6문법을 이용한 화살표함수 표현법
- function 생략 가능
- 함수 body 내용이 return문만으로 구성되어있다면 중괄호{} 및 return 생략 가능
ex)속력/시간을 이용한 거리를 계산하는 함수
getRunCatDistance = (speed, time) => {
let distance;
distance = speed * time;
return distance;
}오답노트
',' 사용 시 let 1번만으로 여러개의 변수 선언 및 할당이 가능하다!
let thing = '두루마리 휴지', num = 3;추가학습
*let / const의 차이
let
: 변수 재할당 가능
const
: 변수 재할당 불가
>> 재할당이 필요할 경우, let 을 사용하도록 하자.
