본문 바로가기

Programing375

[코드팩토리] 자바스크립트의 데이터 타입 자바스크립트의 데이터 타입 Primitive Type:원시타입 (6개) 1. Number (숫자) 2. String (문자열) 3. Boolean (불리언, 참과 거짓) 4. undefined (정의가 되지 않은 상태) 5. null (정의가 되지 않은 상태) 6. Symbol Object Type (1개) 7. Object (객체) : object, array, function(이 글에서 다루진 않음) 1. Number (숫자) const age = 32; 위 변수는 Number 타입으로 선언한 모습이다. const temperature = -10;와 같이 음수로도 선언 가능하다. 해당 변수가 어떤 타입인지 확인하고 싶을 때 console.log(typeof age);로 콘솔에 띄워볼 수 있다. 2. .. Programing/JavaScript 2024. 3. 1.
[코드팩토리] JavaScript 세팅, 콘솔에 로그 띄우기, 변수 선언하기 출처 : https://www.youtube.com/watch?v=ZOVG7_41kJE&t=8556s 자바스크립트 세팅하기 설치하기 Visual Studio Code 사용 익스텐션 Live Server, Code Runner 사용 Console.log('Hello, World!'); 콘솔에 무언가를 띄우기 주석 작성하기 한 줄만 넣을 때 // 여러 줄 넣을 때 /* */ 변수 선언하기 var, let, const 세 가지가 있다. 현업에서는 var은 잘 사용하지 않는다. let과 const가 그 이후에 보완해서 나왔기 때문.그러나 배우는 단계에서는 알고는 있어야 한다. var로 짜여진 스크립트가 많기 때문. 처음에는 console.log('자바스크립트'); 와 같이 '' 따옴표로 묶어서 텍스트를 표현했지.. Programing/JavaScript 2024. 3. 1.
기존에 있던 텍스트 지우고 input에 있는 이미지 링크로 이미지 출력하여 대체하기 상황 html 어딘가 샘플 텍스트가 입력되어 있고, (또는 없더라도 정해진 구역이 있고) 웹 사용자가 input이나 textarea에 이미지링크 (웹주소 또는 로컬 주소)를 적고 버튼의 onclick 이벤트를 발생시켜 해당 위치에 이미지로 대체하고자 한다. 문제 해결 이 자바스크립트 함수에선 JQuery를 혼용 사용한다. JQuery 사용을 위한 CDN을 입력한다. 이따가 기존 텍스트를 지우는 과정에서 JQuery의 empty 함수를 이용하여 JQuery 함수만 사용하는 것이 깔끔하겠지만 본인은 코딩 7일차라 잘 모르는 내용으로 이렇게 해결했다. 이미지를 대체시킬 구획을 로 만들어 id를 부여한다. 아래 예제에선 을 사용했지만 안의 내용은 전부 사라지기 때문에 어떠한 내용이나 형식이어도 상관없다. 아래 .. Programing/JavaScript 2024. 2. 29.
버튼에 새로고침 기능 넣기 버튼 Programing/HTML 2024. 2. 29.
특정 영역 캡쳐해서 이미지로 HTML에 띄우기 출처 : https://hooongs.tistory.com/65 [html] Canvas로 특정 영역 스샷하기 [html] Canvas로 특정 영역 스샷하기 html파일이 render가 된 상태인 브라우저에서 보이는 화면을 캡쳐를 해야해는 경우가 있어 알아본 결과. html2canvas를 사용하여 특정 div나 canvas (html에서 그림을 그릴 hooongs.tistory.com 상황 든 HTML의 특정 영역을 캡쳐해서 별도로 지정한 등의 영역에 캡쳐해서 자동으로 이미지로 띄워주는 기능을 구현하고 싶다. 문제 해결하기 기능 구현에 사용되는 JQuery, html2canvas CDN 삽입하기 닫는 태그 앞 권장 HTML 문서에서 외부 자바스크립트 시트를 불러와 별도로 작업하는 경우 해당 호출 태그는 .. Programing/JavaScript 2024. 2. 29.

티스토리툴바