IT Cookie

💻 팬명록 메인페이지 만들기 ✔️부트스트랩 시작 템플릿 뉴진스(newjeans) 팬명록 ✔️부트스트랩 컴포넌트 5.0 💡부트스트랩의 Card → Quote 이용하기 Buttons Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. getbootstrap.com [1단계] 타이틀 구현 [2단계] 응원남기기 포스팅 구현 닉네임 응원댓글 응원 남기기 [3단계] 응원 카드 구현 새로운 앨범 너무 멋져요! 버니즈 새로운 앨범 너무 멋져요! 버니즈 새로운 앨범 너무 멋져요! 버니즈 ⭐ 기능 추가 1. 실시간 날씨 정보 🔍날씨 API http..

1. Ajax란? ➡️ JQuery를 임포트한 페이지에서만 동작 가능함. 즉, http://google.com/ 과 같은 화면에서 개발자도구를 열면, jQuery가 임포트 되어있지 않기 때문에 아래와 같은 에러가 뜬다. Uncaught TypeError: $.ajax is not a function 1-1. Ajax 기본 골격 $.ajax({ type: "GET", // GET 방식으로 요청 url: "여기에URL을입력", // 요청할 ur data: {}, // 요청하면서 함께 줄 데이터 (GET 요청시엔 비워두기) success: function(response){ // 서버에서 준 결과를 response라는 변수에 담음 console.log(response) // 서버에서 준 결과를 이용해서 나머지..

1. JQuery란? HTML의 요소들을 조작하고 편리한 Javascript를 미리 작성한 것. → Javascript의 라이브러리 💡 Javascript VS JQuery JQuery로 보다 직관적으로 쓸 수 있음 // Javascript document.getElementById("element").style.display = "none"; // JQuery $('#element').hide(); 1-1. JQuery 사용 미리 작성된 JS 코드 가져오기 ➡️ import 💡JQuery CDN 부분 참고 https://www.w3schools.com/jquery/jquery_get_started.asp 사이에 넣기 1-2. JQuery 적용하기(포스팅박스) HTML / CSS 기본 개념 정리 1. H..

1. 웹조작 1-1. 대상 선택 getElementBy ~ () getElementsBy ~ () querySelector 등등 더 많은 방법이 있음(ById처럼 특정 태그를 지정해서 선택가능) 1-2. 조작 .innerHTML = .style.color = 💡그 외 필요한것들은 구글링할 것 텍스트를 텍스트로 변경하기 1. 대상을 선택 ➡️ "이미지" 태그찾기 2. 조작 ➡️ "이미지" → "동영상" 💡 태그는 개발자 도구로 찾을 수 있음( F12 → 화살표이모티콘 선택) 이미지 태그는 이렇게 생겼음 ➡️ a태그안에 innerhtml로 있음! 그런데 여기선 id값이 없어서 html을 조작하여 태그를 바꿔줌 a 태그 안에 id가 추가된 것을 확인할 수 있음 id값을 이용해서 document에서 선택할 수 ..

1. 자바스크립트란? HTML과 CSS로 만들어진 웹페이지를 동적으로 변경해주는 언어 모든 웹 서버는 HTML + CSS + JavaScript console > 띄어놓은 페이지에서 빠르게 자바스크립트를 테스트 할 수 있음 단, 새로고침하면 모두 사라짐! • [크롬 개발자 도구] 를 열어서 , console 탭에 작성 • 마우스 오른쪽 클릭 ㅡ> 검사 ㅡ> console • 윈도우 : F12 • 맥 : alt(option) + command + i 2. 코드구조 여러개의 구문은 세미콜론을 기준으로 구분함 alert('Hello'); alert('World'); 3. 변수 → 변수는 값을 저장하는 박스 → 키워드를 이용해 선언 let - 중복 선언 불가능, 재할당 가 const - 중복 선언 불가능, 재할..