dh_0e

웹 브라우저: 인터넷 브라우저라 불리며, 웹 서버로부터 정보를 요청하고 받아 사용자에게 보여주는 소프트웨어- HTML, CSS, JavaScript 파일을 전달받아 이를 해석하여 우리의 눈으로 볼 수 있게끔 해줌- 정적인(Static)파일과 동적인(Dynamic)정보를 처리- 정적인 웹 페이지는 서버에서 브라우저로 전송되는 그대로 표시- 동적 웹 페이지는 서버로부터 데이터를 받아 브라우저가 실시간으로 내용을 생성 or 변경함 브라우저의 통신 방식1. 사용자가 웹 브라우저의 주소창에 URL 입력2. 웹 브라우저가 입력받은 URL을 DNS 서버로 전달하여 해당 IP 주소를 찾음3. DNS 서버는 도메인 이름을 IP 주소로 변환4. 웹 브라우저는 해당 IP 주소로 HTTP 요청을 전달5. IP 주소에 연결된 ..

내배캠 3번째 프로젝트는 팀 프로젝트로 이 전에 개인 프로젝트를 팀원들끼리 공유하여 한 프로젝트를 선정하여 발전 시키는 것이다. 우리 팀에선 디자인은 평범하지만 코드가 깔끔한 내 작업물로 진행하기로 했으며, 자연스럽게 내가 팀장을 맡게 되었다. 팀장 역할은 처음이었으며, 프로젝트에 대한 책임감이 많이 올라가 더욱 열심히 했던 것 같다.프로젝트에 추가해야될 필수 요구사항과 선택 요구사항은 다음과 같다.더보기필수요구사항[1] TMDB 또는 영화진흥위원회 오픈 API 이용(택 1 또는 중복 사용)영화진흥위원회 오픈APITMDB, 영화진흥위원회 오픈 API 모두 사용 가능합니다.둘 중 한가지만 사용하여도 무방합니다.기존에 TMDB를 이용해 작성한 과제에 어떻게 적용해야 하나요?안1) 기존 과제의 UI 및 API..

localStorage는 웹 스토리지 객체(Web Storage Object)로 브라우저 내에 객체로서 저장할 수 있게끔 해주는 문법이다.localStorage에 저장한 값은 웹을 새로고침하거나 꺼도 유지되며 다시 실행하면 데이터가 사라지지 않고 남아있다.하지만 api를 사용하는 것이 아닌 브라우저 내에 저장하는 것으로 다른 컴퓨터(사용자)와 코드만 공유할 경우 저장한 값을 공유할 수는 없다. 본인의 로컬에서만 저장 및 수정이 가능하며 대부분의 브라우저가 2MB 이상의 객체를 저장할 수 있다. get, set, remove localStorage.setItem(key, value) - key, value 쌍을 저장함 (이미 존재하는 key라면 덮어씀)localStorage.getItem(key) - ke..

내배캠 2번째 프로젝트를 진행했다. 첫 번째는 팀으로 진행되는 미니 프로젝트였는데 처음 해보는 프로젝트라 정신이 없어 서로의 코드를 설명하는 시간도 가지지 못하여 정리가 되지 않아 포스팅하지 못했다.. 과제 설명이번 프로젝트는 개인 프로젝트로 영화정보 오픈 API인 TMDB를 사용하여 영화 검색 사이트를 제작하는 것이었다.특이한 점은 jQuery 라이브러리를 사용하지 않고 순수 바닐라 자바스크립트만으로 구현하는 것이었고,  학습해온 자바스크립트 문법을 최대한 활용하여 영화 리스트 조회 화면과 검색 UI를 구현하는 것이었다.필수 요구사항은 다음과 같다.더보기필수요구사항[1] jQuery 라이브러리 사용없이 순수 바닐라 자바스크립트 사용하기JavaScript 문법 종합반에서 학습한 내용과 지난 예제문제를 참..

innerHTMLinnerHTML은 해당 HTML요소에 있는 HTML을 반환하며 추가적인 HTML 코드를 삽입할 때에 사용된다.요소는 DOM으로 가져올 수 있으며 아래 링크에서 두 가지 방법이 설명되어 있다. [JavaScript] 주요 문법 정리(3) ( 문서 객체 모델(DOM), Class와 상속, 클로저(Closure) )DOM이란Document(HTML파일)를 Javascript가 해석할 수 있는 Object 형태로 Moudeling 한 것 브라우저에 기본적으로 내장되어 있는 API 중 하나( API는 다른 시스템에서 제공하는 기능을 사용할 수 있도록dh-0e.tistory.com 안녕하세요! addEventListneraddEventListner() 메서드는 지정..