자바스크립트 활용 문법(DOM)
1. 자바스크립트로 Alert 띄우기 -함수를 만들어주기function hey(){ alert('안녕!');} *script 태그 안에 자바스크립트를 작성한다. -버튼에 함수를 연결하기 > 버튼을 누르면 함수가 불림. > Mac 버튼을 누르면 함수가 나오도록 할 것이다. Mac > 1. a(하이퍼링크)를 2. onclick 이벤트가 발생했을 때 3. hey() 함수가 호출된다. 더보기전체 코드 홈 Mac Ipad Iphone Watch Airpods Disabled ..
자바스크립트 기초
자바스크립트란? - 웹 페이지에 움직임을 불어넣기 위해 만들어진 프로그래밍 언어 - 브라우저한테 명령을 내리는 '표준' 기초문법 1 1. 개발자 도구 사용하기 버튼 이름 - 간단한 웹페이지 만들기 - 부트스트랩 가져다 쓰기 에서 만들었던 웹사이트 html에 적용해 보면, function hey(){ console.log('안녕하세요') } 홈 >'홈'버튼을 눌렀을 때 onclick 이벤트가 실행되면서 hey(함수의 이름. 아무거나 해도 된다)함수가 적용된다. 웹사이트에 들어가 마우스 우클릭>검사>콘솔에서 새로고침을 해보면이렇게 콘솔에 잘 뜬다. * 콘솔이란 : 코딩한 것이 맞게 출력되는지 확인하기 위해 개발자들이 미리 찍어보는 도구. 2. 변수 & 기본 연산 ..
간단한 웹페이지 만들기 - 부트스트랩 가져다 쓰기
1. 부트스트랩이란? - 예쁜 css를 미리 모아둔 홈페이지https://getbootstrap.com/docs/5.3/getting-started/introduction/ Get started with BootstrapBootstrap is a powerful, feature-packed frontend toolkit. Build anything—from prototype to production—in minutes.getbootstrap.com 2. 부트스트랩 사용하기 위한 환경 세팅 - 해당 코드를 먼저 head에 넣어야 부트스트랩이 제대로 작동한다. 3. 부트스트랩을 이용해 예쁜 웹사이트 만들기 3-1. 간단한 와이어프레임을 작성하여 웹사이트의 틀을 만들었다. 3-2. 부트스트랩에서 최대한 ..
로그인 페이지 만드는 방법(html, css 활용)
html 적용1. 기본 html 5 형식을 준비한다. 2. 로그인 요소에 필요한 태그 찾기 - 태그를 찾을 땐 외우지 않고 구글링으로 충분하다. -기본 html5형식에 코드를 적용한 예시 로그인 페이지 ID : PW : 로그인하기 css 적용1. div를 활용해 구역 나눠주기2. div에 이름 붙여주기 로그인 페이지 ID : PW : 로그인하기 -div에 mytitle 이라는 class를 붙여주어 특정할 수 있게 했다. 3. head에 style 태그를 넣어 css 적용하기 로그인 페이지 ID : PW : 로그인하기3. 태그를 이용하여 css 꾸미기 ..