이번의 목표 01. 연산자(+=, -=, *=, /=, %=)에 대해 알아보자 지난시간에는 논리 연산자와 삼항 연산자에 대해 알아보았습니다. 이번에는 대입연산자, 그중에서도 +=, -=, *=, /=, %= 에 대해 알아보겠습니다. 아래의 두 변수가 있습니다. int a=0; int b=0; a = a+1; b += 1; 이때, a와 b의 값은 같습니다. 좌항의 변수에 우항의 값을 더하고 그 값을 좌항의 변수에 저장하는 것입니다. 이는 -=, *=, /=, %= 모두 공통 적용되는 사항입니다. 01. 코드 02. 실행 화면 01. 코드 02. 실행 화면

이번의 목표 01. 연산자( &&, ||) 에 대해 알아보자. 02. 삼항 연산자에 대해 알아보자. 지난 시간에는 == ,!=, ===, !== 네가지의 연산자를 배워봤습니다. 이번에는 and연산자, or연산자 그리고 삼항 연산자에 대해 알아보겠습니다. 자바를 공부했다면 위의 연산자들은 이미 배웠을것입니다. 기능 또한 동일하기 때문에 이해가 쉽습니다. && (and연산자), || (or연산자)는 이항 연산자 중에 논리 연산자로 구분됩니다. 연산자의 좌 우에 들어갈 수 있는 피연산자의 값은 boolean 자료형만이 올 수 있습니다. 즉, true 또는 false 만이 올 수 있습니다. &&(and연산자)는 피연산자의 값이 모두 true 일때 true를 반환 합니다. 그 외의 경우에는 모두 false를 반환..

이번의 목표 01. 연산자(==, !=, ===, !==)에 대해 알아보자 JS에서도 Java와 마찬가지로 비교 연산자가 있습니다. 하지만 기존에 보지못했던 비교 연산자가 두가지가 있습니다. === !== 입니다. ===, !== 는 두 값과 자료형이 같은지를 확인합니다. 기존의 ==, !=은 값만 비교했지만 ===, !== 는 값과 자료형 모두 같은지를 확인하기 때문에 상황에 맞춰 사용하면 되겠습니다. 01. 코드 02. 실행화면 01. 코드 02. 실행 화면 ① number + string 의 값은 string으로 반환되는 것을 확인할 수 있습니다.

이번의 목표 01. document 에 대해 알아보자. 02. document의 write() 메서드를 사용해보자 02. 실행 화면

이번의 목표 01. 동기 통신과 비동기 통신에 대해 알아보자. 02. JS에서 사용하는 자료형에 대해 알아보자. 통신에는 동기 통신과 비동기 통신이 있습니다. 비동기 통신은 AJAX 라고도 부릅니다. 동기 통신은 request와 response가 같이 발생한다는 특징이 있습니다. 비동기 통신은 request 와 reponse가 동시에 일어나지 않습니다. 바로 이 둘의 예시부터 알아보겠습니다. 동기 통신은 페이지상의 링크나 버튼 등을 눌러 새로운 페이지로 전환, 이동등을 하는 것이 그 예시입니다. 비동기 통신은 네이버에서 검색창에서 키워드를 입력시 관련된 키워드가 나오는 것을 그 예시로 볼 수 있습니다. 보다 간단하게 생각해보자면 사용자가 엑션을 취했을때 화면이 깜빡거리며 새로이 로딩되는건 동기 통신, 데..

이번의 목표 01. caption-side를 이용하여 테이블에 제목을 달아보자 02. empty-cell 을 이용하여 빈 셀을 공백으로 만들어보자 태그에는 를 사용하여 제목을 달아줄 수 있습니다. 이때 기본값은 항상 테이블의 상단에 위치하도록 되어있습니다. 위치를 변경하기 위해서는 caption-side 를 사용하면 됩니다. top, bottom, left, right 로 위치 변경이 가능합니다. 그리고 다음으로 알아볼 것은 empty-cells 입니다. 테이블을 만들때에 필요에 의해서 빈칸을 만들어야 하는 경우가 있습니다. 그런 경우에는 보통 또는 를 이용하여 바로 태그를 닫는데 이렇게 되면 에 걸어둔 스타일이 적용되어 빈칸에 적용된 스타일만 덩그러니 나타나게 됩니다. 이를 아예 공백으로 만들기 위해서..