javascript29 [JavaScript] 연산자(3) 6. 논리연산자 논리 연산자는 논리식을 판단하여, 참(true)과 거짓(false)을 반환한다. 6-1. and 연산자 and 연산자는 값이 전부 true인 경우에만 true를 반환한다. 6-2. or 연산자 or 연산자는 값에 하나라도 true 가 포함되면 true를 반환한다. 6-3. 복합 사용 and 연산자와 or 연산자를 같이 사용하게 될 경우 and 연산자보다 or연산자를 우선으로 계산하게 된다. console.log(true && true || true); // true || true -> true 반환 후 && true 와 논리 판단 -> true && true = true // 값은 true 6-4. NOT 연산자 논리식의 결과가 true이면 false를, false이면 true를 반환한다.. 2022. 11. 27. [JavaScript] 연산자(2) 4. 증감연산자 증감 연산자는 1씩 증가 혹은 1씩 감소시킬 때 사용하는 연산자이다. 이 연산자는 피연산자가 단 하나뿐인 단항 연산자이다. 4-1. 전위 증감 연산자 전위 증감연산자는 증감연산자 값을 먼저 증가시키고 100 값을 더하게 된다. (100 + 2) 4-2. 후위 증감 연산자 후위 증감연산자는 산술 연산자 값을 먼저 합하고 뒤에 증가 연산을 진행이 된다. (100 + 1) 전위 증감 연산과 후위 증감 연산의 단항 연산자에서의 값은 똑같다. 5. 비교연산자 비교 연산자는 비교값 사이의 상대적인 크기를 판단하여, 참(true)과 거짓(false)을 반환한다. 5-1. 비교 값이 같은경우 비교 값이 같은 경우 true를 반환한다. 5-2. 비교 값이 다른경우 비교 연산자를 사용할때, 맞는경우가 아닌.. 2022. 11. 27. [JavaScript] 연산자(1) 1. 산술 연산자 사칙연산을 다루는 기본적이면서도 가장 많이 사용되는 연산자이다. 값의 결합 방향은 왼쪽에서 오른쪽입니다. ex) a + b = ab 1-1. 결과 값을 다른 변수에 할당 연산한 값을 다른 변수에 저장하여 출력 하는것도 가능하다. 1-2. 문자열 연산 산술 연산을 할때, 숫자 값만 연산이 되는게 아니고 문자열도 연산이 가능하다. 문자열의 연산은 값을 섞어서 다른 값으로 만드는게 아닌 값을 합치는 역할을 하게 된다. 1-3. 문자열과 다른 타입의 더하기 연산 문자열과 문자열이 아닌 다른 타입의 연산들을 더하게 되면 값은 그대로 문자열의 더하기 연산처럼 출력을 하게 된다. 2. 대입 연산자 대입 연산자는 변수에 값을 대입할 때 사용하는 연산자 이다. 또한, 앞서 살펴본 산술 연산자와 결합한 .. 2022. 11. 27. [JavaScript] 데이터타입 1. 동적 타이핑 자바스크립트는 loosely typed 언어, 혹은 동적 언어이다. 변수의 타입을 미리 선언할 필요가 없는 언어이다. 타입은 프로그램이 처리되는 과정에서 자동으로 정해진다. 또한 그 말은 같은 변수에 여러 타입의 값을 넣을 수 있다는 뜻이다. 출처 : [JavaScript MDN] 1-1 데이터 타입 데이터 타입은 typeof 를 사용하여 알아볼 수 있다. 자바스크립트에서 type으로 구분 되는 데이터 종류로는 number , boolean , string , undefined , object 가 있다. number (숫자형) 값에 숫자만 있다면 자동으로 타입은 number로 인식한다. 자바스크립트에서는 숫자형 같은 경우는 정수든 소수든 전부 number 로 인식한다. boolean (.. 2022. 11. 27. [JavaScript] 상수(const) 1. 상수(const) 프로그래밍에서의 상수는 프로그램이 실행되는 동안 '값이 고정되어 변경할 수 없는 메모리 공간'을 의미합니다. 변수처럼 정의해서 사용할 수 있습니다. 1-1 상수 특징 변수를 사용하려면 변수 선언을 했듯이 상수도 변수처럼 정의하여 선언을 해 사용한다. 변수의 선언은 값을 선언하고 그것을 다른 값으로 변경 해줄 수 있다면, 상수의 특징은 값을 선언하면 그 값을 변경 할 수가 없다. 1-2 결과 할당을 한 변수는 다른 값을 넣어주면 변경이 불가능하다. 출력 순으로 확인했을 경우, 첫번째 console.log는 출력이 되었지만 두번째 출력에서는 에러가 나타나게 된다. 2022. 11. 27. [JavaScript] 변수(let , var) 1. 변수 (let , var) 프로그래밍에서의 변수는 하나의 데이터를 담는 저장 공간이다. 변수의 사전적 의미는 변할수있는 값이라는 뜻이다. 프로그래밍 속에서의 변수도 변할수 있는 데이터 값을 의미한다. 1-1 변수선언 변수를 사용하려면 변수 선언이라는 걸 먼저해야한다. 컴퓨터에게 이건 이런 변수니까 기억해 라고 알려주는 일이라고 생각 하면 된다. 자바스크립트 속의 장점은 변수를 선언 할때, 다른 언어들에서는 변수명 + 타입을 같이 표기 해줘야 하지만 자바스크립트에서는 숫자와 문자 데이터 오브젝트의 값들에 대한 타입 표기를 하지 않아도 된다. 변수의 이름을 만들어준다음에 그 변수라는 저장 창고안에 하나의 데이터값을 입력하는 것을 할당이라고 한다. number 라는 변수명을 만들고, 그 변수에게 너의 데.. 2022. 11. 27. [JavaScript] JS 사용하기 JavaScript 사용해보기 html css의 정적인 부분에 동적인 기능을 더하기 위해 사용 한다고 했던 자바스크립트를 사용하기 위해서는 태그를 사용해야한다. css와 같이 인라인태그로써 사용도 가능하고, 별도의 JS파일을 참조하여 불러와서 사용 할 수도있다. 01. HTML에서 인라인에서 script 사용하기 html 파일 속 인라인태그로 스크립트를 사용하는 방식은 해당 html 파일 안에 script태그를 사용하여 태그 속에 내용을 넣어주는 방식이다. 태그 속 내용을 집어 넣는 방식이다. * console.log()는 개발자도구에 console이라는 페이지에 문자열을 출력하게 하는 방법이다. 02. HTML 밖에서 별도의 JS 파일을 가지고 오기 html 파일 안에서가 아닌 다른 외부 파일로 js .. 2022. 11. 27. [JavaScript] JS 알아보기 Java Script 자바스크립트는 html css로만 만들어진 정적인 웹 브라우저에 동적인 작업을 위해 만들어진 프로그래밍 언어이다. 1. 자바스크립트 언어의 특징 자바스크립트는 동적 프로토 타입 기반 객체 기반의 언어다. 자바스크립트는 객체 기반 언어이지만 JAVA C++ 등과 다르게 클래스라는 개념이 없다. 만들려는 클래스의 틀에서 상속받아 내려오는 클래스 기반과 다르게 원형의 객체에서 복제 과정을 통해 새로운 객체를 생성하는 언어이다. 자바스크립트는 인터프린터 언어다. 자바스크립트에서 작성 된 코드는 작성된 순서대로 위에서 아래로 읽어 출력을 한다. 코드에 문제가 생길 경우 그 에러코드 이후의 코드들에 대한 분석을 하지 않는다. 자바스크립트는 웹에 특화된 언어다. html문서의 정적인 부분을 동적.. 2022. 11. 27. [Study] API를 활용하여 뉴스페이지 구성하기 기능 https://docs.newscatcherapi.com/ API 활용하여 뉴스 페이지 구현 검색어 입력시 해당 키워드의 뉴스 내용이 나오는 검색 기능 구현 메뉴 클릭시 해당 메뉴 그룹의 내용이 나오는 탭 기능 구현 오류 발견 시 화면단에 오류 내용 출력 슬라이드 메뉴바 구현 반응형 홈페이지 구현 사용언어 HTML CSS JavaScript Demo App url - https://bottlesun.github.io/study/05-NewsTimes/ 01. newscatcherapi 사용하기 https://docs.newscatcherapi.com/ 해당 api를 사용하기 위해서는 회원가입을 하여, 고유 api-key를 받아야 하는데, 무료 기간은 30일이고, 한달간 사용 할 수 있는 한도가 정해.. 2022. 11. 26. 이전 1 2 3 4 다음 728x90
