DATA101

🔥 목표 자바스크립트(리액트)에서 Promise의 역할과 상태 3가지에 대해 이해한다. 📝 목차 1. Promise는 무엇인가? 2. Promise의 역할 3. Promise의 상태(State) 3.1. Pending(대기) 3.2. Fulfilled(이행) 3.2.1. 소개 3.2.2 Promise 객체 연결 3.3. Rejected(실패) 3.3.1. 소개 3.3.2. 활용 예시 1. Promise는 무엇인가? JavaScript(React)에서 Promise는 비동기 처리에 활용되는 객체입니다. 여기서 비동기 처리란 line by line 순차적으로 특정 코드의 실행을 끝까지 기다리지 않고 다음 코드를 선제적으로 처리하는 것을 의미합니다. 2. Promise의 역할 Promise는 주로 웹 서비스 ..

💡 목표 Java Spring을 활용한 서버-클라이언트 간 MySQL 연동 방법을 학습한다. 사용할 Tool 1. Java 11 버전 2. IDE(이클립스) 3. Tomcat 9 버전 4. MobaXterm 5. Virtual Box 6. Ubuntu-20 64bit 7. 윈도우10 64bit 8. MySQL 목차 1. Java 코딩 2. Virtual Box 세팅 3. 가상 머신 접속 4. 기본 패키지 설치 5. 자바 설치 6. Tomcat 세팅 7. MySQL 세팅(리눅스) 8. MySQL 세팅(윈도우) 9. MySQL 연동 테스트 ✔️ 사전 준비 Virtual Box, MobaXterm 설치 및 세팅 https://heytech.tistory.com/192 Virtual Box 및 MobaX를 활용..

💡 목표 Java Sevlet을 활용한 서버-클라이언트 간 MySQL 연동 방법을 학습한다. 사용할 Tool 1. Java 11 버전 2. IDE(이클립스) 3. Tomcat 9 버전 4. MobaXterm 5. Virtual Box 6. Ubuntu-20 64bit 7. 윈도우10 64bit 8. MySQL 목차 1. Java 코딩 2. Virtual Box 세팅 3. 가상 머신 접속 4. 기본 패키지 설치 5. 자바 설치 6. Tomcat 세팅 7. MySQL 세팅(리눅스) 8. MySQL 세팅(윈도우) 9. MySQL 연동 테스트 ✔️ 사전 준비 Virtual Box, MobaXterm 설치 및 세팅 https://heytech.tistory.com/192 Virtual Box 및 MobaX를 활용..

❗️ 에러 상황 ✅ 해결 방법 프로젝트에 마우스 우측 클릭 - Run As - Run Configurations 차례로 클릭 가운데 상단 메뉴바에서 Common 클릭 - 아래에 Encoding에서 Other 클릭 - UTF-8 선택 - Apply - Run 👏해결 결과 아래와 같이 콘솔에 한글이 정상적으로 출력되는 것을 확인하실 수 있습니다. 🔥 해결 안 될 경우 위의 방법으로 해결이 안 될 경우, 아래 순서에 따라 실행하시면 해결하실 수 있습니다. 1) 상단 탭 Windows > Preferences 2) 검색창 내 encoding 입력 3) 좌측 메뉴바 내 Content Types 선택 4) 우측 하단 Default encoding 입력란 EUC-KR 입력 5) Update 버튼 클릭 6) Apply..

💡 목표 JavaScript에서 객체 병합 방법에 대해 학습한다. 목차 1. Object.assign() 함수 2. 전개연산자 3. 일반 함수 정의 들어가며 객체를 병합하는 방법은 크게 3가지가 있으며 각각 알아보겠습니다. 먼저, 3개 객체를 예시로 정의하겠습니다. let obj1 = { a: 10, b: 20, c: 30 } let obj2 = { c: 30, d: 40, } let obj3 = { c: 770, d: 477, } 1. Objet.assign() 함수 함수 원형 Object.assign(객체1, 객체2, 객체3, ... , 객체 N); Object 객체 내 assign 함수는 객체의 원소를 중복을 허용하지 않고 병합합니다. 단, 중복되는 원소는 나중에 병합하는 객체의 원소로 최종 병합합..

💡 목표 리액트 설치 및 기본적인 세팅 방법을 학습한다. 1. nodejs 설치 node.js 설치 링크입니다. https://heytech.tistory.com/199?category=521346 Node.js 설치 방법 공유!(+설치 에러 해결 방법) 💡학습목표 Node.js 설치하는 방법과 환경 변수 설정하는 방법에 대해 학습한다. Node.js 설치여부 확인 cmd 창에 아래 명령어를 입력해 봅니다. (cmd 창 키는 방법: 키보드 내 윈도우 버튼 + cmd 입력) n heytech.tistory.com 2. IDE 설치(VS Code) VS Code 설치 링크입니다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefi..

💡 목표 JavaScript에서 배열 내 조건을 만족하는 원소를 찾는 filter 함수의 활용법에 대해 학습한다. 함수 원형(기본) 배열.filter(콜백함수(값, 인덱스, 배열 자신)); filter 함수는 전달인자가 배열 내 원소 값, 인덱스, 배열 자신인 콜백함수를 받는 함수로, 특정 조건을 만족하는 원소만 반환하는 함수입니다. 예제1 let arr1 = [1, 30, 39, 29, 10, 13]; function filterFunction1(value){ return value < 30; }; let arrFiltered = arr1.filter(filterFunction1); console.log(arrFiltered); filter 함수를 활용하여 30보다 작은 원소만 선택할 수 있습니다. 실..

💡 목표 JavaScript에서 forEach 함수와 map 함수의 활용법에 대해 학습한다. 1. forEach 함수 함수 원형(기본) 배열.forEach(콜백함수(값, 인덱스, 배열 자신)); forEach 함수는 전달인자가 배열 내 원소 값, 인덱스, 배열 자신인 콜백함수를 받는 함수입니다. 즉, forEach 함수는 for 반복문처럼 첫 번째 원소부터 마지막 원소까지 차례대로 배열에서 꺼내 콜백함수에 전달합니다. map 함수와 다르게 리턴 값이 없다는 특징이 있습니다. 예제 코드와 함께 살펴보겠습니다. 예제1 let arr1 = [100, 200, 300]; arr1.forEach( (v, idx, arr) => { console.log(`${idx} 인덱스의 값: ${v}`); console.lo..