yoon's Devlog

1. 함수 호출 시 함수 안쪽으로 실행순서가 들어가고 끝나면, 혹은 return을 만났을 때 최소한 undefined라도 반드시 어떤 값을 가지고 온다. 2. undefined도 데이터 타입의 일종이다. 3. 함수는 일괄수행할 자바스크립트를 묶어놓는 기능을 한다. 첫번째 예제를 살펴보자. 예제1 f1함수를 제외하고는 모두 return을 해주는 모습을 확인할 수 있다. 위의 사진에서 let result1 = f1; 일 경우, result1의 data type은 function 이고, let result2 = f2();로 했을 때 f2함수를 호출하고 함수가 끝나고 리턴된 값이 999 즉 number data type이므로 result2의 data type 역시 number이다. 하지만 let result3 ..

1. 자바스크립트에서 순서가 있는 정보는 array에, 순서가 없는 정보는 object에 담아 관리한다. 2. 배열은 파이썬과 유사하고, 배열에 아이템 추가는 push함수를 사용한다. 3. splice함수는 삭제, 끼워넣기 기능을 수행할 수 있다. 삭제 시, splice(삭제를 시작할 index, 삭제할 갯수)로 사용하고, 끼워넣기 시, splice(끼워넣을 인덱스, 삭제할 갯수 0개, 새로운 item)으로 사용한다. 4. 배열에는 주로 한가지 데이터 타입을 담는 것이 일반적이다. => 따라서, 여러가지 데이터 타입을 한번에 관리하기 위해 배열에 plain object type 역시 담을 수 있다. 6. function도 데이터 타입의 일종이다. => 따라서 오브젝트에 함수도 담을 수 있다. 7. 함수 ..

자바스크립트에서는 let을 사용하여 데이터타입을 정의한다. 주의할 점!! 자바스크립트는 파이썬과 마찬가지로 스크립트 언어로 포인터를 사용하지 않는다. 따라서, 숫자, 문자열 등 '값'을 저정하는 변수는 데이터 copy가 되지만, object type을 '='을 사용하면 C언어의 포인터처럼 값 복사가 아닌 주소 참조가 된다. 예를 들자면, let mem1={num:1, name:"김구라", isMan:true}; let a = mem1; let tmp = a; mem1.num = 2; mem1.name = "hello"; mem1.isMan = False; 와 같이 코드를 짰을 때, 처음 예상하던 tmp의 기댓값은 {num:1, name:"김구라", isMan:true} 였지만, 실제 실행결과는 mem1이..

핵심 1. 함수는 특정 시점에 일괄 수행할 javascript를 모아 놓는 역할을 한다. 2. 함수는 페이지 로딩시점에 생성되고 호출을 통해 호출되는 시점에 실행된다. 3. document.querySelector('p').innerText = num1; 4. ' . '이후에 쓰이는 것을 우리는 '참조한다' 라고 말한다. 예제1 눌러보셈 예제2 onclick과 함수를 사용하여 클릭(1번) 시 사진이 바뀌도록 만들기. 눌러보셈 예제3 두 개의 버튼에 각각 함수 적용. 눌러보셈 눌러보셈2 예제4 onmouseover을 사용하여 마우스를 올렸을 때 함수가 실행되도록 구현 눌러보셈 마우스를 올리셈 0

핵심 오브젝트와 함수에 대해 살펴보기.

핵심 1. a(anchor) 요소는 하이퍼링크, 책갈피, javascript 등을 수행할 때 사용한다. 2. 인라인 요소는 원래 블럭 요소를 자식요소로 가질수 없다. 단 a 요소만 예외적으로 div 같은 블럭요소를 자식요소로 가질수 있다. 3. .container와 같은 클래스 속성은 특정 요소를 그룹으로 묶고 싶을 때 사용한다. 예제1 a(anchor) 요소는 하이퍼링크, 책갈피, javascript 등을 수행할때 사용한다. hello.html 로 이동 daum 으로 이동 naver 로 이동 어쩌구 저쩌구 Lorem ipsum dolor sit, amet consectetur adipisicing elit. Est, cupiditate qui quaerat magnam necessitatibus nem..

핵심 1. label 작성법 (1) label for 사용하기 (2) label 자식요소로 input 넣기 2. label 의 for 속성의 값과 input의 id 속성의 값이 동일하게 작성되어야 함. 3. fieldset legend는 label이 제공하는 정보 외에 추가적인 정보를 제공함.(ex. legend: 성별, label: 남) 4. radio에서 name 속성의 value가 똑같으면 그룹으로 묶임. 5. chekbox에서는 name 속성의 value가 똑같더라도 그룹으로 묶이지 않음. 6. option에 value가 없다면 innerText를 전송함. 7. select 안에서 카테고리를 지정하고 싶으면 optgroup을 사용함. 8. submit은 꼭 폼 안에 작성해야함. 9. 폼 작성 후 ..

표(table) 형식으로 정보를 출력하기 번호 이름 주소 1 김구라 노량진 2 해골 행신동 번호 이름 주소 1 김구라 노량진 2 해골 행신동 번호 이름 주소 1 김구라 노량진 2 해골 행신동 * 스타일 적용 시 id를 활용한다. table 요소 사용하기 회원 목록 번호 이름 주소 1 김구라 노량진 2 해골 행신동 tfoot 이 있는 table GS25 현금, 카드 매출 내역 상품명 현금 카드 합계 4,300원 800원 삼각김밥 800 0 도시락 3,500 0 박카스 0 800 * caption으로 table 제목 설정 * 열 혹은 행 그룹지어 설정 * tfoot 기본 스타일 테이블 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 1, 2 칼럼 합치기 1 3 4 5 6 7 8 9 10 11..