목록자바스크립트 (4)

새벽코딩

[JavaScript기초] 7. jQuery 사용법

- jQuery 설치 구글에 jQuery cdn 검색 https://releases.jquery.com/ jQuery CDN The integrity and crossorigin attributes are used for Subresource Integrity (SRI) checking. This allows browsers to ensure that resources hosted on third-party servers have not been tampered with. Use of SRI is recommended as a best-practice, whenever libr releases.jquery.com jQuery 3.x 버전 아니면, 최신버전 jQuery 사용하려면 아래 코드를 body안에 ..
Programming/JavaScript 2023. 2. 6. 10:52
[JavaScript기초] 5. 부트스트랩 사용하는법(bootstrap)

부트스트랩은, 기존에 만들어 놓은 Navbar, tabs, Modal등을 가져와서 구현을 할 수 있는 플랫폼이다. 사용법 1. 구글에 bootstrap을 검색하여, 아래 링크로 들어간다. 2. Bootstrap 웹페이지로 들어가서 상단 네브바에서 Docs로 들어간다 (상단 오른쪽 버전확인 v5.x ) 3. 위와 같이 Get started with Bootstrap 이라는 화면이 보이게 되는데, Quick start 순서대로 하면된다. 먼저 index.html을 만들고 아래 코드를 넣어준다 (vs code에서 느낌표+tab을 누르면 자동생성) Hello, world! 4. 그리고 Hello, world! 이제, 추가하고 싶은 요소를 찾아서 코드를 붙여 넣어주면 구현 가능하다. * Navbar를 추가하고 싶..
Programming/JavaScript 2023. 2. 6. 06:54
[JavaScript기초] 1. 자바스크립트 기본

- 자바스크립트 사용 목적? HTML을 조작하기 위해서 사용한다. - WHY? 1 HTML안의 텍스트, 스타일링을 할 수 있다. 2 Tab, Modal등 UI를 만들 수 있다. 3 버튼클릭시 서버로 데이터 요청 할 수 있다. 예시) 어떤식으로 자바스크립트를 사용할까? Hi 위 HTML의 tag안에, 출처 : 코딩애플 'JavaScript 입문과 웹 UI개발'
Programming/JavaScript 2023. 2. 5. 16:39
[React] input 태그 학습 (with event handler)

Input 태그는 사용자가 입력을 할 수 있는 태그이다. 아래와 같이 여러 종류의 input이 존재한다. - input에 뭔가 입력시 코드를 실행하려면, onChange 또는 onInput 과 같은 event handler를 사용한다. { 실행할코드 }}/> 그 외에, onMouseOver = { }# 이 요소에 마우스를 댔을 때 안의 코드 실행 onScroll = { } # 이 요소를 스크롤했을 때 안의 코드를 실행 등등 많이 존재한다. - input에 입력한 값 가져오는 방법 { console.log(e.target.value) }}/> onChange 안에 함수에 파라미터로 e를 추가해주고, e.target.value라고 적으면 현재 에 입력된 값을 가져올 수 있습니다. 참고로 e.target 이러..
Programming/React 2023. 1. 8. 18:06
이전 Prev 1 Next 다음