김루루의 개발일기

◎Table 태그 (표) 데이터를 담는 표를 만들때 자주 사용. Tip! 가로줄을 기준으로 생각하고, 데이터를 담을 셀인가? 헤더에 관한 셀인가?를 정한다. ※ 다음에 가 있어도 웹페이지에서는 마지막으로 보임. -- 순서로 작성한다. 1월 출지 2월 지출 총 합계 30,000원 50,000원 식비 10,000원 30,000원 의류 20,000원 20,000원

◎switch 문 복수의 If 조건문을 switch문으로 바꿀수 있다. switch( x ){ case 'value1': 본문코드 break; case 'value2': 본문코드 break; default : 본문코드 break; } switch( x ){ case 'value1': /* x 와 value1 값을 비교 후 true일때 본문코드 실행 하고 종료(break). false 일때 다음 case문으로 넘어감 */ 본문코드 break; case 'value2': 본문코드 break; default : /* x 와 일치하는 value 가 없다면 default문 아래의 코드가 실행됨. (default문은 필수 X)*/ 본문코드 break; } ※ 만약 case에 break가 없다면, 값이 일치하는 ca..

◎for 반복문 for ( begin ; condition ; step ) { 반복문 본문 } begin : 초기값 condition : 조건 step : 반복 본문 실행이후 실행되는 값 ※ 인라인 변수선언 반복문 안에서만 선언된 변수로 반복문 안에서만 접근이 가능하다 인라인 변수 선언 대신, 밖에 정의 되어 있는 변수를 사용 할 수 도 있다 ※ for 구성요소 생략가능 ( begin / step ) //begin 생략 예시 : let i = 0; for (; i < 5 ; i++){ alert(i); } //step 생략 예시 : let i = 0; for (; i < 5 ; ){ alert(i++); } ◎break 대부분의 반복문은 false 일때 종료된다. 근데 특정 지시자인 break 사용하면 ..

◎Select 태그 풀다운 형식의 여러 항목을 선택하는 칸을 만들때 사용. select 속성값 name : 그룹핑하기 위해 multiple : 다중선택 할때 (※ input name은 input 속성으로 각각 설정해야 그룹핑이 됐는데 select는 option을 자식요소로 갖고 있기 때문에 selet에만 name을 줘도된다.) option 속성값 : value : 서버에 전송되는 값 ( 각각 다른값으로 명시) ex) ->셀렉칸 만들때 ->풀다운 형식의 선택칸을 만들때 ◎Textarea 태그 사용자가 여러글을 쓸 수 있는 창 속성값 : rows =""/ cols ="" 박스 크기조정 (css에서도 가능) ◎button 태그 말그대로 버튼을 만드는 태그 속성값 : button/ submit/ reset ex..

◎Form 태그 사용자에게 데이터나 정보를 받고싶을때 사용한다. 속성값 : action / method 사용자에게 받은 input 값을 가지고 무언가를 처리한다. action : input 값을 서버에게 전송하는 API 주소. method : 정보가 많거나 중요한 정보는 POST / 그 외에는 GET ◎input 태그 필드(입력창)을 생성할때, 사용자에게 정보나 데이터를 받을때. (※ type 속성 필수, 닫는 태그가 없다) 한줄정도의 모든 텍스트를 받을 수있다. 기본적으로 아무값이 없을대 input칸 안에 보여지는 텍스트. ( 값을 입력하지 않을때 안내창이뜸) input칸에 작성할 수 있는 텍스트의 갯수를 제한 하고 싶을때. input칸에 작성할 수 있는 최소 문자갯수. (최소문자갯수보다 적을때 안내창..

와 은 아무 의미가 없다. css 할때 그룹화해서 스타일링 할때 사용한다. 어디든 사용가능 텍스트의 일부분을 그룹화 하고 싶을때

◎ 리스트 (LIST) 순서가 중요한 목록을 만들때 순서가 엉키거나 바뀌어도 크게 중요하지 않은 목록을 만들때 각각의 리스트 항목 ol,ul (부모요소) > li (자식요소) (※ ol 과 ul 의 직계 자식태그는 only li 태그만 가능 , 자식태그 사용하고 싶을때는 li 태그 안에 사용) 짜장면 짬뽕 볶음밥 ◎ 정의 리스트 ( Description LIST) 용어를 정의할때 사용하는 list key-value 로 정보를 제공할때 정의리스트 사용을 선언한다는 의미의 태그 key 값,이름 (의미를 좀더 구체화 하고 싶을땐 사용) value (※ dl의 직계자식은 만 사용가능, 안에서는 항상로 끝나야함 뒤에 아무것도 없으면 안된다.)

◎ 링크태그(anchor) (※ 속성값으로 href 필수) - 웹사이트 주소 - 페이지 내 이동 (name의 id 값으로 이동) - 메일쓰기 - 자동으로 linkTag에게 메일보내기 - 전화걸기(모바일) - target : 새탭으로 이동target = "_blank" (target이 없을때 기본 현재페이지에서 오픈) ◎ 이미지 태그 (image) (※ 속성값으로 src / alt 필수) - 상대경로 : 내폴더에 있는 이미지 주소 - 절대경로 : 이미지가 있는 경로값 주소 (이미지의 링크값) - alt :이미지를 대체할수 있는 텍스트 ◎ 인용 태그 (Quotations) 한줄정도 되는 저자가 인용한글의 block 문장 내에서 짧은 인용하는 글을 넣고 싶을때 ( q를 사용하는 경우 화면에 출력되는 글에 자동..