티스토리

기록장

검색하기

블로그 홈

기록장

gsbd.tistory.com/m

일단 기록.

구독자: 0

방명록 방문하기

반응형

주요 글 목록

[JS] 카카오톡 로그인/로그아웃/탈퇴하기 방법 및 html 파일 (코드있음) 1.카카오 개발자 사이트에서 web용 애플리케이션 만듬사이트 도메인은 로컬이라 로컬로 지정 2. 등록하러가기 버튼을 눌러, 로그인 성공후 갈 곳 지정 3. 아래의 동의항목 넣음(더하려면 비즈니스 계정 변환 필요) 4. js 앱키 복사 해놓고 html 둘 다에 넣음 | 폴더구성 | index.html (로그인 할 곳 코드) 해당 Live Demo는 테스트용이기 때문에 반드시 소스 코드에 '본인 API 키'를 넣어야 제대로 사용할 수 있습니다. | kakao_login.html (로그인 한 후 redirection 될 곳 코드) 로딩 중... 로그아웃 | 탈퇴 | 파일 다운 공감수 3 댓글수 0 2025. 1. 24.
자바스크립트 기초 정리 문제 및 풀이 [01]자바스크립트의 특징으로 아닌 것은 1 웹의 동작(동적) 구현하기 위한 언어 2 웹 브라우저에서 동작(단, node.js는 서버에서 동작) 3 html문서 내에서 ~ 태그 안에 작성 4 대소문자를 구별한다 5 객체 기반의 스크립트 언어 6 웹 브라우저 자바스크립트 엔진이 내장되어 있기 때문에 사용이 불가능 정답:- 대소문자를 구별 - 웹 브라우저 자바스크립트 엔진이 내장되어 있기 때문에 사용이 가능 [02]변수(Variable)의 간단히 설명하기 정답: 변수란 데이터를 저장할 수 있는 메모리 공간을 의미합니다. [03]상수(constant)의 간단히 설명하기 정답: 한번 선언된 상수는 다시 재정의 할 수 없으며, 값도 재할당 할 수 없습니다. [04]자바스크립트의 데이터 타입이란.. 공감수 4 댓글수 2 2024. 10. 24.
5. 배열 객체의 메소드 (push,pop,shift등) 📌 배열 객체의 메소드- push(): 배열의 요소를 추가 - pop(): 배열의 마지막 주소에 있는 값을 제거 - shift(): 배열의 첫번째 주소에 있는 값을 제거 - concat() : 두 개의 배열을 합침 - join() : 배열 요소 사이에 원하는 문자를 삽입 - reverse() : 배열을 역순으로 재배치 - sort() : 배열을 오름차순으로 정렬 | 예시코드 | 결과 공감수 0 댓글수 1 2024. 10. 2.
4. 연산자 (산술,비교,대입,증감,논리,비트,삼항 연산자) 📌 연산자1. 산술 연산자산술 연산자: 사칙연산 및 기본적인 연산을 수행하는 연산자.예시: +, -, *, /, %2. 비교 연산자비교 연산자: 두 피연산자의 상대적인 크기를 비교하여 참 또는 거짓을 반환.예시: ==, ===, !=, >, =, 3. 대입 연산자대입 연산자: 변수나 상수에 값을 할당할 때 사용하는 연산자.= : 우측 값을 좌측 변수나 상수에 대입.+=, -=, *=, /=, %=, **=: 우측 값을 좌측 값과 연산한 후, 다시 좌측 변수에 대입.4. 증감 연산자증감 연산자: 변수의 값을 1씩 증가 또는 감소시킬 때 사용.++변수 : 변수를 먼저 1 증가시키고 나서 연산을 수행.변수++ : 연산을 먼저 수행한 후에 변수를 1 증가시킴.--변수 : 변수를 먼저 1 감소시키고 나서 연산을.. 공감수 0 댓글수 1 2024. 9. 30.
3. 자바스크립트 대화상자 (alert, confirm, prompt) alert () 또는 window.alert() : 사용자에게 메시지를 보여주고, 확인을 기다림alert("안녕하세요!"); // 메시지를 보여주고 확인 버튼을 기다림confirm() 또는 window.confirm() : 메세지를 보여주고 확인/취소를 누르면 불리언값으로 결과보임let result = confirm("계속하시겠습니까?"); // 확인을 누르면 true, 취소를 누르면 false 반환prompt() 또는 window.prompt() : 사용자에게 메세지를 보여주고 입력한 문자열을 리턴let name = prompt("이름을 입력해주세요:"); // 메시지를 보여주고 입력한 문자열을 반환 이렇게 반환한 t/f 값으로 다음 js를 작성해서 연계 할 수 있음! 👍👍👍 공감수 0 댓글수 0 2024. 9. 30.
2. 자바스크립트의 타입변환 (암시적 타입변환, 명시적 타입변환) 📌자바스크립트의 타입변환자바스크립트의 변수는 타입이 고정되어 있지 않음. 같은 변수에 다른 타입 값을 대입할 수 있음.let a = 10; // 숫자형a = "안녕"; // 문자열형 1. 암시적 타입 변환암시적 타입 변환: 타입의 값을 기대하는 곳에 다른 타입의 값이 오면, 자동으로 타입을 변환해서 사용함.NaN은 '정의되지 않은 값'이나 '나타낼 수 없는 값'을 의미함.예시: 0을 0으로 나누거나, 숫자로 변환할 수 없는 연산을 시도한 경우 NaN 반환.NaN (Not a Number)2. 명시적 타입 변환자바스크립트는 자동으로 타입 변환을 수행하지만, 명시적으로 타입을 변환해야 할 때도 있음.이를 위해 사용할 수 있는 함수는 다음과 같음:[명시적 타입 변환의 종류] Number() : 문자를 숫자.. 공감수 0 댓글수 0 2024. 9. 30.
1. 자바스크립트 기초 (자바 스크립트 특징, use strict) 📌 자바스크립트의 특징 웹의 동적 동작을 구현하기 위한 언어웹 브라우저에서 실행되며, 서버 환경에서는 Node.js로 동작 가능HTML 문서 내에서 태그 안에 작성대소문자를 구별함 (let과 Let은 다른 변수로 인식)객체 기반의 스크립트 언어로, 다양한 객체를 활용하여 동작을 구현웹 브라우저 자바스크립트 엔진이 내장되어 있어 별도의 설정 없이 사용 가능 📌 use strict (js 작성시 최상단에 작성) 자바스크립트에서 strict mode를 사용하겠다는 선언엄격한 문법을 적용하여, 실수를 줄이고 코드 품질을 높이는 역할예: 변수 선언 없이 사용 불가, 대소문자 명확하게 구분상단에 "use strict";를 추가하여 활성화 가능use strict 없이도 코드를 작성할 수 있지만, 이를 사용하면 .. 공감수 0 댓글수 1 2024. 9. 27.

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.