JS, HTML/CSS

1~45 공 하나 뽑기1~45 공 6개 뽑기1~45 공 6개 뽑기(DRY:Don't Repeat Yourself)1~45 공 6개 뽑기(숫자 중복 제거) - for문1~45 공 6개 뽑기(숫자 중복 제거) - while문1~45 공 6개 뽑기(숫자 오름차순 정렬)htm

콘솔 창에 띄우기글자 수 세기15글자 수 표기글자 수 표기(함수로 기능 묶기)글자 작성 시 자동으로 글자수 세기(키보드 입력할 때마다 글자수 세기 - 이벤트 이용)자소서 글자수 세기(글자수 제한 기능 추가)200자가 넘으면 더 이상 안써지도록, 200글자 이후는 잘라버

스타크래프트 페이지를 위한 이미지 화면 출력드론 클릭 시 침이 나타나도록드론 클릭 시 침이 나타나서 벙커 공격드론 클릭 시 침이 나타나서 벙커 공격한 후 침이 원위치로 돌아옴침을 맞으면 벙커의 hp가 줄어들도록hp가 0이 되면 벙커가 사라지도록최종 코드

사귄 날짜 계산기간의 밀리초 = 오늘.getTime() - 시작일.getTime()기간 일수 = 밀리초를 날로 환산 + 1일(첫 날 포함)기념일까지 남은 날짜 계산남은 밀리초 = 기념일.getTime() - 오늘.getTime();남은 일수 = 남은 밀리초를 날로 환산

화면에 문자 출력 document.wrtie("내용") 큰 따옴표 작은 따옴표 모두 가능 html에서 js 파일 출력 myScript.js, index.html 파일이 있을 때, index.html myScript.js 결과 세미콜론 줄 바꿈 or 세미콜론

객체(Object) var person = { name: 'john', //키 - 값 age: 35 //속성명 - 속성값 } 속성값으로는 배열, 객체, 함수 등 모두 가능(함수의 경우 메소드라 부름) 객체.키 방식으로 접근 ex) person.name;

DOM (Document Object Model) 웹화면을 구성하는 html 코드를 쉽게 작성할 수 있도록 JS 또한 DOM 활용 가능 js document로 html을 불러와 getElementById document.getElementById(''); doc

js로 dom을 제어해 html의 요소를 가져올 때 간결한 코드로 작성 가능 js를 쉽게 사용할 수 있도록 하는 라이브러리 장점 간결한 문법 편리한 api 크로스 브라우저(모든 브라우저, 모든 버전에서 작동됨) code.jquery.com -> minified ->

VScode에서 live server를 이용해 웹페이지를 오픈했지만'페이지가 작동하지 않습니다.127.0.0.1에서 전송한 데이터가 없습니다.'라는 오류 메세지만 뜨며 화면이 보이지 않았다.이 때, extension settings에서 use local ip를 체크하거

브라우저 : 크롬코드 에디터 : VScode코드 에디터 실행1\. index.html 생성 //웹의 뼈대2\. style.css 생성 //html을 꾸며줌. html 파일과 연결3\. Bootstrap(jQuery 포함) 연결 //css를 작성하지 않아도 쉽게 화면을

네이버 웹마스터 도구에 내 사이트 등록검색 관련 문서 제출네이버 크롤러 Yeti특정 사이트에 대해 robots.txt에 크롤링이 가능한지에 대한 규정을 기재. 크롤러가 robots.txt를 먼저 읽은 후 수집 가능 여부 판단. sitemap.xml은 크롤러가 사이트를

자주 사용하는 태그div : 박스 또는 레이어section : 웹 페이지의 섹션article : 웹 페이지의 내용a : 하이퍼링크 생성.(Anchor) 여는 태그에서 href 속성과 함께 사용br : 개행. 문단 내 줄바꿈(line break) 닫는 태그 사용하지 않음

a는 anchor의 약자로 하이퍼링크를 통해 다른 url로 이동할 수 있도록 하는 태그href는 hyper reference의 약자. 하이퍼링크가 가리키는 url을 적는다.javascript:;는 아무것도 하지 않음을 의미.

Post 방식과 Get 방식 중 Post 방식으로 지정.onsubmit=에는 버튼을 통해 submit하면 수행 될 명령에 대해 적혀있음. submitWriteForm(form) 함수를 실행하고 return false;를 통해 폼이 무조건 넘어가지 않도록 막아주고 있음.

tailwind는 css를 편하게 사용할 수 있도록 하는 라이브러리로, 다음과 같이 body에 <script src="https://cdn.tailwindcss.com"></script>을 추가하면 적용된다.

<table> 태그는 HTML에서 표를 생성하는 데 사용되는 태그이다. 표는 행과 열로 구성되며, 데이터를 구조화하여 표시하기 위해 사용된다.<table> 관련 태그는 다음과 같다.<tr>: 표의 행을 정의하는 태그이다. <tr> 태그는 <t

태그 HTML에서 사용자로부터 데이터를 입력받기 위한 양식을 정의할 때 사용한다. 태그 내부에는 , , 등의 태그를 사용하여 다양한 형태의 입력 필드를 생성할 수 있다. ` 태그: 사용자로부터 입력을 받기 위한 필드를 생성한다. type` 속성을 통해 다양한 종