Tiny Bunny

본문 바로가기

💡Language64

[JS] 자바스크립트 async 와 await (ft. 비동기처리) 자바스크립트 async와 await ; 비동기 처리를 더 쉽게 ! 비동기 작업을 다루기 위해 자바스크립트는 다양한 방법을 제공한다. promise 개념과 더불어 async와 await 키워드를 사용하면 비동기 코드를 깔끔하고 읽기 쉽게 만들 수 있다. 1. async 키워드란?async는 함수를 비동기 함수로 만들어주는 키워드이다.async를 함수 앞에 붙이면, 해당 함수는 항상 Promise를 반환한다.반환값이 Promise가 아니더라도 자동으로 Promise로 감싸서 반환된다.async function getData() { return { name: "David", id: "d0228", };}console.log(getData()); 위 코드의getDa.. 2025. 4. 29.

[JS] 자바스크립트 비동기와 Promise 자바스크립트 비동기와 Promise 자바스크립트 비동기 처리와 Promise에 대해 쉽게 정리해보자!1. 자바스크립트 비동기 처리 ; 콜백 함수(Callback)자바스크립트는 기본적으로 싱글 스레드로 작동한다.그래서 시간이 오래 걸리는 작업(예: 서버 요청, 파일 읽기 등)을 그냥 실행하면 프로그램이 멈춰버릴 수 있다.이를 해결하기 위해 비동기 처리가 등장했다. 대표적인 비동기 처리 방법 중 하나가 바로 콜백 함수// 콜백함수를 사용해서, 비동기함수 안에서 콜백을 호출function add(a, b, callback) { setTimeout(() => { const sum = a + b; callback(sum); }, 3000);}add(1, 2, (value) .. 2025. 4. 26.

[JS] 로컬스토리지(LocalStorage) / JSON - Object 타입 변환 목차1. localStorage2. localStorage와 JSON 1. 로컬스토리지 개념 localStorage란 크롬과 같은 웹 브라우저에 데이터를 저장할 수 있는 기능이다.즉 웹 상에 우리의 데이터들을 저장하는 것이다. 💡 로컬스토리지를 사용하면 브라우저를 닫아도 저장되었던 데이터를 계속해서 유지할 수 있다. 보통은 사용자의 로그인정보나 설정 등을 저장하기 위해 사용하는데,Key- Value 값의 형태로 데이터를 저장한다.localStorage.setItem("키", "값"); 키에는 내가 저장하고 싶은 DB 덤탱이에 이름을 정해주는 것이고, 각 값은 각각의 데이터 값을 의미한다. 크롬 브라우저에서 local Storage 값 확인하기크롬 브라우저에서 localStorage를 확인하.. 2025. 3. 7.

