JS 6

카카오톡 공유하기 기능 만들기

유튜브 강의를 보던 중 카카오톡으로 공유하기 기능이 여기저기서 굉장히 많이 쓰이는 기능이기때문에 배워두고 포스팅해두고 길게길게 기억해두면 좋을것같아서 작성한다. 큰 순서는 카카오 디벨로퍼즈에 가입 -> 애플리케이션 등록 -> 앱key확인 -> 플랫폼 등록 -> 스크립트 작성 순이다 . 1.카카오 디벨로퍼 가입 및 애플리케이션 등록https://developers.kakao.com/ Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com  사이트에 들어가서 카카오톡을 연결한 뒤 디벨로퍼즈에 가입한 후 상단 내 애플리케이션에 들어가 애플리케이션 추가버튼을 누른..

JS 2025.01.07

[JavaScript]array2 / popup

arrayfunction arrTest2(){ //indexof() : 배열에서 요소가 위치한 인덱스 리턴 let arr1 = ['사과', '딸기', '바나나', '복숭아', '키위', '포도', '수박']; console.log("복숭아가 있는 인덱스 : "+ arr1.indexOf("복숭아")); //concat() : 배열 결합. arr1 = ['사과', '딸기', '바나나']; let arr2 = ['복숭아', '키위', '포도', '수박']; console.log("arr1.concat(arr2): " + arr1.concat(arr2)); console.log("arr2.concat(arr1):..

JS 2024.07.19

[JavaScript]date/math/String/array

date 오늘 날짜 출력하기 오늘 날짜 특정 날짜 출력하기 특정날짜날짜 출력하기 get date는 0 - 6 (0부터 월요일 화요일 ...) math Math 버튼 랜덤배경색   String String 문자열 합치기 클릭 문자열 비교하기 클릭 문자열 검색하기 클릭 문자열 추출하기 클릭    toLowerCase ⇒ 대문자가있다면 소문자로 변환동등연산자 → == 자동으로 형을 맞춰서 값을 true / false 로 변환 ex) 10 == “10” → true ..

JS 2024.07.16

[JS]rolling / dom / Object / numberObject / transObject

rolling  ◀️ ▶️  dom DOM(Document Object medel) 탐색 메소드 1. 엘리먼트의 id로 탐색 : document의 엘리먼트 중 하나를 선택 - 반환 : 값 하나 2. 엘리먼트의 name으로 탐색 : 엘리먼트 여러개를 선택 - 반환 : 배열 3. 엘리먼트 태그이름으로 탐색 : 엘리먼트 여러개를 선택 = 반환 : 배열  Object 객체 : 관련된 데이터와 함수의 집합이다. 구성 -함수: 기능 정의 -속성: 객체 내부 데이터 -this..

JS 2024.07.03

[JavaScript]스크립트언어란?

스크립트언어란?기본프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해주는 용도로 사용 .빠르게 학습가능 , 짧은 소스코드로 상호작용하도록 고안됨 자바스크립트웹 브라우저에서 사용하는 인터프리터 방식의 객체지향 프로그래밍언어이며 표준을 따르는 웹기술이다. 변수의 사용 변수의 선언 규칙 1. 대소문자 구분한다. 2. 영문,$,_로 시작한다. 3. 영문,$,_를 포함할 수 있다. 4. 키워드나 예약어 사용할 수 없다. 변수의 범위 1.전역변수 : window 객체에 포함되는 변수로 다른 함수들에서 공용으로 사용할 수 있다.( 값 유지 ) ..

JS 2024.07.01

[JS] 자주 쓰는 함수 모음

알고리즘을 풀다보니 정말 자주쓰지만 쓸때마다 헷갈리는 함수들이 있어 총 정리가 필요할것같아 쓰는글... 1.join("구분자")배열을 문자열로 만들어주는 함수 , 만약 구분자를 넣는다면 요소 사이에 구분자를 이용해 문자열을 구분짓는다. 2.split("구분자")문자열을 배열로 만드는 함수 , 구분자는 위와 같다. 3.reverse()배열을 뒤집는 함수 , 요소가 뒤집어져서 나타난다. 4.splice( 시작인덱스 , 자를 요소의 수 ) 원본 배열을 바꾸는 함수. 시작인덱스부터 자를요소의 수를 정하고 그 값을 뺀 나머지값을 원본배열에 저장한다. 5.slice ( 시작인덱스 , 끝 인덱스 )시작인덱스부터 끝인덱스까지를 잘라내어 저장한다. 원본배열은 그대로 보존된다. 6.find(조건문)배열에서 조건문을 적용하..

JS 2024.05.10