본문 바로가기
반응형

전체 글137

[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.
[html] 기본 문서 구조 - meta태그 html/css 를 사용하기 전에 문서 제일 상단에 등을 입력하여 현재 문서 타입이 무엇인지 어떤 문자를 쓰는지, 수집을 허용할것인지, 홈페이지 타이틀은 무엇인지, 간단한 소개 등 을 입력하여 다양한 브라우저들에서 마크업에 대한 일괄된 화면 표시가 될 수 있도록 도와준다. 아래 colorScripter에 어떤식으로 작성하는지 입력하고, 그옆에 주석처리하여 설명을 달아놨다. 태그는 검색에 대한 명령인데 index,follow는 수집을 허용하는 기본값(all)이고,허용하지 않을때에는 라고 입력해 주면 된다. 중간쯤에 있는 title태그는 on sunday :: on sunday 말 그대로 페이지의 타이틀이 되는 내용을 적으면 된다.하단이미지에 빨간 밑줄친 곳에 출력되는게 title태그이다. title 앞에 .. 2019. 12. 15.
티스토리 코드블럭 하이라이트 적용하기 (스크롤 생성) color script에 이어 새로 알게된 티스토리 새로운 에디터에서만 사용가능하다는 코드블럭입니다!! 티스토리에 유독 프로그램 언어 공유 및 기록 포스팅이 많았는데 직접 사용해보니 네이버 블로그에 비해 조금 더 편리하게 코드소스를 포스팅 할 수 있는 기능이 잘 활용되고 있어서 그랬던것 같다. 티스토리 관리페이지로 이동 티스토리 메인 페이지에서 톱니바퀴 아이콘을 클릭해서 플러그인 클릭해주세요~ syntax highlight라고 써있는 배너 클릭 플러그인들이 굉장히 많은데 그중 코드문법 강조 syntax highlight라고 써있는 배너를 클릭해줍니다. syntax highlight 코드 문법 강조 플러그인 적용 코드 문법 강조 설정창이 나오는데 아래에서 원하는 테마를 선택하여 적용 시켜주면 됩니다. 다양.. 2019. 12. 14.
반응형

티스토리툴바