본문 바로가기

Programing371

컬러 헥스코드 추출 사이트 https://www.color-hex.com/ Color Hex Color Codes Color Hex Color Codes Color-hex gives information about colors including color models (RGB,HSL,HSV and CMYK), Triadic colors, monochromatic colors and analogous colors calculated in color page. Color-hex.com also generates a simple css code for the selecte www.color-hex.com Programing 2024. 2. 28.
클립보드에 복사하기 또는 js파일에 아래의 코드를 변수로 지정해준다. function copyToClipBoard() { window.navigator.clipboard.writeText("복사될 텍스트").then(() => { alert("복사되었습니다."); }); } 위의 copyToClipBoard()라는 함수를 실행하기 위한 이벤트를 HTML 버튼 등에 속성으로 담는다. 복사하기 Programing/JavaScript 2024. 2. 28.
부트스트랩 출처 : https://www.youtube.com/watch?v=5ETqQWvwXV4 부트스트랩이란? 가장 많이 사용하는 웹 디자인 프레임워크 중 하나. Responsive Web (반응형 웹)을 만들기도 편하다. 화면 구성의 기본 (12 Grid) 우리가 보는 웹의 화면은 12Grid system으로 row(열)를 12개로 분할한다. 위와 같은 코드에서는 큰 div로 작은 div 3개 구획을 가져가는 모습인데, col-md-4는 md(미디엄) 중간 사이즈로 12 그리드 중 4개씩 가져가라는 의미로 한개의 열에 3개의 구획이 들어가는 모습임. md의 의미는 웹이 생각하는 md 중간사이즈일 때 12 그리드 중 4개의 그리드 만큼 차지하라는 의미로, 중간사이즈 밑으로 웹페이지가 축소되면 (모바일 기기 등에.. Programing/CSS 2024. 2. 28.
Form에 입력된 값을 가져오기 위와 같은 Form이 4개가 있고 이 Form에 들어간 내용을 불러와야 한다. 참고로 저 한 개의 폼은 아래와 같이 작성되어 있다. 앨범 이미지 첫번째로 해야 할 일, input 태그에 id를 부여한다. (위에선 image) 사용자가 폼에 입력한 값을 불러오려면 .val()이라는 함수를 사용한다. function makeCard() { let image = $('#image').val(); } 이렇게 불러온 값을 새로운 앨범 카드로 만들어야 한다. 카드를 만드는 HTML 태그를 전체 복사한다. 그 다음 별도의 함수를 만들어 `` 백틱 안에 넣는다. let temp_html = ` ${title} ${content} ${date} ` 위의 코드는 temp_html이라는 함수를 만들고, 그 함수를 실행하면 .. Programing/JavaScript 2024. 2. 26.
JQuery와 fetch JQuery는 JavaScript 라이브러리이다. 사용하기 전 Import를 해야 한다. JQuery import 하기 CDN 삽입 내에 삽입한다. 일반적으로 아래. ID 지목하기 기본형 $('#title') 제이쿼리에서는 $표시로 특정 ID를 지목한다. function hey() { $('#title').text('쥬라기월드') } 위의 코드를 실행하면 title이라는 ID가 부여된 태그가 쥬라기월드라는 텍스트로 바뀌게 된다. fetch fetch는 인터넷을 통해 데이터를 요청하고 받아오는 과정을 의미한다. 예를 들어 만들어진 API를 통해 데이터를 가져오는 과정. 출처 : 스파르타코딩클럽 Programing/JavaScript 2024. 2. 26.

티스토리툴바