프로그래밍

2023.06.27.화 ajax() 메서드와 JSON 데이터 ajax() 메서드는 "비동기처리"를 지원한다 페이지 이동없이 (별도의 페이지 호출없이), 현재 페이지에서 필요한 데이터를 바로 로드해서 작업이 가능하다 JSON 데이터는 JavaScript Object Notation(JSON)의 줄임말이다 인간이 읽을 수 있는 문서로 이루어졌으며 코딩이 더 적게 필요하고, 처리 속도가 빠른 경량 언어이기 때문에 자주 쓰인다 JSON 데이터 [ {"name": "홍길동", "score1":50, "score2":100}, {"name": "아무무", "score1":75, "score2":82} ] ajax() 메서드로 JSON 데이터를 불러와 테이블로 출력 학생이름중간고사기말고사 ajax() 메서드로 JSO..

2023.06.26.월 jQuery 제이쿼리는 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리이다 링크로 연결하는 CDN방식과 직접 라이브러리 파일을 다운받아 적용시키는 방식으로 사용할 수 있다 CDN 연결방식 jQuery로 요소 선택 후 스타일 적용 jQuery를 사용하면 보다 손쉽게 요소를 선택할 수 있다 로고 공지사항 메뉴01 하위 메뉴 01 하위 메뉴 02 메뉴02 메뉴03 메뉴04 ready() jQuery를 사용하여 요소들이 모두 준비되면 함수를 작동시키는 예제 jQuery를 활용한 갤러리 예제(사진 옆으로 넘기기) HTML 삽입 미리보기할 수 없는 소스 / jQuery를 활용한 마우스 이벤트 HTML 삽입 미리보기할 수 없는 소스 jQ..

2023.06.26.월 자바스크립트 주사위/가위바위보 예제 지금까지 익힌 자바스크립트로 컴퓨터와 주사위/가위바위보 게임을 하는 예제를 만들어 보자 주사위 HTML 삽입 미리보기할 수 없는 소스 게 임 시 작 COM ME 가위바위보 HTML 삽입 미리보기할 수 없는 소스 게 임 시 작 COM ME

2023.06.23.금 BOM (Browser Object Model) 웹에서 기본 제공해주는 다양한 객체이다 대부분의 브라우저에서 구현은 되어있지만, 정의된 표준이 없어 브라우저 제작사 마다 세부사항이 다르고 다소 한정적이라는 특징이 있다 BOM 객체를 통해 웹 브라우저의 버튼, URL 주소 입력 창, 타이틀 바 등 웹브라우저 윈도우 및 웹페이지의 일부분을 보다 쉽게 제어할수 있게 된다 history 객체 현재의 브라우저가 접근했던 URL history에 대한 객체이다 HTML 삽입 미리보기할 수 없는 소스 BOM : history 객체 다음 window 객체 Global Context, 브라우저 창 객체이다 HTML 삽입 미리보기할 수 없는 소스 BOM : window 객체 새 창 열기 창 닫기 활용..

2023.06.23.금 자바스크립트 이벤트 활용 예제 이제까지 익힌 자바스크립트를 통해 이벤트 활용 예제를 구현해보자 2023.07.04 - [Web] - [Web] day34 : 자바스크립트 이벤트 연결01 [Web] day34 : 자바스크립트 이벤트 연결01 2023.06.22.목 이벤트 연결 웹에서 어떠한 행동을 할 때 변경사항 혹은 어떠한 일을 수행하고 싶을 수 있는데 이러한 '이벤트'를 문서의 요소와 연결 시킬 수있다 이벤트 연결은 상단 배치 무명함수 dev-9rm.tistory.com 2023.07.04 - [Web] - [Web] 자바스크립트 이벤트 연결02 [Web] 자바스크립트 이벤트 연결2 2023.06.23.금 이벤트 연결 사용자의 커뮤니케이션에 따라 변경되는 이벤트 구현 2023.0..

2023.06.23.금 이벤트 연결 사용자의 커뮤니케이션에 따라 변경되는 이벤트 구현 2023.07.04 - [Web] - [Web] day34 : 자바스크립트 이벤트 연결01 [Web] day34 : 자바스크립트 이벤트 연결01 2023.06.22.목 이벤트 연결 웹에서 어떠한 행동을 할 때 변경사항 혹은 어떠한 일을 수행하고 싶을 수 있는데 이러한 '이벤트'를 문서의 요소와 연결 시킬 수있다 이벤트 연결은 상단 배치 무명함수 dev-9rm.tistory.com 키보드 입력 이벤트 HTML 삽입 미리보기할 수 없는 소스 마우스 입력 이벤트 HTML 삽입 미리보기할 수 없는 소스 속성 값에 따라 이벤트 등록 HTML 삽입 미리보기할 수 없는 소스 id 속성값이 check인 목록에 변화주기 class 속성..