반응형

전체 글 83

[Jquery] 제이쿼리 CDN 동작 안 될때 / 제이쿼리 CDN JavaScript 파일 안에 넣기

나 같은경우 이제껏 제이쿼리를 사용할때 html 파일안에  아래와 같이 CND을 불러왔었는데, 그래서 아래 제이쿼리 CDN이 제이쿼리를 사용하고 있는 .js 파일보다 밑에 있을때동작이 안돼서 해매는 경우가 있었당 위의 서순으로 구성해야 동작됨    제이쿼리를 사용하는 js코드 위에, CDN을 넣으면 동작이 되는데,위 Jquery CDN을 불러오는 형태로는 .js 파일안에 넣는게 불가능하기 때문에다른 형식으로 .js에 넣는 방법은 다음과 같당 // Load jQuery$.getScript("https://code.jquery.com/jquery-3.6.0.min.js", function () { console.log("jQuery..

[Kakao Map API] (쉬운 방법) HTML& JavaScript로 카카오 맵 마커 및 상세정보 표현하기

1. 카카오 디벨로퍼 에 들어가서 애플리케이션을 추가함  https://developers.kakao.com/console/app 카카오계정 accounts.kakao.com     2. 플랫폼에서 맵을 동작하고자 하는 주소를 입력함 (나는 liveserver로 동작시에 표기되는 ip주소를 등록함)(도메인주소 마지막 부근에 / 를 입력하면 안됨)    3. 앱키 에서 JavaScript 키를 복사하여 넣음    4. 카카오 maps API 의 웹에 에 접속하여 원하는 샘플을 고름https://apis.map.kakao.com/web/      5. JS + html을 복사하고 Vscode에 붙혀놓은 후,  3. 에서 발급받은api키 를 넣고 마음껏 커스텀 하면 끝       ++ 6 . 원하는 좌표값은 ..

10. 객체지향 프로그래밍OOP,클래스의 구성요소, 인스턴스 / 정적멤버, 생성자에 대하여 요약정리

