Front/Html Css JS

Front/Html Css JS

[JavaScript] function 은 statment 이면서 value 이다.

홀리 쉣이게 된다고?자스 이 미친 언어이렇게 써볼 생각도 못했네익명 함수는 많이 써봤지만 그걸 배열이나 객체에 넣어볼 생각은 정말 해본 적 없는데아 근데 생각해보니까 객체에 함수를 담는건 본 적 있는 듯??그냥 그렇구나 하고 넘겼는데 "자바스크립트에서 함수는 값이다" 라는 개념이 적용된 문법이었구나..  // function 은 statment 이면서 value 이다.var f = function() { console.log(1+1);};// 배열과 객체의 원소로 함수를 넣을 수 있음!!!!!!!!var arr = [f];var obj = { func : f };f();arr[0]();obj.func();  // 객체는 복잡한 코드를 정리정돈해서 복잡성을 낮추는 기본적인 기능에서부터 출발한다.var..

Front/Html Css JS

[JavaScript] JSON / AJAX + JSON

▼ 더 많은 정보 더보기 https://www.oracle.com/kr/database/what-is-json/ JSON이란 무엇인가? JSON을 이용하는 프로그래머, 개발자, IT 전문가들은 어떤 언어에서든 데이터 구조와 실제 데이터를 다른 언어 및 플랫폼에서 해석 가능한 형식으로 전송할 수 있습니다. www.oracle.com https://developer-talk.tistory.com/268 [JavaScript]JSON parse 와 JSON stringify 차이 JSON이란? JSON(JavaScript Object Notation)은 데이터를 객체로 표현하는 형식으로 JavaScript의 객체 형식을 모방합니다. 처음에는 JavaScript 전용으로 만들어졌지만, 현재는 Java, Pyth..

Front/Html Css JS

[JavaScript] AJAX

https://intheham.tistory.com/44#%3C%20DOM%20%3E-1 [JavaScript] form, image, DOM ※ 내장 객체 서열 window : 창의 위치, 툴바 구성 등 | document : 윈도우창에 웹 페이지 뿌리기 | form, image | button, text, textarea, radio.... (value 로 접근) - get, post // 이름이 t1인 입력 양식의 값 -- f.t intheham.tistory.com AJAX (Asynchronous JavaScript and XML) : 비동기 자바스크립트와 xml 웹 동기 요청 -- 요청을 보내면 새 페이지로 응답페이지를 받아옴. 전체 페이지 바뀜. 웹 비동기 요청 -- 응답 페..

Front/Html Css JS

JS로 쇼핑몰 구현

홈화면 - 대문 이미지 1초마다 변하게 하기 - 카테고리 이미지 누르면 (onmouseover, onmouseout) 대분류 카테고리 나오기 - 대분류 카테고리에서 항목에 마우스를 올리면 중분류 뜨게 하기 shop 의류 가전 가구 잡화 제품상세화면 - 홈화면에서 하단의 상품 이미지를 누르면 제품상세 html 페이지로 넘어가기 - 이미지에 마우스를 올리면(onmouseover) 이미지 변하게 하기 - 주문 수량에 따라 (주문수량 * 가격) 값을 결제 금액에 띄우기 (onchange) 제품 상세 페이지 제품명파란 하트 가격30000 주문수량 결제금액 결제 상품 상세 설명 봄이 생각나는 하트

Front/Html Css JS

[JavaScript] form, image, DOM

※ 내장 객체 서열 window : 창의 위치, 툴바 구성 등 | document : 윈도우창에 웹 페이지 뿌리기 | form, image | button, text, textarea, radio.... (value 로 접근) - get, post // 이름이 t1인 입력 양식의 값 -- f.t1.value form: 사용자가 입력한 데이터를 서버 페이지에 제출 => 서버 페이지는 전달한 값들을 받아서 처리 - get (Servlet에서 doGet 호출) : 링크 이동 / url 쳐서 들어가는 것 : 데이터를 url 뒤에 붙여서 보냄. 보안 취약. : url 길이의 제약이 있어 데이터 크기 제약됨. : 한글이 더 많이 깨짐. - post (Servlet에서 doPost 호출) : 패킷에 ..

Front/Html Css JS

JS로 방명록 만들기

작성자: 글 비밀번호: 내용: 작성버튼 작성 버튼 누르면 밑에 글 내용 수정버튼 삭제버튼 계속 추가 prompt() -- alert에 값을 입력받는 창이 뜬다. style="display: none;" -- 화면에 안보이게 하고 자리 할당 안 함. 에 있긴 함. .style.display = ''; -- 화면에 나타나게 함. innerHTML 태그로 입력받은 값: value 부모 요소 는 자식 요소보다 상위 요소임 document.getElementById("parent").appendChild(document.getElementById("child1"); document.getElementById("parent").removeChild(document.getElementById("child1"); 방명..

Front/Html Css JS

JS로 회원가입 폼 만들기

회원가입 폼 id pwd pwd 확인 email 가입버튼 누르면 id 6글자 이상 필수사항 pwd 5글자 이상 pwd 와 pwd 확인이 일치해야 함. 내 코드 id: pwd: pwd 확인: email: 강사님 코드 - alert가 한 번만 뜸. (우선순위대로 id->pwd->pwd확인) - 필수조건을 모두 충족하면 submit함 ※ 테이블 여백 제거 ( 여백 없애기) (표 테두리 사이 공백 없애기) - cellspacing = "0" - border-spacing: 0px 회원가입 ID PWD PWD확인 EMAIL 가입 Servlet ※ 한글 안깨지게 request.setCharacterEncoding("euc-kr"); response.setCharacterEncoding("euc-kr"); respo..

Front/Html Css JS

[JavaScript] 알림창, 페이지이동, 이벤트 핸들러

변수: 변하는 값 저장 상수: 변하지 않음 - 변수 선언 해도 되고 안해도 됨. -- 변수를 선언하지 않고 값을 할당하면 전역변수됨. function f1() { kkk = 10; } alert("kkk: " + kkk); - 변수 선언할 때 타입 지정 안함. (값의 형태에 따라 자동으로 타입 결정됨) - 변수명 있어도 되고 없어도 되고 - ; 있어도 되고 없어도 되고 - 태그 안에 작성함. -- https://www.oracle.com/kr/database/what-is-json/ JSON이란 무엇인가? JSON을 이용하는 프로그래머, 개발자, IT 전문가들은 어떤 언어에서든 데이터 구조와 실제 데이터를 다른 언어 및 플랫폼에서 해석 가능한 형식으로 전송할 수 있습니다. www.oracle..

함s
'Front/Html Css JS' 카테고리의 글 목록