본문 바로가기
반응형

IT102

[javascript] - switch, while, for 선택문, 반복문 switch 문if문과 용도는 비슷하나 if문은 만족하는 데이터가 여러개일경우에 주로 사용하고,switch문은 여러경우의 값 중 일치하는 데이터를 찾아 그에 해당하는 코드를 실행시킬 때 사용합니다. - 각각의 case문에서는 break문을 작성하여 swtich문을 종료합니다.- case의 값 중에 일치하는 데이터가 없으면 마지막 default에 있는 코드를 실행하고 switch문을 종료합니다. var site=prompt("네이버, 다음, 네이트, 구글 중 즐겨 사용하는 포털 검색 사이트는?", "");var url; switch(site){ case "구글": url="www.google.com"; break; case "다음": url="www.duam.net"; break; case "네이버": u.. 2019. 12. 23.
롯데시네마 영화 관람권 등록방법 롯데시네마 영화관람권이 몇장이 생겼는데 보러갈때마다 찾아서 들고나가기도 귀찮고, 나간김에 영화를 보게되면 영화교환권은 사용을 못하게 되고 이런일이 몇번있어서 유효기간 지난 교환권이 몇장 있었는데 이제서야 알게된 롯데시네마에 교환권을 등록해놓을 수 있다는 것이였다. 일찍 알았으면 좋았을텐데 아쉽다 ㅠㅠ 01 모바일에서 등록하는 방법 모바일에서 등록하려면 당연히 앱을 깔아야 합니다. 구글 play 스토어에서 아래 이미지와 똑같이 생긴 롯데시네마 모바일 앱을 찾아서 다운로드 해줍니다. 앱 다운을 받고 들어가서 로그인을 먼저 해줘야 영화 교환권을 등록 할 수 있어요. 로그인 해주세요~ 로그인 한 후 아래 이미지 하단 메뉴에 '마이' 라고 적혀있는 마이페이지가 있습니다. (빨간색으로 표시해놨어요) '마이페이지'에.. 2019. 12. 23.
[javascript] - if 조건문 조건문 if문 var walkAmount=prompt("당신의 하루 걷는 양은 몇 보인가요?", "0");if(walkAmount>=10000){ document.write("매우 좋은 습관을 지니고 계시는 군요!!", " ");}document.write("==The End==", " ");cs --> 10000 보다 큰 숫자를 입력했을 경우 매우 좋은 습관을 지니고 계시는 군요!! ==The End== 작은 숫자를 입력했을 경우 the end만 출력됩니다. var min=prompt("당신의 하루 통화량은 몇 분인가요?", "");if(min>=60){ document.write("많이 사용하는 편이네요.", " ");}document.write("===The End===", " ");cs --> 6.. 2019. 12. 22.
[javascript] - 기초문법 1. 변수 선언 기본형 : var 변수명; 또는 var 변수명=값; var box; box=100; document.write(box, " "); var t=Number("500"); document.write(box + t, " ");cs --> 결과값 = 100 / 600 2. 변수에 저장할 수 있는 자료형 문자형(string) var 변수 = "사용할 문자나 숫자";숫자형(number) var 변수 = 숫자; 또는 Number("숫자 그대로의 원형=문자형 숫자")논리형(boolean) var 변수 = true or false; 또는 Boolean(데이터);(boolean메서드는 숫자0, null, undefined, 빈문자 (" "); 을 제외한 모든 데이터에 대해 true 를 반환함)null은 변.. 2019. 12. 21.
jquery CDN 가져오는 방법 jquery를 작동하기 위해서 필요한 jquery cdn을 가져와야합니다. 로고 클릭하면 jquery 사이트로 이동합니다. 1. jquery.com 제이쿼리 사이트로 이동하면 첫번째 메뉴에 다운로드를 클릭해서 들어갑니다. 2. 스크롤을 제일 아래로 내리면 하단에 jQuery CDN 을 클릭합니다. 3. minified 를 클릭하면 팝업창이 뜹니다.버전별로 다양하게 있는데 상단이 제일 최근 버전입니다. 4. 팝업창에 쓰여있는 스크립트 부분을 복사해서 가져옵니다. 5. 안쪽에 스크립트 붙여넣기 합니다.사용할 스크립트중에 제일 위쪽에 있어야 아래에 다른스크립드가 참고하여 동작하기에 수월합니다. 2019. 12. 20.
[html] 표 만드는 table태그 웹 문서에서 표를 만드는 요소는 입니다.은 블록 요소이며 기본적으로 행과 열을 가지고 있는데,행-가로 을 만드는 요소를 - 볼드처리 및 중앙정열, 열-세로을 만드는 요소를 라고 하며 요소는 셀(cell) 이라고도 합니다. table태그에 summary="" 속성은 테이블 내용을 파악할 수 있도록 요약하는 부분입니다.화면에 출력되지는 않지만 스크린 리더(시각 장애인들을 위한 화면 낭독기)에서 읽어 줍니다. scope 속성은 센스리더리가 읽어주는 방향 표시로 커서 위치를 이동시켜줍니다scope="col" -> 아래로scope="row" -> 옆으로 상품종류의 셀은 열합치기 colspan="3" 되어있으며 아래 스마트폰,태블릿pc,테스크탑pc 제목 셀들의 큰제목이 됩니다.이런경우 상품종류 제목 셀 안에 sco.. 2019. 12. 19.
[html] a 링크, a 태그 만들기 - 새창으로 이동 속성 a태그는 인라인 요소로써,텍스트나 이미지를 통하여 다른 곳으로 정보를 연결해 주는 역할을 담당하는 요소가 입니다. 내용을 입력해주세요→href="#" 에서 #자리에 이동할 경로, 사이트 주소를 입력하면 a태그 안에있는 글씨를 클릭했을때 이동하게 됩니다. 이미지에 링크를 걸고 싶다면? → src="#" #자리에 이미지 경로,사이즈 주소를 입력하면 이미지를 클릭했을 때 이동하게 됩니다. target="_blank" 는 연결된 정보 페이지를 새창에서 띄우는 속성으로기본형은 target="_self" 입니다. 위 소스코드를 입력했을 때 결과 화면입니다. 블록 요소인 p태그 안에 a태그를 입력하여 한줄로 출력됩니다. --> 이미지를 클릭하면 새창에서 on sunday 블로그 홈화면으로 이동합니다. 안녕하세요 on.. 2019. 12. 18.
[html] 인라인요소 태그 인라인요소 태그 ---------위 소스코드의 결과 화면--------- - 아래 이미지를 보면 이태리체처럼 기울어지는 효과가 있다. - 아래사진에서 보듯이 글씨를 굵게 보이는 효과가 있다. 하지만 태그는 꾸밈 효과일 뿐 (css에서 기울임 효과는 font-style:italic; font-weight:bold;) 스크린리더가 강조하며 읽지 않는다. 웹 접근성을 높이기 위해 스크린 리더기까지 생각하며 강조하는 태그를 사용하려면 을 쓰는것이 맞다. 웹 문서 내에서 구분선을 그을 때 사용하는 요소 - 마지막 줄 티스토리 앞에 있는 문자는 특수문자를 사용하는 코드로 특수문자를 출력하기 위해 문자 그대로를 쓰게되면 문법적 오류가 발생할 수 있기 때문에 entity로 변화해서 입력해야 한다. entity code.. 2019. 12. 17.
[html] 블록 요소, 인라인요소, 인라인블록 블록 요소 Block Element div p ul ol li dl dt dd h1~h6 table form blockquote address fieldset pre nosecipt 줄 바꿈이 일어난다. (가로사이즈가 100%차이한다고 보면 된다.) 블록요소 안에 블록요소,인라인요소를 포함할 수 있다. width, height 값을 적용 할 수 있다. padding, margin을 모든 방향에 적용할 수 있다. 인라인 요소 Inline Element span a img input strong b q strong em i textarea samp var cite addr sub select ins u 줄 바꿈이 일어나지 않고 한줄로 나열된다. 인라인 요소안에는 인라인 요소만 포함한다.(인라인 요소안에 블록.. 2019. 12. 16.
반응형

티스토리툴바