[JS] 자바스크립트 배열 Json타입 변환, ajax를 통해 controller에 넘기기 쇼핑몰 장바구니 기능을 구현하며,각각 카테고리 별 제품을 화면에 띄워주며 자바스크립트를 이용해 배열에 담았다. 이 배열을 Json타입으로 바꿔서 ajax를 이용해 보내는 방법을 정리해보려 한다. ☺️ 1. 자바스크립트 배열에 담기 먼저 상품명, 수량, 가격 / 조립여부, 조립가격, 수량/ 견적 이름 을 자바스크립트 배열에 담아야했다.담기버튼을 클릭하면 addToCart()를 통해 productName과 productPrice를 가져오도록 한다. 그리고 active된 component의 이름을 배열 Name으로 지정한 후, currentCart[componentName] = { name: productName, price: parseInt(productPric.. 2025. 1. 5.

[JS] 자바스크립트 문자열 공백 제거하기 - trim() , replace() 자바스크립트에서 문자열 공백을 제거하는 방식은 두 가지 함수를 사용해서 제거가 가능하다. 1. replace()var a = "가 나 다 라 마 바 사 "a.replace(" ","")//"가나 다 라 마 바 사 "a.replace(/ /g,"")//"가나다라마바사" replace는 문자를 교체하는 것이기에 사실 공백이 아니어도 가능하다. 2. trim()var a = " 안 녕 하 세 요 "a.trim()//"안녕하세요" trim은 위와같이 앞과 뒤쪽의 공백을 제거하여 준다. 2025. 1. 4.

[c++] replace() 함수, find() 함수 / 문자열 찾기 1. size_tint 형: -21e8 ~ 21e8 정수 size_t 형 : unsigned int 는 '0을 포함한 양의 정수'다.: 컴퓨터 사양에 따라 uint32_t가 될 수도 있고, uint64_t가 될 수도 있다. ex)uint32_t u32t; 는 32비트의 0을 포함한 양의 정수unit64_t u64t; 는 64비트의 0을 포함한 양의 정수 string::npos: size_t의 underflow 값 -> 쓰레기값 2. find() 함수C++ string 변수에서 특정 문자열을 찾을 때, std::string의 find() 함수를 사용한다. #include #include using namespace std;int main(){ string s = "Enter ui1234 .. 2024. 11. 27.

[JAVA] 문자열 자르기 - indexOf() , substring(), split() 1. indexOf()String finds = "abc-def"int idx = finds.indexOf("-"); // 인덱스값 3 2. substring()String finds = "abc-def";String ans = finds.substring(0,3); //abcString ans2 = finds.substring(4); //def3. split() : 지정한 문자를 기준으로 문자열을 잘라 배열로 반환한다.String finds = "2021/4/13"; // '/'를 기준으로 문자열을 자른다. String date[] = birthday.split("/"); for(int i=0 ; i 2024. 10. 21.

[JAVA] Char 문자열로 변환 char를 문자열로 변환하는 방법String.valueOf(charrArr)-> java.lang.String 클래스의 valueOf() 메서드는 char 배열을 파라미터로 받아서 String으로 변환하여 리턴함.char a = '안';char b = '녕';String test = String.valueOf(a) + String.valueOf(b);System.out.println(test); // 안녕 Character 클래스의 toString()-> Character 클래스의 toString() 메서드를 통해서 Char를 String으로 반환할 수 있음.char a = '안';char b = '녕';String test = Character.toString(a) + Character.toString.. 2024. 10. 17.

[JAVA] 문자열 길이 정렬 Comparator 을 사용한다.이는 인터페이스(interface)로, 인터페이스 내에 반드시 선언된 메소드를 구현해야한다! @Override //오름차순 정렬 Arrays.sort(str, new Comparator() { @Override public int compare(String s1, String s2) { return s1.length()-s2.length(); } }); for(int i=0;i() { @Override public int compare(String s1, String s2) { return s2.length()-s1.length(); } }); for(int i=0;i 2024. 10. 16.

[JAVA] 벡터(vector) · 메서드 정리 목차1. Vector2. Vector 사용하기add()offer()remove()clear()removeAllElements()size()capacity() 1. VectorArrayList와 같이 List 인터페이스를 상속받는 컬렉션 프레임워크.사용법은 ArrayList와 유사하다. 2. Vector 사용하기 선언 Vector 변수명 = new Vector(); ㄴ 위 같은 경우는 자료형에 넣은 자료형만 삽입, 삭제 가능 Vector 변수명 = new Vector(10);ㄴ 초기 크기 지정 '10' 사이즈로! Vector v1 = new Vector(Arrays.asList(1,2,3));ㄴ 초기 값 지정 메소드 정리 add( ) - 요소 추가c++의 insert Vector vec.. 2024. 10. 14.

[JAVA] 큐(Queue) · 메서드 정리 목차1. Queue2. Queue 사용하기add()offer()remove()poll()element()peek()clear()contains()isEmpty() 1. Queue (큐)- 큐(Queue)는 가장 먼저 넣은 요소가 가장 처음 나오는 구조다. ( 선입선출 , FIFO ) 2. Queue 사용하기 먼저 자바에서Queue를 사용하기 위해선,import java.util.Queue;import java.util.LinkedList;을 추가해줘야 한다. 선언 Queue 변수명 = new LinkedList(); ㄴ 위 같은 경우는 자료형에 넣은 자료형만 삽입, 삭제 가능Queue 변수명 = new LinkedList(); ㄴ 위 같은 경우는 어떤 자료형이든 삽입, 삭제 가능(이전에 .. 2024. 10. 14.

[JAVA] 스택 (Stack) · 메서드 정리 목차1. Stack2. Stack 사용하기push()pop()remove()peek()isEmpty()empty()search()size()set()elementAtclear() 1. Stack (스택) - 스택은 마지막에 넣은 데이터를 가장 먼저 꺼낸다. (후입선출. LIFO)* 참고로 Queue(큐)는 선입선출(FIFO) - 자바 가상 머신(JVM)은 스스로 메모리를 관리하는 기능을 하는데, 이때 Stack은 마지막으로 사용이 끝난 지역변수를 바로 쳐내버리므로, 매우 효율적으로 메모리를 사용하는 방식이다.또, 자바의 Stack 클래스는 Vector 클래스를 상속받는다! 따라서 Thread-safe 특징을 갖는다고 한다. 2. Stack 사용하기 먼저 자바에서 Stack을 사용하기.. 2024. 10. 14.

이전 1 2 3 4 ··· 6 다음

티스토리툴바