✅  객체지향 프로그래밍 (OOP) 객체지향 프로그래밍은 데이터를 객체로 모델링하여 프로그램을 작성하는 프로그래밍 패러다임. OOP의 핵심 개념은 클래스와 객체[OOP특징]클래스: 객체의 설계도. 객체의 속성(데이터)과 메서드(동작)를 정의함.객체: 클래스의 인스턴스. 클래스에서 정의한 속성과 메서드를 가진 실제 데이터 구조.상속: 기존 클래스를 확장하여 새로운 클래스를 만드는 방법.다형성: 동일한 인터페이스를 사용하여 다른 동작을 구현할 수 있는 능력.캡슐화: 데이터를 은닉하여 객체의 내부 상태를 보호하는 방법. ✅  클래스 클래스는 객체를 정의하는 틀. 클래스는 속성과 메서드를 포함하여 객체의 구조와 동작을 정의.public class Dog { // 클래스 속성 (정적 멤버) public..

🟪 Backend-Java 2024.07.11

11. 얕은 복사, 깊은 복사의 특징과 예시

✅  얕은 복사 얕은 복사는 원본 객체의 참조만 복사하여 새로운 객체를 생성하는 방법. 즉, 원본 객체와 복사된 객체는 같은 메모리 주소를 참조원본 객체와 복사된 객체가 동일한 참조를 가지므로, 하나의 객체에서 변경이 발생하면 다른 객체에도 영향을 미침.1차원 배열에서는 얕은 복사와 깊은 복사의 차이가 크지 않음.다차원 배열에서는 얕은 복사로 인해 내부 리스트나 배열의 요소가 공유됨.import copy# 원본 리스트original_list = [1, 2, [3, 4]]# 얕은 복사shallow_copied_list = copy.copy(original_list)# 원본 리스트와 얕은 복사된 리스트를 출력print(original_list) # 출력: [1, 2, [3, 4]]print(sha..

🟪 Backend-Java 2024.07.11

9. 배열의 종류와 특징 (1차원,2차원,다차원배열)

✅  1차원 배열1차원 배열은 단일 선형 배열. 즉, 데이터가 한 줄로 나열된 형태요소들이 하나의 행으로 나열됨.인덱스를 사용하여 각 요소에 접근함.예를 들어, 1차원 배열 arr에서 arr[0]은 첫 번째 요소, arr[1]은 두 번째 요소임.public class Main { public static void main(String[] args) { // 1차원 배열 선언 및 초기화 int[] arr = {1, 2, 3, 4, 5}; // 배열 요소 접근 System.out.println(arr[0]); // 출력: 1 System.out.println(arr[2]); // 출력: 3 }}  ✅  2차원 배열2차원 배열은 행과..

🟪 Backend-Java 2024.07.10

(5분컷)깃허브 데스크탑, 깃허브 웹페이지 repository(레포) 이름 바꾸고 연결하기 (git bash 쓰지 않은 간단한 방법!)

1.로컬에서 이름 바꿀 폴더를 열고 '이름 바꾸기'로 이름을 바꿈 2. 깃허브 웹 페이지의 setting 탭에가서 이름을 바꿈 3. 깃허브 데스크탑을 열고 Repository - remote 에서 주소 이름을 새로 바꾼 repo 폴더명으로 변경 + remote 주소연결  4. 원래 것들을 다시 push 해주면 잘 연결됐고, repo 이름이 잘 변한것을 알 수 있음 (history도 그대로 남아있음)

🛠️ Dev. 2024.07.08

8. 반복문의 흐름제어 (for, while, do-while 흐름제어/break,continue)

✅ ' for ' 문특정 조건이나 횟수에 따라 코드를 반복 실행할때 사용 (초기화,조건검사,증감식 으로 구성됨)초기화: 반복문이 시작하기 전에 한 번만 실행되는 부분입니다. 변수 초기화 등에 사용조건 검사: 각 반복마다 조건을 검사하여 참이면 반복을 계속하고, 거짓(false)이면 반복을 종료증감식: 각 반복이 끝난 후 실행되는 부분으로, 주로 반복 변수를 증가 또는 감소시키는 역할을함for (초기화; 조건 검사; 증감식) { // 조건 검사가 참(true)인 동안 반복 실행될 코드 } for (int i = 1; i

🟪 Backend-Java 2024.07.05

VS code 꿀팁 : 폴더 안 코드에 들어있는 문자 찾는 단축키

🔰단축키 :Ctrl + shift + F 이런식으로 특정문자를 검색해 찾을 수 있당  ... 을 누르면 '포함할 파일' 이라고, 확장자 명 또한 입력해서 찾을 수 있다!     전에 퍼블리셔 친구가 백엔드가 작업한php 파일 안에있는 변수를 찾아야 했는데,파일 하나 하나 다 펼치기에는 너무 시간이 걸려서...찾았던 방법ㅎㅎ '단어는 기억나는데, 어디 있더라..?'싶을때 정말 유용한 기능ㅎㅎ

🛠️ Dev. 2024.07.05

7. 자바 입출력 (콘솔입력/콘솔출력/Scanner클래스)

📌 콘솔 입력✅ Scanner 클래스자바는 입출력 스트림 System.in, System.out, System.err 제공, 문자열을 동적으로 넣어줌(System.in은 콘솔로부터 데이터를 입력 받는데 사용)사용시 : type 변수 = 스캐너클래스.메서드 형식으로 사용int age = scanner.nextInt();기본적으로 스페이스로 입력 값 구분, nextLine()은 엔터로 입력값 구분하고 스페이스는 문자열로 취급함🔵 자료형 메서드정수형nextByte()입력값 byte형으로 반환 nextShort()입력값 short형으로 반환 nextInt()입력값 int형으로 반환 nextLong()입력값 long형으로 반환실수형nextFloat()입력값 float형으로 반환 nextDouble()입력값 d..

🟪 Backend-Java 2024.07.04

6. 데이터 타입표 (기본자료형,참조자료형,byte,short,int,long,char등)

🔵 데이터 타입 표 [데이터 타입](정수/실수/문자/불리언)1. 정수형 :  byte, short, int, long (1,2,4,8byte 순으로 메모리 사용)-byte: 8비트, 값의 범위: -128 ~ 127 (2^8 = 도합 256의 표현범위이기 때문에 음,양으로 표현 (0포함))-short : 16비트, 값의 범위 : -32,768~ 37,767-int: 32비트, 값의 범위: -2^31 ~ 2^31 - 1 (약 -2,147,483,648 ~ 2,147,483,647)-long: 64비트, 값의 범위: -2^63 ~ 2^63 - 1 (약 -9,223,372,036,854,775,808 ~ 9,223,372,036,854,775,807)2. 실수 형 : float(4byte), double(8b..

🟪 Backend-Java 2024.07.03
반응형