About Computer

+ (덧셈)

- (뺄셈)

* (곱셈)

/ (나눗셈)

% (나머지)

% (나머지)는 언제 사용될까?

X % 2 = 1 //홀수

Y % 2 = 0 //짝수

** (거듭제곱)

const num = 2**3;

console.log(num) //8 출력

연산자 줄여서 쓰기

+=, -=, *=, /=, %=

let num = 10;

num += 5;

console.log(num); //15 출력

++ (증가 연산자), -- (감소 연산자)

let num = 10;								let num = 10;

let result = num++;							let result = ++num;

console.log(result); →10 출력					console.log(result); → 11 출력

↓[코딩앙마] 자바스크립트 기초 강좌 링크

https://www.youtube.com/watch?v=51vNZFKZ_L8 

형변환은 왜 필요할까?

문자열과 문자열을 더하면 두 문자열을 이어서 보여준다.

숫자와 숫자를 더하면 두 수를 합하여 보여준다.

하지만 자료형이 다르면 의도치 않은 동작이 발생할 수 있다.

const mathScore = prompt(“수학 점수를 입력해주세요.”); //90 입력

const engScore = prompt(“영어 점수를 입력해주세요.”); //80 입력

const result = (mathScore + engScore) / 2;

 

console.log(result); //4540 출력

이러한 결과가 나온 이유는 prompt로 입력 받은 값은 문자형이기 때문이다.

위에서 “90” + “80” = “9080” 이 되고 “9080”/2 = 4540이 된 것이다.

여기서 + 는 문자열+문자열이 되어 두 문자열을 연결시켜준 것이고, /2는 숫자형으로 변환되어 계산된 것이다. 이러한 것을 자동 형변환이라고 한다.

자동 형변환은 원인을 찾기 힘든 에러를 발생시킬 수 있기 때문에 명시적 형변환을 해주는 것이 좋다.

1.      String() → 문자형으로 변환

2.      Number() → 숫자형으로 변환

3.      Boolean() → 불린형으로 변환

1. String()

String(3)				→		“3”

String(true)			→		“true”

String(null)			→		“null”

String(undefined)		→		“undefined”

2. Number()

Number(“1234”)		→		1234

Number(“12abc”)		→		NaN

Number(true)			→		1

Number(false)			→		0

Number(null)			→		0

Number(undefined)		→		NaN

주의사항

Number(0)			→		true

Number(‘0’)			→		false

Number(‘’)				→		false

Number(‘ ’)			→		true

3. Boolean()

불린형의 변환은 false만 기억하고 있으면 된다. false에 해당하는 값 이외에는 모두 true를 반환한다.

false

-         숫자 0

-         빈 문자열 ‘’

-         null

-         undefined

-         NaN

↓[코딩앙마] 자바스크립트 기초 강좌 링크

https://www.youtube.com/watch?v=CwOlWQ1mAqg 

프로젝트 목적

WhenWhatHow, WWH는 실내 취미 생활 공유 사이트로 코로나19 유행의 장기화에 따라 집에서의 생활이 일상화되었음을 고려하여 많은 사람들이 다양한 실내 취미생활을 공유하면서 자신이 알지 못했던 활동을 발견할 수 있는 웹페이지를 만드는 것이 목표이다.

프로젝트 내용

WWH에서는자신이 하고 있는 취미 활동의 정보와 후기를 적어 다른 이들에게 공유하고, 수많은 사람들의 데이터베이스를 바탕으로 자신이 해보지 못한 새로운 활동에 대해 알아갈 수 있다. 다양한 실내 활동에 대해 알아가고, 비슷한 관심사와 취미를 공유하는 사람들과 온라인으로 소통하며 건강한 취미생활을 할 수 있으면 하는 바람이다.

개발 언어 및 환경

개발언어 - JavaScript, JSP

개발환경 - Eclipse, Tomcat

사용 기술 및 특징

1) Tomcat으로 로컬 서버 구축

2) cos.jar 라이브러리로 파일 업로드 구현

3) 로컬스토리지에 데이터 저장

결과화면

https://www.youtube.com/watch?v=gPizpMBG1UI