목록View All (350)
DATA101
[Java] Servlet 기반 MySQL 서버 연동하기!(Tomcat 활용)
💡 목표 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] 객체 병합 방법(Objet.assign 함수, 전개연산자)
💡 목표 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 함수는 객체의 원소를 중복을 허용하지 않고 병합합니다. 단, 중복되는 원소는 나중에 병합하는 객체의 원소로 최종 병합합..
[React] 리액트 설치 및 기본 세팅하기!
💡 목표 리액트 설치 및 기본적인 세팅 방법을 학습한다. 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 함수)
💡 목표 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 함수)
💡 목표 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..
[JavaScript] 배열 내 최댓값, 최솟값 찾기(Math 객체 내 max, min 함수)
💡 목표 JavaScript에서 배열 내 최댓값, 최솟값 찾는 방법에 대하여 학습한다. 1. Math.max() 함수: 최댓값 찾기 함수 원형 Math.max(배열); Math 객체 내 max 함수는 배열 내 최댓값을 반환합니다. 예제 console.log(Math.max(3, 4, 5, 6, -1)); // 6 2. Math.min() 함수: 최솟값 찾기 함수 원형 Math.min(배열); Math 객체 내 min 함수는 배열 내 최솟값을 반환합니다. 예제 console.log(Math.max(3, 4, 5, 6, -1)); // -1 오늘은 JavaScript에서 배열 내 최댓값, 최솟값을 구하는 방법에 대해 알아봤습니다. 포스팅 내용에 오류가 있다면 아래에 댓글 남겨주세요! 그럼 오늘도 즐겁고 행복..
[JavaScript] 올림/반올림 방법(Math 객체의 ceil, floor, round 함수)
💡 목표 JavaScript에서 배열 내 조건에 맞는 원소를 구하는 방법에 대해 학습한다. 1. round 함수: 올림 함수 원형 Math.round(숫자); Math 객체 내 round 함수는 전달받는 숫자를 올림 합니다. 예제 console.log(Math.round(3.49)); // 4 console.log(Math.round(4.5)); // 5 console.log(Math.round(-3.26)); // -3 console.log(Math.round(-9.88)); // -9 2. ceil 함수: 반올림 함수 원형 Math.ceil(숫자); Math 객체 내 ceil 함수는 전달받는 숫자를 반올림합니다. ceil이 사전적으로 천장을 칠하거나 만드는 의미가 있으니 기억하기 쉽습니다. 예제 co..