JS31 [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. [JS,Error] ncaught ReferenceError: Cannot access 'h3' before initialization 1. 에러 상황 메세지 입력 시 h3 으로 출력이 되야 하는 부분에서 출력이 안되는 상황 발생. 2. 이유 const h3 = room.querySelector(h3) 부분에서 h3의 "" 가 없어 인식을 못함. 3. 해결 const h3 = room.querySelector("h3") 으로 수정해주기 2022. 11. 25. 이전 1 2 3 4 다음 728x90
