STUDY/JavaScript32 [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. [Study] API를 활용하여 날씨 페이지 구성하기 기능 https://openweathermap.org/api API 활용하여 날씨 페이지 구현 버튼 클릭시 해당 지역 날씨 표시 기능 구현 페이지네이션 기능 구현 오류 발견 시 화면단에 오류 내용 출력 날씨 온도에 따라 색 변경 기능 구현 반응형 홈페이지 구현 사용언어 HTML CSS JavaScript Demo App url - https://bottlesun.github.io/study/06-Weather/ API를 활용하여 날씨 페이지 구성하기 해당 API 페이지의 기본적인 날씨 데이터를 받아서 작업을 진행했다. 중심적으로 공부를 하려고 했던 목표는 axios로 API를 활용하는 부분이였다. 01. openweathermap.org/api 사용하기 https://openweathermap.org/c.. 2022. 11. 26. 이전 1 2 3 4 다음 728x90
